@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Elements of HTML (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Add a flattened line height in all browsers (opinionated).
 * 4. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  line-height: 1.5;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
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: .67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
}

/**
 * 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 (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000;
}

/**
 * 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: -.25em;
}

sup {
  top: -.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
  -ms-interpolation-mode: bicubic;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
table {
  border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Remove the default styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * 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;
}

/**
 * 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 {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  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 and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[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 elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  /* 1 */
  touch-action: manipulation;
}

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

/* ARIA in HTML (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden] {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

[aria-hidden="false"][hidden]:focus {
  clip: auto;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default;
}

html {
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
}

body {
  background-color: #fff;
  color: #333;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.0rem;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow-x: hidden;
}

body.theme-en {
  font-family: "Arial","Helvetica",sans-serif;
}

body.theme-zh {
  font-family: 'SimHei','Arial',sans-serif;
}

*, *:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* Headnigs */
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

/* Paragraph */
p {
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.88;
}

/* List */
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

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

li {
  padding: 0;
  margin: 0;
  list-style: none;
}

dl {
  padding: 0;
  margin: 0;
}

dt {
  padding: 0;
  margin: 0;
}

dd {
  padding: 0;
  margin: 0;
}

/* Figure */
figure {
  margin-left: 0;
  margin-right: 0;
}

figcaption {
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  color: #353535;
  margin-top: 20px;
}

/* Table */
table {
  margin-bottom: 1em;
  margin-top: 1em;
  font-size: 1.6rem;
}

/* Horizontal Rule */
hr {
  border: none;
  border-top: 1px solid #999;
  margin: 30px 0;
}

@media only screen and (max-width: 767px) {
  hr {
    margin: 10px 0;
  }
  #l-globalKnowledge hr {
    margin: 10px -15px;
  }
}

/* Inline Elements */
img {
  height: auto;
  max-width: 100%;
}

a {
  color: #0c419a;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: all .3s;
}

/* Form */
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

input:hover, input:active, input:focus, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
}

input:active, input:focus {
  box-shadow: none !important;
  outline: none;
}

video {
  width: 100%;
  border: 1px solid #CCC;
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?92qfzu");
  src: url("fonts/icomoon.eot?92qfzu#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?92qfzu") format("truetype"), url("fonts/icomoon.woff?92qfzu") format("woff"), url("fonts/icomoon.svg?92qfzu#icomoon") 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: 'icomoon' !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-plus:before {
  content: "\e900";
  color: #fff;
}

.icon-chevron-top:before {
  content: "\e901";
  color: #fff;
}

.icon-minus:before {
  content: "\e902";
  color: #fff;
}

.icon-mail:before {
  content: "\e903";
}

.icon-chevron-right:before {
  content: "\e904";
}

.icon-search:before {
  content: "\e905";
  color: #005bac;
}

.icon-global:before {
  content: "\e906";
  color: #005bac;
}

.icon-close:before {
  content: "\e907";
  color: #fff;
}

.icon-back:before {
  content: "\e908";
}

.icon-search-small:before {
  content: "\e909";
}

.icon-chevron-first:before {
  content: "\e90a";
}

.icon-chevron-last:before {
  content: "\e90b";
}

.icon-chevron-down:before {
  content: "\e90c";
}

.icon-close-box:before {
  content: "\e90d";
  color: #666;
}

.icon-upload:before {
  content: "\e90e";
}

.icon-pdf:before {
  content: "\e90f";
  color: #fff;
}

.icon-plus-bold:before {
  content: "\e910";
  color: #666;
}

.icon-minus-bold:before {
  content: "\e911";
  color: #666;
}

header {
  height: 60px;
  margin: 0 0 70px 0;
}

@media only screen and (max-width: 767px) {
  header {
    height: 40px;
    margin: 0 0 20px 0;
  }
}

.theme-form header #l-globalHeader .l-headerLogo {
  max-width: 825px;
  padding: 0 40px;
}

@media only screen and (max-width: 767px) {
  .theme-form header #l-globalHeader .l-headerLogo {
    width: 100%;
  }
}

.theme-form header .l-globalMenu {
  display: none;
}

header #l-globalHeader {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 60px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

@media only screen and (max-width: 767px) {
  header #l-globalHeader {
    height: 40px;
  }
}

header #l-globalHeader .l-headerLogo {
  line-height: 1;
  margin: 0 auto;
  width: 100%;
  height: 29px;
  padding: 0 0 0 55px;
}

@media only screen and (max-width: 767px) {
  header #l-globalHeader .l-headerLogo {
    height: 25px;
    padding: 0 0 0 15px;
  }
}

header #l-globalHeader .l-headerLogo svg {
  width: 58px;
  height: 29.22px;
  transition: all .4s;
}

header #l-globalHeader .l-headerLogo svg path {
  fill: #005bac;
}

.theme-top header #l-globalHeader .l-headerLogo svg path {
  fill: #fff;
}

@media only screen and (max-width: 767px) {
  header #l-globalHeader .l-headerLogo svg {
    width: 46px;
    height: 24px;
  }
}

header .l-globalMenu {
  display: flex;
  font-size: 26px;
  line-height: 1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu {
    background-color: transparent;
    font-size: 18px;
  }
}

header ul.l-globalMenu.is-nonBg {
  background-color: transparent !important;
}

header .l-globalMenu li .btn-modalHeader {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  width: 60px;
}

header .l-globalMenu li .btn-modalHeader.is-hidden {
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li .btn-modalHeader {
    height: 40px;
    width: 40px;
  }
}

header .l-globalMenu li .btn-modalHeader:hover i:before {
  color: #999;
}

header .l-globalMenu li #btn-toggleMenu {
  align-items: center;
  background: #005bac;
  cursor: pointer;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  margin-left: 1em;
  position: relative;
  width: 60px;
}

header .l-globalMenu li #btn-toggleMenu.is-open {
  background-color: transparent;
}

header .l-globalMenu li #btn-toggleMenu.is-open span {
  width: 30px;
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li #btn-toggleMenu.is-open span {
    background: #fff;
    border-bottom: 2px solid #fff;
    width: 20px;
  }
}

header .l-globalMenu li #btn-toggleMenu.is-open span:nth-child(1) {
  top: 30px;
  left: -0;
  transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li #btn-toggleMenu.is-open span:nth-child(1) {
    top: 20px !important;
    right: 0;
  }
}

header .l-globalMenu li #btn-toggleMenu.is-open span:nth-child(2) {
  opacity: 0;
}

header .l-globalMenu li #btn-toggleMenu.is-open span:nth-child(3) {
  top: 30px;
  left: 0px;
  transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li #btn-toggleMenu.is-open span:nth-child(3) {
    top: 20px !important;
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li #btn-toggleMenu {
    height: 40px;
    width: 40px;
  }
}

header .l-globalMenu li #btn-toggleMenu span {
  background: #fff;
  border-bottom: 2px solid #fff;
  display: inline-block;
  position: absolute;
  transition: top .4s, transform .4s;
  width: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li #btn-toggleMenu span {
    width: 18px;
    background: #7FAAD4;
    border-bottom: 2px solid #7FAAD4;
  }
}

header .l-globalMenu li #btn-toggleMenu span:nth-child(1) {
  top: calc(50% - 9px);
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li #btn-toggleMenu span:nth-child(1) {
    top: calc(50% - 7px) !important;
  }
}

header .l-globalMenu li #btn-toggleMenu span:nth-child(2) {
  top: calc(50% - 1px) !important;
}

header .l-globalMenu li #btn-toggleMenu span:nth-child(3) {
  top: calc(50% + 8px);
}

@media only screen and (max-width: 767px) {
  header .l-globalMenu li #btn-toggleMenu span:nth-child(3) {
    top: calc(50% + 5px) !important;
  }
}

header.is-fixed {
  padding: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  header.is-fixed {
    padding: 0 0 40px 0;
  }
}

header.is-fixed #l-globalHeader {
  background: #FFF;
  position: fixed;
  top: 0;
  z-index: 50;
}

.theme-form header .l-headerLogo {
  width: 825px !important;
  padding: 0 40px !important;
}

@media only screen and (max-width: 767px) {
  .theme-form header .l-headerLogo {
    padding: 0 0 0 15px !important;
    width: 100% !important;
  }
}

.l-main {
  margin: 0 auto 60px auto;
}

@media only screen and (max-width: 767px) {
  .l-main {
    margin: 0 auto 30px auto;
  }
}

.theme-generalSingle .l-main,
.theme-generalMulti .l-main,
.theme-searchResultFreeWord .l-main,
.theme-serviceSolutionTop .l-main,
.theme-segmentTop .l-main,
.theme-peopleDetails .l-main,
.theme-generalFirstTop .l-main,
.theme-knowledgeInsightSecondTop .l-main,
.theme-publicationTop .l-main,
.theme-newsTop .l-main,
.theme-generalCompanyIR .l-main,
.theme-searchResultTag .l-main,
.theme-generalGroup .l-main {
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .theme-generalSingle .l-main,
  .theme-generalMulti .l-main,
  .theme-searchResultFreeWord .l-main,
  .theme-serviceSolutionTop .l-main,
  .theme-segmentTop .l-main,
  .theme-peopleDetails .l-main,
  .theme-generalFirstTop .l-main,
  .theme-knowledgeInsightSecondTop .l-main,
  .theme-publicationTop .l-main,
  .theme-newsTop .l-main,
  .theme-generalCompanyIR .l-main,
  .theme-searchResultTag .l-main,
  .theme-generalGroup .l-main {
    width: calc(100% - 40px);
    max-width: 100%;
  }
}

.theme-journalDetails .l-main .l-contents {
  margin: 0 auto 120px auto;
}

@media only screen and (max-width: 767px) {
  .theme-journalDetails .l-main .l-contents {
    margin: 0 auto 60px auto;
  }
}

.theme-generalSingle .l-main article .l-contents {
  max-width: 800px;
  margin: 0 auto 120px auto;
}

@media only screen and (max-width: 767px) {
  .theme-generalSingle .l-main article .l-contents {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 60px auto;
  }
  .theme-generalSingle .l-main article .l-contents .fxb-col-12 {
    padding: 0;
  }
}

.theme-generalMulti .l-main article .l-contents,
.theme-peopleDetails .l-main article .l-contents,
.theme-publicationNextTop .l-main article .l-contents,
.theme-generalList .l-main article .l-contents,
.theme-knowledgeInsightReportList .l-main article .l-contents,
.theme-glossaryList .l-main article .l-contents,
.theme-peopleList .l-main article .l-contents {
  max-width: 745px;
}

@media only screen and (max-width: 767px) {
  .theme-generalMulti .l-main article .l-contents,
  .theme-peopleDetails .l-main article .l-contents,
  .theme-publicationNextTop .l-main article .l-contents,
  .theme-generalList .l-main article .l-contents,
  .theme-knowledgeInsightReportList .l-main article .l-contents,
  .theme-glossaryList .l-main article .l-contents,
  .theme-peopleList .l-main article .l-contents {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 60px auto;
  }
  .theme-generalMulti .l-main article .l-contents .fxb-col-12,
  .theme-peopleDetails .l-main article .l-contents .fxb-col-12,
  .theme-publicationNextTop .l-main article .l-contents .fxb-col-12,
  .theme-generalList .l-main article .l-contents .fxb-col-12,
  .theme-knowledgeInsightReportList .l-main article .l-contents .fxb-col-12,
  .theme-glossaryList .l-main article .l-contents .fxb-col-12,
  .theme-peopleList .l-main article .l-contents .fxb-col-12 {
    padding: 0;
  }
}

.theme-generalMulti .l-main,
.theme-peopleDetails .l-main,
.theme-publicationNextTop .l-main,
.theme-generalList .l-main,
.theme-knowledgeInsightReportList .l-main,
.theme-glossaryList .l-main,
.theme-peopleList .l-main {
  width: calc(100% - 215px - 40px);
  float: left;
  margin: 0 40px 60px 0;
}

@media only screen and (max-width: 767px) {
  .theme-generalMulti .l-main,
  .theme-peopleDetails .l-main,
  .theme-publicationNextTop .l-main,
  .theme-generalList .l-main,
  .theme-knowledgeInsightReportList .l-main,
  .theme-glossaryList .l-main,
  .theme-peopleList .l-main {
    width: 100%;
    float: none;
    margin: 0 auto 30px auto;
  }
}

@media only screen and (max-width: 767px) {
  .theme-journalTop {
    display: flex;
    flex-direction: column;
  }
  .theme-journalTop .l-journalTop {
    order: 1;
  }
  .theme-journalTop .l-accessRanking {
    order: 3;
  }
  .theme-journalTop .wrap-main {
    order: 2;
  }
  .theme-journalTop footer {
    order: 4;
  }
}

.theme-journalDetails .l-main {
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .theme-journalDetails .l-main {
    width: calc(100% - 40px);
    max-width: 100%;
  }
}

.theme-form .l-main {
  max-width: 825px;
  padding: 0 40px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .theme-form .l-main {
    max-width: 100%;
    padding: 0 20px;
  }
}

.theme-generalMulti .wrap-main,
.theme-peopleDetails .wrap-main,
.theme-publicationNextTop .wrap-main,
.theme-generalList .wrap-main,
.theme-knowledgeInsightReportList .wrap-main,
.theme-glossaryList .wrap-main,
.theme-peopleList .wrap-main {
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .theme-generalMulti .wrap-main,
  .theme-peopleDetails .wrap-main,
  .theme-publicationNextTop .wrap-main,
  .theme-generalList .wrap-main,
  .theme-knowledgeInsightReportList .wrap-main,
  .theme-glossaryList .wrap-main,
  .theme-peopleList .wrap-main {
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
  .theme-generalMulti .wrap-main .l-side,
  .theme-peopleDetails .wrap-main .l-side,
  .theme-publicationNextTop .wrap-main .l-side,
  .theme-generalList .wrap-main .l-side,
  .theme-knowledgeInsightReportList .wrap-main .l-side,
  .theme-glossaryList .wrap-main .l-side,
  .theme-peopleList .wrap-main .l-side {
    order: 1;
  }
  .theme-generalMulti .wrap-main .l-titleGeneral,
  .theme-peopleDetails .wrap-main .l-titleGeneral,
  .theme-publicationNextTop .wrap-main .l-titleGeneral,
  .theme-generalList .wrap-main .l-titleGeneral,
  .theme-knowledgeInsightReportList .wrap-main .l-titleGeneral,
  .theme-glossaryList .wrap-main .l-titleGeneral,
  .theme-peopleList .wrap-main .l-titleGeneral {
    order: 2;
  }
  .theme-generalMulti .wrap-main .l-main,
  .theme-peopleDetails .wrap-main .l-main,
  .theme-publicationNextTop .wrap-main .l-main,
  .theme-generalList .wrap-main .l-main,
  .theme-knowledgeInsightReportList .wrap-main .l-main,
  .theme-glossaryList .wrap-main .l-main,
  .theme-peopleList .wrap-main .l-main {
    width: calc(100% - 40px);
    order: 3;
  }
  .theme-generalMulti .wrap-main footer,
  .theme-peopleDetails .wrap-main footer,
  .theme-publicationNextTop .wrap-main footer,
  .theme-generalList .wrap-main footer,
  .theme-knowledgeInsightReportList .wrap-main footer,
  .theme-glossaryList .wrap-main footer,
  .theme-peopleList .wrap-main footer {
    order: 4;
  }
}

footer {
  padding: 0 0 112px;
  clear: both;
}

@media only screen and (max-width: 767px) {
  footer {
    padding: 0 0 66px;
  }
}

.theme-form footer {
  max-width: 825px;
  margin: 0 auto;
  padding: 0 40px 24px 40px;
}

@media only screen and (max-width: 767px) {
  .theme-form footer {
    max-width: 100%;
  }
}

.theme-form footer .l-snsFooter,
.theme-form footer .l-richFooter,
.theme-form footer .l-extraFooter {
  display: none;
}

.theme-form footer .l-copy {
  max-width: 745px;
}

@media only screen and (max-width: 767px) {
  .theme-form footer .l-copy {
    width: calc(100% - 20px);
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .theme-form footer {
    padding: 0 0 66px;
  }
}

ul.l-snsFooter {
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  padding: 30px 0;
  text-align: center;
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  ul.l-snsFooter {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 22px 0;
  }
}

ul.l-snsFooter li {
  display: inline-block;
  color: #005bac;
  font-size: 2.0rem;
  font-weight: bold;
  font-family: HelveticaNeue;
}

ul.l-snsFooter li a img {
  width: 28px;
  height: 28px;
}

@media only screen and (max-width: 767px) {
  ul.l-snsFooter li {
    font-size: 1.4rem;
  }
  ul.l-snsFooter li a img {
    width: 20px;
    height: 20px;
  }
}

ul.l-snsFooter li + li {
  margin: 0 0 0 40px;
}

@media only screen and (max-width: 767px) {
  ul.l-snsFooter li + li {
    margin: 0 0 0 30px;
  }
  ul.l-snsFooter li + li:nth-child(2) {
    margin: 0 0 0 64px;
  }
}

.l-richFooter {
  max-width: 1000px;
  margin: 40px auto 70px auto;
}

@media only screen and (max-width: 767px) {
  .l-richFooter {
    display: none;
  }
}

.l-richFooter ul.l-localNav2nd li a {
  display: block;
  color: #666;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 12px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.l-richFooter ul.l-localNav2nd li a:before {
  content: "";
  background:url("/static/common/images/icon-chevronRight.svg") no-repeat;
  background-size:contain;
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 0;
}

.l-richFooter ul.l-localNav2nd li a:hover {
  text-decoration: underline;
}

.l-richFooter ul.l-localNav2nd li a:hover:before {
  text-decoration: none;
}

.l-richFooter ul.l-localNav2nd li ul.l-localNav3rd li {
  margin: 0 0 16px 0;
}

.l-richFooter ul.l-localNav2nd li ul.l-localNav3rd li:first-child {
  margin: 13px 0 16px 0;
}

.l-richFooter ul.l-localNav2nd li ul.l-localNav3rd li:last-child {
  margin: 0 0 20px 0;
}

.l-richFooter ul.l-localNav2nd li ul.l-localNav3rd li a {
  font-size: 1.4rem;
  font-weight: normal;
  border: none;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .l-richFooter {
    display: none;
  }
}

ul.l-extraFooter {
  max-width: 1000px;
  margin: 0 auto 15px auto;
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  ul.l-extraFooter {
    max-width: 100%;
    width: 100%;
    border-top: dotted 1px #999;
    margin: 39px 0 0 0;
  }
}

ul.l-extraFooter li {
  display: inline-block;
  font-size: 1.2rem;
  margin: 0 1em 5px 0;
}

@media only screen and (max-width: 767px) {
  ul.l-extraFooter li {
    display: block;
    border-bottom: dotted 1px #999;
    margin: 0;
  }
}

ul.l-extraFooter li + li:before {
  content: "｜";
  margin: 0 1em 0 0;
}

@media only screen and (max-width: 767px) {
  ul.l-extraFooter li + li:before {
    content: "";
    margin: 0;
  }
}

ul.l-extraFooter li a {
  color: #999;
}

@media only screen and (max-width: 767px) {
  ul.l-extraFooter li a {
    display: block;
    padding: 10px;
  }
}

ul.l-extraFooter li a:hover {
  text-decoration: underline;
}

.l-copy {
  max-width: 1000px;
  margin: 0 auto;
  font-family: HelveticaNeue;
  font-size: 1.0rem;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .l-copy {
    max-width: calc(100% - 20px);
    margin: 10px auto 13px auto;
  }
}

.l-modalFormSuccess .l-copy {
  width: 100%;
}

#l-pagetop {
  width: 60px;
  height: 60px;
  background-color: #333333;
  position: fixed;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  #l-pagetop {
    width: 40px;
    height: 40px;
  }
}

#l-pagetop a {
  display: block;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #l-pagetop a {
    height: 40px;
  }
}

#l-pagetop a .icon-chevron-top {
  font-size: 25px;
}

@media only screen and (max-width: 767px) {
  #l-pagetop a .icon-chevron-top {
    font-size: 16px;
  }
}

.theme-desktop.theme-generalMulti .l-article {
  float: left;
  width: 75%;
}

.l-side {
  width: 215px;
  float: right;
}

@media only screen and (max-width: 767px) {
  .l-side {
    width: 100%;
    background: #eee;
    float: none;
    margin: 0 0 20px 0;
  }
}

.l-side a {
  text-decoration: none !important;
}

.l-side a:hover {
  text-decoration: none;
}

.l-side a.btn-accMobile {
  display: block;
  pointer-events: none;
}

.l-side a.btn-accMobile h2 {
  font-size: 2.0rem;
  line-height: 1.5;
  color: #000;
  margin: 0 0 9px 0;
}

@media only screen and (max-width: 767px) {
  .l-side a.btn-accMobile h2 {
    font-size: 1.4rem;
  }
}

.l-side a.btn-accMobile:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .l-side a.btn-accMobile {
    pointer-events: auto;
    height: 39px;
    padding: 9px 10px;
    position: relative;
  }
  .l-side a.btn-accMobile:after {
    content: "\e900";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 15px;
    color: #999;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

.l-side a.btn-accMobile.is-open:after {
  content: "\e902";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 15px;
  color: #999;
  height: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.l-side ul.l-sidelNav {
  border-top: solid 1px #999;
}

@media only screen and (max-width: 767px) {
  .l-side ul.l-sidelNav li:last-child ul.l-sidelNavNext li:last-child a {
    border: none;
  }
}

.l-side ul.l-sidelNav li a {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  padding: 14px 10px;
  border-bottom: 1px dotted #999;
}

.l-side ul.l-sidelNav li a:hover {
  background: #f4f4f4;
}

.l-side ul.l-sidelNav li a.is-active {
  background: #666;
  color: #FFF;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .l-side ul.l-sidelNav li a {
    pointer-events: auto;
    height: 39px;
    padding: 9px 10px;
  }
}

.l-side ul.l-sidelNav li a.btn-acc {
  position: relative;
}

.l-side ul.l-sidelNav li a.btn-acc:after {
  display: inline-block;
  content: "\e900";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  height: 15px;
  color: #999;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}

.l-side ul.l-sidelNav li a.btn-acc.is-open:after {
  content: "\e902";
}

.l-side ul.l-sidelNav li a.btn-acc.is-show:after {
  content: "\e902";
}

.l-side ul.l-sidelNav li a.btn-acc.is-show.is-close:after {
  content: "\e900";
}

.l-side ul.l-sidelNav li ul.l-sidelNavNext li a {
  font-weight: normal;
  padding: 14px 10px 15px 20px;
}

@media only screen and (max-width: 767px) {
  .l-side ul.l-sidelNav li ul.l-sidelNavNext li a {
    border-bottom: 1px dotted #999;
    padding: 9px 30px;
  }
}

.l-side ul.l-sidelNav li ul.l-sidelNavAcc2nd li a {
  font-weight: normal;
  padding: 14px 10px 15px 20px;
}

@media only screen and (max-width: 767px) {
  .l-side ul.l-sidelNav li ul.l-sidelNavAcc2nd li a {
    border-bottom: 1px dotted #999;
    padding: 9px 30px;
  }
}

.l-side ul.l-sidelNav li ul.l-sidelNavAcc3rd li a {
  font-weight: normal;
  padding: 14px 10px 15px 30px;
}

@media only screen and (max-width: 767px) {
  .l-side ul.l-sidelNav li ul.l-sidelNavAcc3rd li a {
    border-bottom: 1px dotted #999;
    padding: 9px 30px;
  }
}

body.theme-top header {
  height: auto;
  margin: 0;
}

body.theme-top header .l-globalHeader {
  background: none;
}

body.theme-top header .l-headerLogo {
  position: fixed;
  top: 25px;
  left: 55px;
  z-index: 99;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  body.theme-top header .l-headerLogo {
    top: 9px;
    left: 10px;
  }
}

body.theme-top header .l-headerLogo svg path {
  fill: #fff;
}

body.theme-top header ul.l-globalMenu li i:before {
  color: #fff;
}

body.theme-top footer {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 9px 5px 12px;
}

@media only screen and (max-width: 767px) {
  body.theme-top footer {
    display: block;
    max-width: 100%;
    padding: 0;
  }
}

body.theme-top footer ul.l-extraFooter {
  width: auto;
  margin: 0 auto 0 0;
}

@media only screen and (max-width: 767px) {
  body.theme-top footer ul.l-extraFooter {
    margin: 39px 0 0 0;
  }
}

body.theme-top footer ul.l-extraFooter li {
  margin: 0;
}

body.theme-top footer ul.l-extraFooter li + li:before {
  content: "";
  margin: 0 0 0 2em;
}

@media only screen and (max-width: 767px) {
  body.theme-top footer ul.l-extraFooter li + li:before {
    margin: 0;
  }
}

body.theme-top footer .l-copy {
  margin-left: auto;
  width: auto;
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 767px) {
  body.theme-top footer .l-copy {
    width: calc(100% - 20px);
    margin: 10px auto 13px auto;
  }
}

.fxb-row,
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

@media only screen and (max-width: 767px) {
  .fxb-row,
  .row {
    display: block;
    margin: 0;
  }
}

.fxb-col-1,
.col-1 {
  padding: 0 10px;
  width: calc(8.33333%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-1,
  .col-1 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-2,
.col-2 {
  padding: 0 10px;
  width: calc(16.66667%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-2,
  .col-2 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-3,
.col-3 {
  padding: 0 10px;
  width: calc(25%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-3,
  .col-3 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-4,
.col-4 {
  padding: 0 10px;
  width: calc(33.33333%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-4,
  .col-4 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-5,
.col-5 {
  padding: 0 10px;
  width: calc(41.66667%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-5,
  .col-5 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-6,
.col-6 {
  padding: 0 10px;
  width: calc(50%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-6,
  .col-6 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-7,
.col-7 {
  padding: 0 10px;
  width: calc(58.33333%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-7,
  .col-7 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-8,
.col-8 {
  padding: 0 10px;
  width: calc(66.66667%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-8,
  .col-8 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-9,
.col-9 {
  padding: 0 10px;
  width: calc(75%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-9,
  .col-9 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-10,
.col-10 {
  padding: 0 10px;
  width: calc(83.33333%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-10,
  .col-10 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-11,
.col-11 {
  padding: 0 10px;
  width: calc(91.66667%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-11,
  .col-11 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

.fxb-col-12,
.col-12 {
  padding: 0 10px;
  width: calc(100%);
}

@media only screen and (max-width: 767px) {
  .fxb-col-12,
  .col-12 {
    width: 100%;
    padding: 0;
    margin: 0 0 19px 0;
  }
}

a.fxb-cardTypeA {
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none !important;
}

a.fxb-cardTypeA ._category {
  width: 113px;
  min-height: 25px;
  background: #005bac;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  a.fxb-cardTypeA ._category {
    width: 200px;
    padding: 1px 5px;
  }
}

a.fxb-cardTypeA ._image {
  width: 100%;
  border: solid 1px #ccc;
  position: relative;
}

a.fxb-cardTypeA ._image:after {
  padding-top: 100%;
  display: block;
  content: "";
}

a.fxb-cardTypeA ._image .l-square {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

a.fxb-cardTypeA ._image .l-square:before {
  content: "";
  display: inline-block;
  height: 100%;
}

a.fxb-cardTypeA ._image .l-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

a.fxb-cardTypeA ._content ._title {
  height: auto;
  font-size: 1.4rem;
  color: #000;
  line-height: 1.5;
  margin: 14px 0 0 0;
}

a.fxb-cardTypeA ._content ._source {
  font-size: 1.2rem;
  color: #666;
  margin: 20px 0 0 0;
}

a.fxb-cardTypeA ._content ._day {
  font-size: 1.2rem;
  color: #666;
  margin: 12px 0 0 0;
}

a.fxb-cardTypeA:hover ._image {
  border: solid 1px #005bac;
}

.fxb-cardTypeB {
  position: relative;
  overflow: hidden;
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
  }
}

.fxb-cardTypeB ._category {
  display: flex;
  align-items: center;
  width: 190px;
  min-height: 25px;
  background: #005bac;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB ._category {
    width: 100%;
    min-height: 20px;
    padding: 1px 5px;
    position: static;
    z-index: 0;
    margin: 0 0 8px 0;
  }
}

.fxb-cardTypeB a._image {
  display: block;
  border: solid 1px #cccccc;
  transition: all .3s;
  position: relative;
}

.fxb-cardTypeB a._image:after {
  padding-top: 100%;
  display: block;
  content: "";
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB a._image {
    float: left;
    width: 130px;
    height: 132px;
    margin: 0 10px 0 0;
  }
}

.fxb-cardTypeB a._image:hover {
  border: solid 1px #005bac;
}

.fxb-cardTypeB a._image .l-square {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.fxb-cardTypeB a._image .l-square:before {
  content: "";
  display: inline-block;
  height: 100%;
}

.fxb-cardTypeB a._image .l-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB a._image .l-square img {
    width: 130px;
    height: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB ._content {
    width: calc(100% - 130px - 10px);
  }
}

.fxb-cardTypeB ._content a._title {
  display: block;
  text-decoration: none !important;
  font-size: 1.4rem;
  color: #333;
  line-height: 1.5;
  margin: 10px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB ._content a._title {
    line-height: 1.45;
    position: static;
    margin: 0;
  }
}

.fxb-cardTypeB ._content a._title:hover {
  text-decoration: underline !important;
}

.fxb-cardTypeB ._content .l-tag {
  margin: 10px 0 5px 0;
}

.fxb-cardTypeB ._content .l-tag li a {
  height: auto;
  min-height: 30px;
  padding: 6px 10px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB ._content .l-tag li a {
    padding: 5px 10px;
  }
}

.fxb-cardTypeB ._content ._day {
  font-size: 1.4rem;
  color: #666;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeB ._content ._day {
    font-size: 1.2rem;
  }
}

.fxb-col-3:nth-last-child(1) .fxb-cardTypeB, .fxb-col-3:nth-last-child(2) .fxb-cardTypeB, .fxb-col-3:nth-last-child(3) .fxb-cardTypeB, .fxb-col-3:nth-last-child(4) .fxb-cardTypeB {
  margin: 0;
}

.fxb-col-4:nth-last-child(1) .fxb-cardTypeB, .fxb-col-4:nth-last-child(2) .fxb-cardTypeB, .fxb-col-4:nth-last-child(3) .fxb-cardTypeB {
  margin: 0;
}

a.fxb-cardTypeC {
  display: block;
  margin: 0 0 60px 0;
  text-decoration: none !important;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.fxb-cardTypeC {
    margin: 0 0 20px 0;
    position: static;
  }
}

a.fxb-cardTypeC ._category {
  display: flex;
  align-items: center;
  width: 130px;
  height: 25px;
  background: #005bac;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  padding: 2px 5px;
  margin: 0 0 10px 0;
  position: absolute;
  top: 0;
  left: 150px;
}

@media only screen and (max-width: 767px) {
  a.fxb-cardTypeC ._category {
    width: 100%;
    height: 20px;
    position: static;
  }
}

a.fxb-cardTypeC ._image {
  width: 130px;
  height: 130px;
  border: solid 1px #cccccc;
  margin: 0 20px 0 0;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.fxb-cardTypeC ._image {
    vertical-align: top;
    margin: 0 10px 0 0;
  }
}

a.fxb-cardTypeC ._content {
  width: calc(100% - 130px - 20px);
  padding: 35px 0 0 0;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.fxb-cardTypeC ._content {
    width: calc(100% - 130px - 10px);
    padding: 0;
  }
}

a.fxb-cardTypeC ._content ._title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  a.fxb-cardTypeC ._content ._title {
    font-size: 1.4rem;
    margin: 0 0 9px 0;
  }
}

a.fxb-cardTypeC ._content ._outline {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
}

@media only screen and (max-width: 767px) {
  a.fxb-cardTypeC ._content ._outline {
    font-size: 1.2rem;
  }
}

a.fxb-cardTypeC:hover ._title {
  text-decoration: underline;
}

.fxb-col-12:last-child .fxb-cardTypeB {
  margin: 0;
}

.fxb-cardTypeD {
  color: #FFF;
  margin: 0 0 20px 0;
  background-size: cover;
  position: relative;
  width: 100%;
  transition: all .4s;
  overflow: hidden;
}

.fxb-cardTypeD:after {
  content: "";
  display: block;
  padding-top: 100%;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD:after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD {
    height: 55px;
    margin: 0 0 -16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD.is-open {
    height: auto;
    overflow: auto;
  }
}

.fxb-cardTypeD .l-square {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square {
    position: static;
    top: initial;
    left: initial;
    bottom: initial;
    right: initial;
  }
}

.fxb-cardTypeD .l-square:before {
  content: "";
  display: inline-block;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square:before {
    content: none;
  }
}

.fxb-cardTypeD .l-square:hover ._content {
  height: 100%;
  padding: 105px 25px 25px;
}

.fxb-cardTypeD .l-square ._content {
  width: 100%;
  height: 48%;
  padding: 25px;
  background-color: rgba(16, 45, 71, 0.7);
  position: absolute;
  bottom: 0;
  transition: all .4s;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square ._content {
    position: static;
    height: 100%;
    top: 0;
    padding: 10px;
  }
}

.fxb-cardTypeD .l-square ._content:hover .wrap-accMobile .text-sizeSmall {
  display: block;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square ._content:hover {
    padding: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square ._content .btn-accMobile {
    transition: all .4s;
  }
}

.fxb-cardTypeD .l-square ._content .btn-accMobile h3 {
  font-size: 3.0em;
  line-height: 1.67;
  font-weight: bold;
  color: #FFF;
  margin: 0 0 25px 0;
}

@media only screen and (max-width: 910px) {
  .fxb-cardTypeD .l-square ._content .btn-accMobile h3 {
    line-height: 1;
    margin: 0 0 5px 0;
  }
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square ._content .btn-accMobile h3 {
    font-size: 1.8rem;
    line-height: 1.67;
    margin: 0 0 20px 0;
    position: relative;
  }
  .fxb-cardTypeD .l-square ._content .btn-accMobile h3:after {
    content: "\e900";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
  }
}

.fxb-cardTypeD .l-square ._content .wrap-accMobile ._outline {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: bold;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 910px) {
  .fxb-cardTypeD .l-square ._content .wrap-accMobile ._outline {
    line-height: 1.6;
  }
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square ._content .wrap-accMobile ._outline {
    font-size: 1.2rem;
    line-height: 2;
    font-weight: normal;
  }
}

.fxb-cardTypeD .l-square ._content .wrap-accMobile .text-sizeSmall {
  display: none;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square ._content .wrap-accMobile .text-sizeSmall {
    display: block;
    margin-top: 20px;
  }
  .fxb-cardTypeD .l-square ._content .wrap-accMobile .text-sizeSmall + .text-sizeSmall {
    margin-top: 10px;
  }
  .fxb-cardTypeD .l-square ._content .wrap-accMobile .text-sizeSmall + .text-sizeSmall:last-child {
    margin-bottom: 10px;
  }
}

.fxb-cardTypeD .l-square ._content.is-open {
  height: auto;
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD .l-square ._content.is-open {
    height: 100%;
  }
  .fxb-cardTypeD .l-square ._content.is-open .wrap-accMobile {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .fxb-cardTypeD.is-open .l-square ._content .btn-accMobile h3:after {
    content: "\e902";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
  }
}

.l-acc {
  border-bottom: 1px solid #ccc;
}

.l-acc .inner-acc {
  border-top: 1px solid #ccc;
}

.l-acc .inner-acc a.btn-acc {
  display: block;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: bold;
  color: #333;
  padding: 20px 50px 20px 20px;
  position: relative;
}

.l-acc .inner-acc a.btn-acc:after {
  display: inline-block;
  content: "\e910";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  height: 24px;
  color: #666;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

.l-acc .inner-acc a.btn-acc.is-open:after {
  content: "\e911";
}

.l-acc .inner-acc a.btn-acc.is-show:after {
  content: "\e911";
}

.l-acc .inner-acc a.btn-acc.is-show.is-close:after {
  content: "\e910";
}

.l-acc .inner-acc .wrap-acc {
  padding: 0 40px 20px 40px;
}

.l-acc .inner-acc .wrap-acc > .l-publicationsA {
  border-top: none;
}

.l-accessRanking {
  width: 100%;
  background: #f4f4f4;
  padding: 60px 90px 40px 90px;
  margin: 0 0 120px 0;
}

@media only screen and (max-width: 767px) {
  .l-accessRanking {
    padding: 20px;
    margin: 0 0 60px 0;
  }
}

.l-accessRanking h2 {
  text-align: center;
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .l-accessRanking h2 {
    margin: 0 0 10px 0;
  }
  .l-accessRanking h2 img {
    width: 129px;
  }
}

.l-accessRanking .slick-prev {
  width: 44px;
  height: 44px;
  z-index: 100;
  left: -40px;
}

.l-accessRanking .slick-prev:before {
  content: "\e908";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 44px;
  opacity: 0.2;
  color: #231814;
}

.l-accessRanking .slick-prev:hover:before, .l-accessRanking .slick-prev:visited:before {
  font-size: 34px !important;
  opacity: 1;
}

.l-accessRanking .slick-next {
  width: 44px;
  height: 44px;
  z-index: 100;
  right: -50px;
}

.l-accessRanking .slick-next:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 44px;
  opacity: 0.2;
  color: #231814;
}

.l-accessRanking .slick-next:hover:before, .l-accessRanking .slick-next:visited:before {
  opacity: 1;
}

.l-accessRanking .slick-next.slick-disabled {
  display: none;
}

@media only screen and (max-width: 767px) {
  .l-accessRanking .slick-dots li {
    width: 10px;
    margin: 0 5px;
  }
  .l-accessRanking .slick-dots li button:before {
    font-size: 10px;
    color: #fff;
    opacity: 1;
  }
  .l-accessRanking .slick-dots li.slick-active button:before {
    color: #666;
  }
  .l-accessRanking .slick-prev {
    width: 24px;
    height: 24px;
    left: 0;
    top: auto;
    bottom: -38px;
    z-index: 100;
  }
  .l-accessRanking .slick-prev:before {
    content: "\e908";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 0.2;
    color: #231814;
  }
  .l-accessRanking .slick-prev:hover:before, .l-accessRanking .slick-prev:visited:before {
    font-size: 28px !important;
    opacity: 1;
  }
  .l-accessRanking .slick-next {
    width: 24px;
    height: 24px;
    right: 0;
    top: auto;
    bottom: -38px;
    z-index: 100;
  }
  .l-accessRanking .slick-next:before {
    content: "\e904";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 0.2;
    color: #231814;
  }
  .l-accessRanking .slick-next:hover:before, .l-accessRanking .slick-next:visited:before {
    opacity: 1;
  }
}

.theme-journalDetails .l-accessRanking {
  margin: 0;
}

.l-accessRankingBox {
  width: 300px;
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-accessRankingBox {
    width: auto;
    padding: 0;
  }
}

.l-accessRankingBox a {
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-accessRankingBox a {
    overflow: hidden;
  }
}

.l-accessRankingBox a > ._ranking {
  width: 50px;
  height: 58px;
  background: #E31F18;
  font-size: 2.8rem;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .l-accessRankingBox a > ._ranking {
    width: 25px;
    height: 29px;
    font-size: 2.0rem;
    left: 2px;
  }
}

.l-accessRankingBox a > ._image img {
  width: 280px;
  height: 280px;
  object-fit: cover;
  object-position: 100% 100%;
}

@media only screen and (max-width: 767px) {
  .l-accessRankingBox a > ._image img {
    width: 130px;
    height: 130px;
    float: left;
    margin: 0 10px 10px 0;
  }
}

.l-accessRankingBox a > ._title {
  height: 98px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  color: #333;
  padding: 15px 20px 11px 20px;
  background: #FFF;
}

@media only screen and (max-width: 767px) {
  .l-accessRankingBox a > ._title {
    width: calc(100% - 130px - 10px);
    height: 85px;
    font-size: 1.4rem;
    font-weight: normal;
    background: none;
    padding: 0;
    float: left;
  }
}

.l-accessRankingBox > ._content {
  padding: 11px 20px 15px 20px;
  background: #FFF;
}

@media only screen and (max-width: 767px) {
  .l-accessRankingBox > ._content {
    padding: 0 0 0 140px;
    margin: -48px 0 0 0;
    background: none;
  }
}

.l-accessRankingBox > ._content ul.l-tag {
  margin: 0 0 4px 0;
}

.l-accessRankingBox > ._content ul.l-tag li a {
  height: 30px;
  font-size: 1.2rem;
  padding: 6px 10px;
}

.l-accessRankingBox > ._content ._day {
  font-size: 1.4rem;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .l-accessRankingBox > ._content ._day {
    font-size: 1.2rem;
  }
}

ul.l-anchorLink {
  width: 100%;
  height: auto;
  min-height: 40px;
  text-decoration: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink {
    display: block;
    min-height: auto;
    border-bottom: 1px dotted #999;
  }
}

ul.l-anchorLink + ul.l-anchorLink {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink + ul.l-anchorLink {
    margin-top: 0;
  }
}

ul.l-anchorLink + ul.l-anchorLink li:first-child {}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink + ul.l-anchorLink li:first-child {
    border-top: none;
  }
}

ul.l-anchorLink li {
  width: 100%;
  border-left: 1px solid #666;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink li {
    border-left: none;
    border-top: 1px dotted #999;
  }
}

ul.l-anchorLink li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
  padding: 8px 10px;
}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink li a {
    font-size: 1.2rem;
    color: #1a1919;
    padding: 10px 45px 10px 20px;
    min-height: 42px;
    display: flex;
    align-items: center;
    position: relative;
  }
}

ul.l-anchorLink li a:before {
  display: inline-block;
  content: "\e90c";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 12px;
  color: #231815;
  margin: 0 15px 0 0;
  min-width: 18px;
  height: 12px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink li a:before {
    content: "\e90c";
    font-size: 10px;
    color: #999;
    width: auto;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
  }
}

ul.l-anchorLink li a:hover {
  text-decoration: underline;
}

ul.l-anchorLink li:last-child {
  border-right: 1px solid #666;
}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink li:last-child {
    border-right: none;
  }
}

/* .l-anchorLink.btn-len*
-----------------------------------------------*/

ul.l-anchorLink.btn-len1 li {
  width: 100%;
}

ul.l-anchorLink.btn-len2 li {
  width: 50%;
}

ul.l-anchorLink.btn-len3 li {
  width: calc(100% / 3 - 0.5px);
}

ul.l-anchorLink.btn-len4 li {
  width: 25%;
}

ul.l-anchorLink.btn-len5 li {
  width: 20%;
}

ul.l-anchorLink.btn-len1 li:nth-child(n),
ul.l-anchorLink.btn-len2 li:nth-child(2n+1),
ul.l-anchorLink.btn-len3 li:nth-child(3n+1),
ul.l-anchorLink.btn-len4 li:nth-child(4n+1),
ul.l-anchorLink.btn-len5 li:nth-child(5n+1) {
  border-left-width: 1px;
}

ul.l-anchorLink[class*="btn-len"] {
  flex-wrap: wrap;
  justify-content: flex-start;
}

ul.l-anchorLink[class*="btn-len"] li {
  border-style: solid;
  border-color: #666;
  border-width: 0 1px 0 0;
  margin: 0 0 10px;
}

@media only screen and (max-width: 767px) {
  ul.l-anchorLink[class*="btn-len"] li {
    border-style: dotted;
    border-color: #999;
    border-width: 1px 0 0 !important;
    margin: 0;
    width: 100%;
  }
}

ul.l-attentionalKeyword {
  font-size: 0;
  margin: 0 0 -5px 0;
}

ul.l-attentionalKeyword li {
  display: inline-block;
  margin: 0 5px 5px 0;
}

@media only screen and (max-width: 767px) {
  ul.l-attentionalKeyword li {
    display: block;
    margin: 0 0 5px 0;
  }
}

ul.l-attentionalKeyword li a {
  display: block;
  height: 36px;
  padding: 8px 10px 8px 23px;
  font-size: 1.4rem;
  color: #333;
  background: #FFF;
  border-radius: 10px;
  border: solid 1px #ccc;
  position: relative;
}

ul.l-attentionalKeyword li a:before {
  content: "";
  background:url("/static/common/images/icon-chevronRight.svg") no-repeat;
  background-size:contain;
  display:inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  ul.l-attentionalKeyword li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 17px 8px 23px;
    text-align: center;
  }
}

ul.l-attentionalKeyword li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  ul.l-attentionalKeyword li a:hover {
    text-decoration: none;
    color: #ccc;
  }
}

.l-breadNav {
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .l-breadNav {
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .l-breadNav::-webkit-scrollbar {
    height: 0;
  }
  .l-breadNav::-webkit-scrollbar-track, .l-breadNav::-webkit-scrollbar-thumb {
    background: #FFF;
  }
}

.l-breadNav span {
  font-size: 1.2rem;
  color: #999;
  margin: 0 0 5px 0;
}

.l-breadNav span a {
  color: #999;
}

.l-breadNav span a:after {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 6px;
  color: #231815;
  margin: 0 2px 0 6px;
}

.wrap-breadNav {
  max-width: 1000px;
  margin: 0 auto 25px auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media only screen and (max-width: 767px) {
  .wrap-breadNav {
    width: calc(100% - 10px);
    max-width: 100%;
    height: 18px;
    margin: 0 0 20px 10px;
  }
}

.l-changeCount p {
  font-size: 1.2rem;
  color: #282727;
}

.l-changeCount p span {
  margin: 0 0 0 10px;
}

.l-changeCount p span a {
  color: #282727;
}

.l-changeCount p span a:hover, .l-changeCount p span a.is-active {
  font-weight: bold;
  text-decoration: underline;
}

.l-column {
  max-width: 800px;
  background: #deecf8;
  padding: 20px;
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .l-column {
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
  .l-column .heading-h3 {
    order: 1;
    margin: 0 0 10px 0;
  }
  .l-column .text-sizeMedium {
    order: 2;
    margin: 0;
  }
  .l-column .figure-floatRight {
    order: 3;
    margin: 20px 0 0 0;
  }
}

.l-column figure {
  width: 313px;
}

.l-column figure img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .l-column figure {
    width: 100%;
  }
}

.l-columnB {
  max-width: 800px;
  background: #deecf8;
  padding: 20px;
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .l-columnB {
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
  .l-columnB .heading-h3 {
    order: 1;
    margin: 0 0 10px 0;
  }
  .l-columnB .text-sizeMedium {
    order: 2;
    margin: 0;
  }
  .l-columnB .figure-floatRight {
    order: 3;
    margin: 20px 0 0 0;
  }
}

.l-columnB figure {
  width: 200px;
}

.l-columnB figure img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .l-columnB figure {
    width: 100%;
  }
}

.l-columnC {
  display: flex;
  align-items: stretch;
  jautify-content: flex-start;
}

@media only screen and (max-width: 767px) {
  .l-columnC {
    display: block;
  }
}

.l-columnC > .title {
    width: 260px;
}

@media only screen and (max-width: 767px) {
  .l-columnC > .title {
    margin-bottom: 20px;
    width: 100%;
  }
}

.l-columnC > .contents {
    width: calc(100% - 260px);
}

@media only screen and (max-width: 767px) {
  .l-columnC > .contents {
    width: 100%;
  }
}

.l-company {
  font-size: 1.6rem;
}

.theme-generalSingle .l-contents,
.theme-generalCompanyIR .l-contents,
.theme-generalGroup .l-contents,
.theme-journalDetails .l-contents {
  max-width: 800px;
  margin: 0 auto 120px auto;
}

@media only screen and (max-width: 767px) {
  .theme-generalSingle .l-contents,
  .theme-generalCompanyIR .l-contents,
  .theme-generalGroup .l-contents,
  .theme-journalDetails .l-contents {
    max-width: 100%;
    margin: 0 auto 60px auto;
  }
}

.theme-blank .l-contents {
  max-width: 1000px;
  margin: 0 auto 120px auto;
}

@media only screen and (max-width: 767px) {
  .theme-blank .l-contents {
    width: calc(100% - 40px);
    max-width: 100%;
    margin: 0 auto 60px auto;
  }
}

.l-contentsSliderRWD {
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 767px) {
  .l-contentsSliderRWD {
    margin: 0;
  }
}

.l-contentsSliderRWD #slide-selectorNavRWD {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 0 -10px;
}

@media only screen and (max-width: 767px) {
  .l-contentsSliderRWD #slide-selectorNavRWD {
    display: block;
    margin: 0;
    padding: 0 20px;
  }
}

.l-contentsSliderRWD #slide-selectorNavRWD .fxb-col-3 {
  width: 25%;
  padding: 0 10px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .l-contentsSliderRWD #slide-selectorNavRWD .fxb-col-3 {
    width: 100%;
    padding: 0;
  }
}

.l-contentsSliderRWD #slide-selectorNavRWD .fxb-col-3 a.fxb-cardTypeA:hover ._content ._title {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .l-contentsSliderRWD #slide-selectorNavRWD .slick-prev {
    width: 24px;
    height: 24px;
    left: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
  }
  .l-contentsSliderRWD #slide-selectorNavRWD .slick-prev:before {
    content: "\e908";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 1.0;
    color: #231815;
  }
  .l-contentsSliderRWD #slide-selectorNavRWD .slick-next {
    width: 24px;
    height: 24px;
    right: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
  }
  .l-contentsSliderRWD #slide-selectorNavRWD .slick-next:before {
    content: "\e904";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 1.0;
    color: #231815;
  }
}

.l-day {
  width: 100%;
  text-align: right;
  margin: 0 0 10px 0;
}

.l-day p {
  font-size: 2.0rem;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .l-day p {
    font-size: 1.6rem;
  }
}

.l-error {
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-error {
    max-width: 100%;
  }
}

.l-error .heading-h1 {
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .l-error .heading-h1 {
    margin: 0 0 20px 0;
  }
}

.l-facebook {
  background: #deecf8;
  color: #000;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .l-facebook {
    display: flex;
    flex-direction: column;
    margin: 0 -20px;
    max-width: none;
    padding: 20px 10px;
    width: auto;
  }
}

.l-facebook ._image {
  float: right;
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .l-facebook ._image {
    order: 2;
    margin-left: 0;
  }
}

.l-facebook ._image .pc {
  display: block;
}

.l-facebook ._image .sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .l-facebook ._image .pc {
    display: none;
  }

  .l-facebook ._image .sp {
    display: block;
    text-align: center;
  }
}

.l-facebook ._image img {
  width: 313px;
}

@media only screen and (max-width: 767px) {
  .l-facebook ._image img {
    width: 100%;
  }
}

.l-facebook ._content {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .l-facebook ._content {
    order: 1;
    margin: 0 0 19px 0;
  }
}

.l-facebook ._content br {
  display: none;
}

.l-facebook.l-width800 {
  max-width: 800px;
}

.l-facebook.l-width800 br {
  display: block;
}

@media only screen and (max-width: 767px) {
  .l-facebook.l-width800 br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .l-facebook.l-width800 {
    max-width: none;
  }
}

.theme-journalDetails .l-facebook {
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  .theme-journalDetails .l-facebook {
    margin: 0 -20px 30px;
  }
}

.l-fluidAreaA {
  padding: 60px 0;
  text-align: center;
  background-position: 50% 50%;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA {
    width: auto;
    max-width: auto;
    height: auto;
    margin: 0 -20px;
    padding: 0;
  }
}

.l-fluidAreaA .inner-fluidAreaA {
  max-width: 1000px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA .inner-fluidAreaA {
    max-width: 100%;
    padding: 40px 20px;
  }
}

.l-fluidAreaA .heading-h2 {
  max-width: 1000px;
  font-size: 3.0rem;
  color: #FFF;
  font-weight: bold;
  margin: auto;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA .heading-h2 {
    width: 100%;
    max-width: 100%;
  }
}

.l-fluidAreaA .heading-h2:before {
  background: none;
}

.l-fluidAreaA .heading-h2 + .heading-subTitle {
  margin: 44px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA .heading-h2 + .heading-subTitle {
    margin: 30px auto 0 auto;
  }
}

.l-fluidAreaA .heading-h2 + .text-sizeMedium {
  margin: 40px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA .heading-h2 + .text-sizeMedium {
    margin: 20px auto 0 auto;
  }
}

.l-fluidAreaA .heading-h3,
.l-fluidAreaA p {
  color: #FFF;
}

.l-fluidAreaA .heading-subTitle {
  max-width: 1000px;
  font-size: 1.6rem;
  line-height: 2;
  color: #FFF;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA .heading-subTitle {
    width: 100%;
    max-width: 100%;
  }
}

.l-fluidAreaA .text-sizeMedium {
  max-width: 1000px;
  text-align: center;
  margin: auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA .text-sizeMedium {
    width: 100%;
    max-width: 100%;
  }
}

.l-fluidAreaA .text-sizeMedium a.btn-inverse {
  width: 440px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA .text-sizeMedium a.btn-inverse {
    width: 100%;
  }
}

.l-fluidAreaA .text-sizeMedium.text-alignRight a[class^="btn-"] {
  margin: 0 0 0 auto;
}

.l-fluidAreaA .text-sizeMedium.text-alignLeft a[class^="btn-"] {
  margin: 0 auto 0 0;
}

.l-fluidAreaA._height-286 {
  height: 286px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA._height-286 {
    height: auto;
    padding: 0;
  }
}

.l-fluidAreaA._height-286 .inner-fluidAreaA {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-fluidAreaA._pt90-pb70 {
  padding: 90px 0 70px 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA._pt90-pb70 {
    padding: 0;
  }
}

.l-fluidAreaA._pt60-pb40 {
  padding: 60px 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaA._pt60-pb40 {
    padding: 0;
  }
}

.l-fluidAreaA._black .heading-h2,
.l-fluidAreaA._black .heading-h3,
.l-fluidAreaA._black .heading-subTitle,
.l-fluidAreaA._black p {
  color: #333;
}

.l-fluidAreaA._black a.btn-inverse {
  color: #333;
  border: solid 1px #333;
}

.l-fluidAreaA._black a.btn-inverse:before {
  color: #333;
}

.l-fluidAreaA._black a.btn-inverse:hover {
  background: #F4F4F4;
}

.l-fluidAreaA._black a.btn-inverse:hover:before {
  color: #333;
}

.l-fluidAreaB {
  min-height: 666px;
  margin: 0 -200%;
  padding: 0 200%;
  text-align: center;
  background-size: cover;
  background-position: 50% 100%;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB {
    width: auto;
    height: auto;
    margin: 0 -20px;
    padding: 20px;
  }
}

.l-fluidAreaB .innre-fluidAreaB {
  max-width: 1000px;
  min-height: 546px;
  margin: auto -10px;
  padding: 60px 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .innre-fluidAreaB {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
}

.l-fluidAreaB .fxb-col-6 > ._image {
  width: 100%;
}

.l-fluidAreaB .fxb-col-6 > ._image img {
  width: 100%;
}

.l-fluidAreaB .fxb-col-6 > ._content {
  min-height: 287px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 35px 25px 34px 23px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .fxb-col-6 > ._content {
    height: auto;
    min-height: 100%;
    padding: 20px;
  }
}

.l-fluidAreaB .fxb-col-6 > ._content h2 {
  font-size: 2.8rem;
  line-height: 1;
  color: #FFF;
  font-weight: normal;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .fxb-col-6 > ._content h2 {
    line-height: 1.4;
  }
}

.l-fluidAreaB .fxb-col-6 > ._content ._outline {
  font-size: 1.6rem;
  text-align: left;
  color: #FFF;
  letter-spacing: -0.1px;
  margin: 20px 0 0 0;
}

.l-fluidAreaB .fxb-col-6 > ._content .text-sizeMedium {
  margin: 24px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .fxb-col-6 + .fxb-col-6 {
    margin: 0;
  }
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 > ._image {
  background: #FFF;
  height: 263px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .fxb-col-6 + .fxb-col-6 > ._image {
    height: auto;
  }
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 > ._image > img {
  width: 300px;
  height: 100px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .fxb-col-6 + .fxb-col-6 > ._image > img {
    width: 100%;
    height: auto;
    padding: 20px;
  }
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn {
  background: #FFF;
  height: auto;
  padding: 0 15px 13px 15px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn {
    height: auto;
  }
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn > .fxb-row {
  margin: 0 -5px;
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn > .fxb-row > .fxb-col-12 {
  padding: 0 5px;
  margin: 0 0 5px 0;
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn > .fxb-row > .fxb-col-6 {
  padding: 0 5px;
  margin: 0 0 5px 0;
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn > .fxb-row > .fxb-col-6:nth-last-child(1) {
  margin: 0;
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn > .fxb-row > .fxb-col-6:nth-last-child(2) {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn > .fxb-row > .fxb-col-6:nth-last-child(2) {
    margin: 0 0 5px 0;
  }
}

.l-fluidAreaB .fxb-col-6 + .fxb-col-6 .wrap-btn > .fxb-row a.btn-displayBlock {
  margin: 0;
}

.l-fluidAreaC {
  min-height: 432px;
  margin: 0 -200%;
  padding: 60px 200%;
  background-size: cover;
  background-position: 50% 50%;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaC {
    width: auto;
    height: auto;
    margin: 0 -20px;
    padding: 0;
  }
}

.l-fluidAreaC .inner-fluidAreaC {
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaC .inner-fluidAreaC {
    width: 100%;
    max-width: 100%;
    padding: 20px;
  }
}

.l-fluidAreaC > .fxb-row {
  max-width: 1020px;
  height: 312px;
  margin: auto -10px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaC > .fxb-row {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

.l-fluidAreaC .bg-blueLight {
  min-height: 312px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaC .bg-blueLight {
    min-height: auto;
  }
}

.l-fluidAreaC .bg-blueLight h2 {
  font-size: 2.0rem;
  line-height: 1.4;
  font-weight: bold;
  padding: 0 0 20px 0;
  border-bottom: 1px dotted #999;
}

.l-fluidAreaC .bg-blueLight h3 {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.l-fluidAreaC .bg-blueLight ._outline {
  font-size: 1.4rem;
  margin: 20px 0 0 0;
}

.l-fluidAreaD {
  margin: 0 -200%;
  padding: 60px 200%;
  background-size: cover;
  background-position: 50% 50%;
}

.theme-en .l-fluidAreaD {
  height: 1020px;
}

@media only screen and (max-width: 767px) {
  .theme-en .l-fluidAreaD {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD {
    width: auto;
    height: auto;
    margin: 0 -20px;
    padding: 0;
  }
}

.l-fluidAreaD .inner-fluidAreaD {
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .inner-fluidAreaD {
    width: 100%;
    max-width: 100%;
    padding: 20px;
  }
}

.l-fluidAreaD .inner-fluidAreaD > .fxb-row {
  max-width: 1020px;
  margin: auto -10px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .inner-fluidAreaD > .fxb-row {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
  }
}

.l-fluidAreaD .inner-fluidAreaD > .fxb-row .fxb-col-6:nth-child(1), .l-fluidAreaD .inner-fluidAreaD > .fxb-row .fxb-col-6:nth-child(2) {
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .inner-fluidAreaD > .fxb-row .fxb-col-6:nth-child(3) {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .inner-fluidAreaD > .fxb-row .fxb-col-6:nth-child(4) {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .inner-fluidAreaD > .fxb-row .fxb-col-12 {
    margin: 0;
  }
}

.l-fluidAreaD .inner-fluidAreaD > .fxb-row .fxb-col-12 .btn-displayBlock {
  max-width: 280px;
  margin: 40px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .inner-fluidAreaD > .fxb-row .fxb-col-12 .btn-displayBlock {
    max-width: 100%;
    margin: 20px auto 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .bg-blueLight {
    height: auto;
  }
}

.l-fluidAreaD .bg-blueLight h2 {
  font-size: 2.0rem;
  line-height: 1.4;
  font-weight: bold;
  padding: 0 0 20px 0;
  border-bottom: 1px dotted #999;
}

.l-fluidAreaD .bg-blueLight h3 {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
  margin: 0;
}

.l-fluidAreaD .bg-blueLight > .text-sizeMedium {
  margin-top: 20px;
}

.l-fluidAreaD .bg-blueLight .btn-pdf {
  margin: 20px 0 0 0;
}

.l-fluidAreaD .bg-blueLight > ._outline {
  font-size: 1.4rem;
  margin: 20px 0 0 0;
}

.l-fluidAreaD .bg-blueLight > .panel-list {
  margin: 20px 0 0 0;
}

.l-fluidAreaD .bg-blueLight > .panel-list ._image {
  width: 150px;
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .bg-blueLight > .panel-list ._image {
    width: 110px;
  }
}

.l-fluidAreaD .bg-blueLight > .panel-list ._content {
  width: calc(100% - 20px - 150px);
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .bg-blueLight > .panel-list ._content {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .l-fluidAreaD .bg-blueLight .btn-displayBlock {
    width: auto;
    height: auto;
    position: relative;
    bottom: auto;
    left: auto;
  }
}

.l-glossaryList .fxb-col-6 {
  margin: 63px 0 0 0;
}

.l-glossaryList .fxb-col-6:nth-child(1), .l-glossaryList .fxb-col-6:nth-child(2) {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .l-glossaryList .fxb-col-6:nth-child(2) {
    margin: 63px 0 0 0;
  }
}

.l-glossaryList .fxb-col-6 .l-glossary > ._category {
  margin: 11px 0 0 0;
  padding: 0 0 0 14px;
}

.l-glossaryList .fxb-col-6 .l-glossary > ._category a {
  font-size: 1.4rem;
  color: #333;
}

.l-goToContents {
  display: none;
  border-bottom: 1px dotted #999;
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  .l-goToContents {
    display: block;
  }
}

.l-goToContents a.btn-accMobile {
  display: block;
  position: relative;
}

.l-goToContents a.btn-accMobile h2 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #1a1919;
  padding: 0 45px 0 20px;
  height: 42px;
  display: flex;
  align-items: center;
}

.l-goToContents a.btn-accMobile:after {
  content: "\e900";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 15px;
  color: #999;
  height: 24px;
  position: absolute;
  top: 14px;
  right: 15px;
  margin: auto;
}

.l-goToContents a.btn-accMobile.is-open:after {
  content: "\e902";
}

.l-goToContents .wrap-accMobile ul.l-goToContentsNav li {
  border-top: 1px dotted #999;
}

.l-goToContents .wrap-accMobile ul.l-goToContentsNav li a {
  display: block;
  font-size: 1.2rem;
  color: #1a1919;
  padding: 0 45px 0 20px;
  height: 42px;
  display: flex;
  align-items: center;
  position: relative;
}

.l-goToContents .wrap-accMobile ul.l-goToContentsNav li a:after {
  content: "\e90c";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 10px;
  color: #999;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

.l-groupCompany {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

@media only screen and (max-width: 767px) {
  .l-groupCompany {
    margin: 0 -10px;
  }
}

.l-groupCompany li {
  width: 25%;
  padding: 0 10px;
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  .l-groupCompany li {
    width: 50%;
    padding: 0 5px;
  }
}

.l-groupCompany li a {
  display: block;
  text-decoration: none !important;
}

.l-groupCompany li a p {
  font-size: 1.6rem;
  font-weight: bold;
  color: #005bac;
  border-bottom: 1px dotted #999;
  padding: 0 0 15px 0;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .l-groupCompany li a p {
    font-size: 1.2rem;
    padding: 0 0 10px 0;
  }
}

.l-groupCompany li a img {
  margin: 15px 0 0 0;
  opacity: 0.3;
}

@media only screen and (max-width: 767px) {
  .l-groupCompany li a img {
    margin: 10px 0 0 0;
    width: 67%;
  }
}

.l-groupCompany li:hover img {
  opacity: 1;
}

.l-groupOverseas {
  max-width: 890px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-groupOverseas {
    width: 100%;
    max-width: 100%;
  }
  .l-groupOverseas.sp-hidden {
    display: none;
  }
}

.l-groupOverseas ul.l-groupOverseasBases {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-groupOverseas ul.l-groupOverseasBases {
    position: static;
  }
}

.l-groupOverseas ul.l-groupOverseasBases li {
  position: absolute;
}

.l-groupOverseas ul.l-groupOverseasBases li:nth-child(1) {
  top: 109px;
  left: 0;
}

.l-groupOverseas ul.l-groupOverseasBases li:nth-child(2) {
  top: 157px;
  left: 259px;
}

.l-groupOverseas ul.l-groupOverseasBases li:nth-child(3) {
  top: 304px;
  left: 259px;
}

.l-groupOverseas ul.l-groupOverseasBases li:nth-child(4) {
  top: 121px;
  right: 120px;
}

@media only screen and (max-width: 767px) {
  .l-groupOverseas ul.l-groupOverseasBases li {
    position: static;
  }
  .l-groupOverseas ul.l-groupOverseasBases li a.btn-inverseRWD:hover {
    background: #f2f2f2;
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .l-groupOverseas ul.l-groupOverseasBases li + li {
    margin: 20px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .l-groupOverseas p {
    display: none;
  }
}

.l-groupOverseasB {
  max-width: 890px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-groupOverseasB {
    width: 100%;
    max-width: 100%;
  }
}

.l-groupOverseasB ul.l-groupOverseasBases {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-groupOverseasB ul.l-groupOverseasBases {
    position: static;
  }
}

.l-groupOverseasB ul.l-groupOverseasBases li {
  position: absolute;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(1) {
  top: 99px;
  left: 0;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(1) a {
  width: 153px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(2) {
  top: 204px;
  left: 158px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(2) a {
  width: 160px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(3) {
  top: 178px;
  left: 346px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(3) a {
  width: 190px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(4) {
  top: 219px;
  left: 346px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(4) a {
  width: 190px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(5) {
  top: 131px;
  right: 0;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(5) a {
  width: 153px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(6) {
  top: 304px;
  left: 453px;
}

.l-groupOverseasB ul.l-groupOverseasBases li:nth-child(6) a {
  width: 190px;
}

@media only screen and (max-width: 767px) {
  .l-groupOverseasB ul.l-groupOverseasBases li {
    position: static;
  }
  .l-groupOverseasB ul.l-groupOverseasBases li a.btn-inverseRWD {
    width: 100%;
  }
  .l-groupOverseasB ul.l-groupOverseasBases li a.btn-inverseRWD:hover {
    background: #f2f2f2;
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .l-groupOverseasB ul.l-groupOverseasBases li + li {
    width: 100%;
    margin: 20px 0 0 0;
  }
}

.l-groupOverseasB p {
  padding: 0 0 0 55px;
}

.l-groupOverseasB p img {
  width: 745px;
}

@media only screen and (max-width: 767px) {
  .l-groupOverseasB p {
    display: none;
  }
}

.l-journalTop {
  position: relative;
}

.l-journalTop .l-snsContents {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .l-journalTop {
    position: static;
  }
  .l-journalTop .l-snsContents {
    position: static;
    margin-left: auto;
    padding: 0 20px 0 0;
  }
}

.l-journalTopSliderRWD {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD {
    padding: 0 0 50px 0;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD {
    display: block;
    margin: 0;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 {
  width: 33.33333%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:before, .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:after {
    display: none;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(1):before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 100%;
  transition: all .4s;
  z-index: 2;
  pointer-events: none;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(1):after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 200%;
  transition: all .4s;
  z-index: 2;
  pointer-events: none;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(1):hover:before, .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(1):hover:after {
  opacity: 0.6;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(2):before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -100%;
  transition: all .4s;
  z-index: 2;
  pointer-events: none;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(2):after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 100%;
  transition: all .4s;
  z-index: 2;
  pointer-events: none;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(2):hover:before, .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(2):hover:after {
  opacity: 0.6;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(3):before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -200%;
  transition: all .4s;
  z-index: 2;
  pointer-events: none;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(3):after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -100%;
  transition: all .4s;
  z-index: 2;
  pointer-events: none;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(3):hover:before, .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(3):hover:after {
  opacity: 0.6;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._image img {
  width: auto;
  height: 500px;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._image img {
    height: 320px;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._content {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  padding: 20px 30px;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._content {
    width: 100%;
    padding: 15px 20px;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._content h2 {
  font-size: 3.0rem;
  line-height: 1.5;
  color: #FFF;
  font-weight: bold;
  margin: 0 0 100px 0;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._content h2 {
    font-size: 2.0rem;
    margin: 0 0 85px 0;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._content ._day {
  font-size: 1.6rem;
  color: #FFF;
  position: absolute;
  bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 a.l-journalTopContent ._content ._day {
    font-size: 1.4rem;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 ul.l-tag {
  position: absolute;
  left: 30px;
  top: 386px;
  z-index: 1;
  padding: 0 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 ul.l-tag {
    left: 20px;
    bottom: 45px;
    padding: 0 20px 0 0;
  }
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 ul.l-tag li {
  margin: 0 10px 5px 0;
}

.l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3 ul.l-tag li a {
  height: 30px;
  font-size: 1.2rem;
  color: #333;
  border: none;
  padding: 6px 10px;
}

+ .l-col-3 .l-journalTopSliderRWD #slide-selectorStandardRWD .l-col-3:nth-child(1):hover {
  display: none;
}

@media only screen and (max-width: 767px) {
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-dots li {
    width: 10px;
    margin: 0 5px;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-dots li button:before {
    font-size: 10px;
    color: #f4f4f4;
    opacity: 1;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-dots li.slick-active button:before {
    color: #666;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-prev {
    width: 24px;
    height: 24px;
    left: 0;
    top: auto;
    bottom: -38px;
    z-index: 100;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-prev:before {
    content: "\e908";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 0.2;
    color: #231814;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-prev:hover:before, .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-prev:visited:before {
    font-size: 28px !important;
    opacity: 1;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-next {
    width: 24px;
    height: 24px;
    right: 0;
    top: auto;
    bottom: -38px;
    z-index: 100;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-next:before {
    content: "\e904";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 0.2;
    color: #231814;
  }
  .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-next:hover:before, .l-journalTopSliderRWD #slide-selectorStandardRWD .slick-next:visited:before {
    opacity: 1;
  }
}

.l-list {
  max-width: 800px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-list {
    max-width: 100%;
  }
}

.l-list .l-widht127 {
  max-width: 127px;
  margin: 0 0 0 auto;
}

.l-localNavMain {
  border-top: 2px solid #333;
}

.l-localNavMain .fxb-row {
  padding: 30px 0;
  position: relative;
}

.l-localNavMain .fxb-row:first-child {
  padding: 18px 0 30px 0;
}

.l-localNavMain .fxb-row:after {
  content: '';
  border-bottom: 1px dotted #999;
  width: calc(100% - 20px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 10px;
}

@media only screen and (max-width: 767px) {
  .l-localNavMain .fxb-row:after {
    width: 100%;
    left: 0;
  }
}

.l-localNavMain a {
  display: block;
  color: #0c419a;
}

.l-localNavMain a:before {
  content: "";
  background:url("/static/common/images/icon-chevronRight.svg") no-repeat;
  background-size:contain;
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 0;
}

.l-localNavMain ul.l-localNav2nd li a {
  font-size: 2.0rem;
  font-weight: bold;
}

.l-localNavMain ul.l-localNav2nd li a:before {
  vertical-align: 2px;
}

.l-localNavMain ul.l-localNav2nd li p {
  font-size: 2.0rem;
  font-weight: bold;
}

.l-localNavMain ul.l-localNav3rd li a {
  font-size: 1.6rem;
  font-weight: bold;
}

.l-localNavMain ul.l-localNav3rd li p {
  font-size: 1.6rem;
  font-weight: bold;
}

.l-localNavMain ul.l-localNav4th li {
  margin: 20px 0 0 0;
}

.l-localNavMain ul.l-localNav4th li a {
  font-size: 1.4rem;
  display: block;
  padding-left: 15px;
  position: relative;
}

.l-localNavMain ul.l-localNav4th li a:before {
  position: absolute;
  left: 0;
  top: 5px;
}

.l-marketing {
  margin: 0 0 40px 0;
}

.l-marketing .l-day {
  text-align: right;
}

.theme-journalDetails .l-marketing .l-day {
  max-width: 800px;
  margin: 0 auto 10px auto;
}

@media only screen and (max-width: 767px) {
  .theme-journalDetails .l-marketing .l-day {
    max-width: 100%;
  }
}

.l-marketing .l-company {
  text-align: right;
}

.l-marketing .l-print {
  width: 100%;
  text-align: right;
}

.l-marketing .l-print a.link-pdf {
  position: static;
}

.l-marketing .l-print a.link-pdf:before {
  position: static;
  margin: 0 10px 0 0;
  vertical-align: 2px;
}

.theme-journalDetails .l-marketing .l-snsContents {
  margin: 0 100px 0 auto;
}

@media only screen and (max-width: 767px) {
  .theme-journalDetails .l-marketing .l-snsContents {
    margin: 0 0 0 auto;
  }
}

.l-marketing:last-child {
  margin: 0;
}

.theme-generalSingle .l-marketing,
.theme-generalCompanyIR .l-marketing,
.theme-generalGroup .l-marketing {
  max-width: 800px;
  margin: 0 auto 40px auto;
}

@media only screen and (max-width: 767px) {
  .theme-generalSingle .l-marketing,
  .theme-generalCompanyIR .l-marketing,
  .theme-generalGroup .l-marketing {
    max-width: 100%;
    margin: 0 0 39px 0;
  }
}

.l-marketingLayoutGeneral {
  display: flex;
  margin: 0 0 80px 0;
}

.l-marketingLayoutGeneral .l-tag {
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .l-marketingLayoutGeneral .l-tag {
    border-bottom: solid 2px #666;
    padding: 0 0 5px 0;
  }
}

.l-marketingLayoutGeneral .l-snsContents {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .l-marketingLayoutGeneral .l-snsContents {
    margin: 10px 0 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .l-marketingLayoutGeneral {
    display: block;
    margin: 0 0 40px 0;
  }
}

.l-member {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.l-member .l-col-3.l-col-xs-6 {
  padding: 0 10px;
  width: calc(25%);
  margin: 0 0 30px 0;
}

.l-member .l-col-3.l-col-xs-6 ._image {
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-member .l-col-3.l-col-xs-6 {
    width: 50%;
    margin: 0 0 20px 0;
  }
}

.l-news > ul {
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-news > ul {
    padding: 0;
  }
}

.l-news > ul > li {
  display: flex;
  border-bottom: 1px dotted #999;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-news > ul > li {
    display: block;
    position: relative;
  }
}

.l-news > ul > li:first-child {
  border-top: 1px dotted #999;
}

@media only screen and (max-width: 767px) {
  .l-news > ul > li:last-child {
    border: none;
    padding: 20px 0 0 0;
  }
}

.l-news > ul > li > ._day {
  width: 120px;
  font-size: 1.6rem;
  line-height: 1.88;
  margin: 0 60px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-news > ul > li > ._day {
    margin: 0 0 7px 0;
  }
}

.l-news > ul > li > ._content {
  width: calc(100% - 120px - 60px);
}

@media only screen and (max-width: 767px) {
  .l-news > ul > li > ._content {
    width: 100%;
  }
}

.l-news > ul > li > ._content > ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .l-news > ul > li > ._content > ._title {
    line-height: 1.5;
  }
}

.l-news > ul > li > ._content > ._title a {
  color: #333;
}

.l-news > ul > li > ._content > ._category {
  display: inline;
  font-size: 1.2rem;
  color: #005bac;
  width: 82px;
  height: 24px;
  text-align: center;
  padding: 5px 12px;
  background: #f4f4f4;
}

.l-pageback {
  margin: 60px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-pageback {
    margin: 30px 0 0 0;
  }
}

.theme-journalDetails .l-pageback {
  width: 1000px;
  margin: 60px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .theme-journalDetails .l-pageback {
    width: 100%;
    padding: 0 20px;
    margin: 30px 0 0 0;
  }
}

.theme-generalCompanyIR .l-pageback,
.theme-generalGroup .l-pageback {
  margin: -60px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .theme-generalCompanyIR .l-pageback,
  .theme-generalGroup .l-pageback {
    margin: -30px 0 0 0;
  }
}

.theme-generalSingle .l-pageback {
  margin: 0px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .theme-generalSingle .l-pageback {
    margin: 0px 0 0 0;
  }
}

ul.l-pagination {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  ul.l-pagination {
    justify-content: center;
  }
}

ul.l-pagination li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  color: #000;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background-color: #fff;
  border: solid 1px #ccc;
}

@media only screen and (max-width: 767px) {
  ul.l-pagination li a {
    width: 30px;
    height: 30px;
  }
}

ul.l-pagination li a.is-active {
  color: #fff;
  background: #666;
  border: solid 1px #666;
}

ul.l-pagination li a:hover {
  text-decoration: none;
}

ul.l-pagination li a._first, ul.l-pagination li a._prev, ul.l-pagination li a._next, ul.l-pagination li a._last {
  border: none;
}

ul.l-pagination li a i {
  font-size: 13px;
}

ul.l-pagination li a:hover {
  text-decoration: underline;
}

ul.l-pagination li + li {
  margin: 0 0 0 5px;
}

@media only screen and (max-width: 767px) {
  ul.l-pagination li + li {
    margin: 0 0 0 2px;
  }
}

.l-newsPeopleDetails > ul {
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-newsPeopleDetails > ul {
    padding: 0;
  }
}

.l-newsPeopleDetails > ul > li {
  display: flex;
  border-bottom: 1px dotted #999;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-newsPeopleDetails > ul > li {
    display: block;
    position: relative;
  }
}

.l-newsPeopleDetails > ul > li:first-child {
  border-top: 1px dotted #999;
}

.l-newsPeopleDetails > ul > li > ._day {
  width: 120px;
  font-size: 1.6rem;
  line-height: 1.88;
  margin: 0 60px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-newsPeopleDetails > ul > li > ._day {
    margin: 0 0 7px 0;
  }
}

.l-newsPeopleDetails > ul > li > ._content {
  width: calc(100% - 120px - 60px);
}

@media only screen and (max-width: 767px) {
  .l-newsPeopleDetails > ul > li > ._content {
    width: 100%;
  }
}

.l-newsPeopleDetails > ul > li > ._content > ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .l-newsPeopleDetails > ul > li > ._content > ._title {
    line-height: 1.5;
  }
}

.l-newsPeopleDetails > ul > li > ._content > ._title a {
  color: #333;
}

.l-newsPeopleDetails > ul > li > ._content > ._category {
  display: inline;
  font-size: 1.2rem;
  color: #005bac;
  width: 82px;
  height: 24px;
  text-align: center;
  padding: 5px 12px;
  background: #f4f4f4;
}

a.l-pdf {
  text-decoration: none !important;
  display: block;
  max-width: 800px;
  background: #deecf8;
  padding: 20px;
  overflow: hidden;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  a.l-pdf {
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
}

a.l-pdf ._image {
  float: right;
  margin: 0 0 0 20px;
}

@media only screen and (max-width: 767px) {
  a.l-pdf ._image {
    order: 2;
  }
  a.l-pdf ._image > .btn-pdfWord,
  a.l-pdf ._image > .btn-excel {
    margin: 19px 0 0 0;
  }
}

a.l-pdf ._image img {
  width: 235px;
}

@media only screen and (max-width: 767px) {
  a.l-pdf ._image img {
    width: 100%;
  }
}

a.l-pdf ._content ._title {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: bold;
  color: #0c419a;
}

a.l-pdf ._content .text-sizeMedium {
  color: #333;
}

@media only screen and (max-width: 767px) {
  a.l-pdf ._content {
    order: 1;
  }
}

a.l-pdf ._content + ._btn {
  margin: 40px 0 0 0;
}

@media only screen and (max-width: 767px) {
  a.l-pdf ._content + ._btn {
    margin: 19px 0 0 0;
  }
}

a.l-pdf ._btn .btn-pdf {
  width: 334px;
}

@media only screen and (max-width: 767px) {
  a.l-pdf ._btn .btn-pdf {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  a.l-pdf ._btn {
    order: 3;
  }
}

a.l-pdf:hover ._title {
  text-decoration: underline;
}

.l-pdfB {
  text-align: center;
}

.l-pdfB ._image {
  margin: 0 0 40px 0;
}

.l-pdfB ._image img {
  width: 80%;
  margin: 0 auto;
}

.l-pdfB .btn-pdfB {
  margin: 0 auto;
}

.l-peopleSliderRWD #slide-selectorStandardRWD {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .l-peopleSliderRWD #slide-selectorStandardRWD {
    display: block;
    margin: 0;
    padding: 0 22px;
  }
}

.l-peopleSliderRWD #slide-selectorStandardRWD .l-col-3 {
  width: 25%;
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-peopleSliderRWD #slide-selectorStandardRWD .l-col-3 {
    width: 100%;
    padding: 0;
  }
}

.l-peopleSliderRWD #slide-selectorStandardRWD .l-col-3 .fxb-cardTypeB {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .l-peopleSliderRWD #slide-selectorStandardRWD .l-col-3 .fxb-cardTypeB {
    margin: 0 0 20px 0;
  }
}

.l-peopleSliderRWD #slide-selectorStandardRWD .l-col-4 {
  width: 33.333333333%;
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-peopleSliderRWD #slide-selectorStandardRWD .l-col-4 {
    width: 100%;
    padding: 0;
  }
}

.l-peopleSliderRWD #slide-selectorStandardRWD .l-col-4 .fxb-cardTypeB {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .l-peopleSliderRWD #slide-selectorStandardRWD .l-col-4 .fxb-cardTypeB {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-dots {
    display: none !important;
  }
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-dots li {
    width: 10px;
    margin: 0 5px;
  }
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-dots li button:before {
    font-size: 10px;
    color: #f4f4f4;
    opacity: 1;
  }
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-dots li.slick-active button:before {
    color: #666;
  }
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-prev {
    width: 24px;
    height: 24px;
    left: 0;
    top: 40%;
    z-index: 100;
  }
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-prev:before {
    content: "\e908";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 16px;
    opacity: 1;
    color: #231814;
  }
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-next {
    width: 24px;
    height: 24px;
    right: 0;
    top: 40%;
    z-index: 100;
    margin: auto;
  }
  .l-peopleSliderRWD #slide-selectorStandardRWD .slick-next:before {
    content: "\e904";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 16px;
    opacity: 1;
    color: #231814;
  }
}

.l-performance ul {
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-performance ul {
    padding: 0;
  }
}

.l-performance ul li {
  display: flex;
  border-bottom: 1px dotted #999;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-performance ul li {
    display: block;
  }
}

.l-performance ul li:first-child {
  padding: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-performance ul li:last-child {
    border: none;
    padding: 20px 0 0 0;
  }
}

.l-performance ul li span {
  display: block;
}

.l-performance ul li ._day {
  width: 120px;
  font-size: 1.6rem;
  line-height: 1.88;
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-performance ul li ._day {
    float: left;
    margin: 0;
  }
}

.l-performance ul li ._category {
  width: 90px;
  height: 24px;
  font-size: 1.2rem;
  color: #005bac;
  border: 1px solid #005bac;
  text-align: center;
  padding: 2px;
  margin: 4px 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-performance ul li ._category {
    float: right;
    margin: 0;
  }
}

.l-performance ul li ._title {
  width: 475px;
  font-size: 1.6rem;
  line-height: 1.88;
}

@media only screen and (max-width: 767px) {
  .l-performance ul li ._title {
    width: 100%;
    clear: both;
    line-height: 1.5;
  }
}

.l-pickUpPeople {
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .l-pickUpPeople {
    margin: 0 0 30px 0;
  }
}

.l-pickUpPeople a {
  text-decoration: none !important;
}

.l-pickUpPeople a > ._image {
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .l-pickUpPeople a > ._image {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .l-pickUpPeople a > ._image img {
    width: 100%;
  }
}

.l-pickUpPeople a > ._content {
  color: #333;
}

.l-pickUpPeople a > ._content > ._department {
  font-size: 1.2rem;
}

.l-pickUpPeople a > ._content > ._name {
  font-size: 1.6rem;
  margin-top: 5px;
}

.l-pickUpPeople a:hover ._image img {
  opacity: 0.7;
}

.l-pickUpPeople a:hover > ._content {
  text-decoration: underline;
}

.l-col-3:nth-last-child(1) .l-pickUpPeople, .l-col-3:nth-last-child(2) .l-pickUpPeople, .l-col-3:nth-last-child(3) .l-pickUpPeople, .l-col-3:nth-last-child(4) .l-pickUpPeople {
  margin: 0;
}

.l-col-4:nth-last-child(1) .l-pickUpPeople, .l-col-4:nth-last-child(2) .l-pickUpPeople, .l-col-4:nth-last-child(3) .l-pickUpPeople {
  margin: 0;
}

.l-profileTypeA {
  max-width: 800px;
  display: flex;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA {
    max-width: 100%;
    display: block;
  }
}

.l-profileTypeA > ._image {
  width: 235px;
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._image {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
  }
  .l-profileTypeA > ._image img {
    width: 80%;
  }
}

.l-profileTypeA > ._content {
  width: calc(100% - 235px - 20px);
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content {
    width: 100%;
  }
}

.l-profileTypeA > ._content > ._outline {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content > ._outline {
    margin: 0 0 19px 0;
  }
}

.l-profileTypeA > ._content .l-profile {
  display: block;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content .l-profile {
    display: block;
  }
}

.l-profileTypeA > ._content .l-profile > ._title {
  display: inline-block;
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content .l-profile > ._title {
    margin: 0 0 16px 0;
  }
}

.l-profileTypeA > ._content .l-profile > ._title p {
  min-width: 60px;
  height: 20px;
  font-size: 1.4rem;
  color: #FFF;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  margin: 0 0 10px 0;
}

.l-profileTypeA > ._content .l-profile > ._profile {
  display: table;
  table-layout: auto;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content .l-profile > ._profile {
    display: block;
  }
}


.l-profileTypeA > ._content .l-profile > ._profile dl {
  display: table-row;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content .l-profile > ._profile dl {
    display: block;
  }
}

.l-profileTypeA > ._content .l-profile > ._profile dl dt,
.l-profileTypeA > ._content .l-profile > ._profile dl dd {
  display: table-cell;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content .l-profile > ._profile dl dt,
  .l-profileTypeA > ._content .l-profile > ._profile dl dd {
    display: block;
  }
}

.l-profileTypeA > ._content .l-profile > ._profile dl dt {
  padding: 0 0 .5em 0;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content .l-profile > ._profile dl dt {
    width: 100%;
  }
}

.l-profileTypeA > ._content .l-profile > ._profile dl dd {
  white-space: normal;
  padding: 0 0 .5em 1em;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeA > ._content .l-profile > ._profile dl dd {
    padding-left: 0;
    width: 100%;
  }
}

.l-profileTypeB {
  background: #F4F4F4;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 10px 42px 35px 10px;
  margin: 0 auto;
  max-width: 800px;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB {
    max-width: 100%;
    display: block;
    padding: 0 20px 20px 20px;
    text-align: center;
  }
}

  .l-profileTypeB ._leftcol {
    width: 235px;
  }

@media only screen and (max-width: 767px) {
  .l-profileTypeB ._leftcol {
    display: inline-block;
    margin-bottom: 20px;
    text-align: left;
    width: 80%;
  }
}

.l-profileTypeB ._logo {
  width: 100%;
  margin: 0 0 0 auto;
  padding: 2px 0 2px 4px;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB ._logo {
    padding: 2px 0 2px 0px;
    margin: 0x;
    padding: 5px 0;
  }
}

.l-profileTypeB ._logo img {
  width: 127px;
}

.l-profileTypeB ._image {
  width: 100%;
  margin: 0 40px 0 0;
  flex: 0 1 auto;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB ._image {
    margin: 0 0 10px 0;
  }
}

.l-profileTypeB > ._content {
  flex: 0 1 auto;
  padding-top: 63px;
  width: calc(100% - 235px - 40px);
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content {
    padding-top: 0;
    text-align: left;
    width: 100%;
  }
}

.l-profileTypeB > ._content > ._department {
  font-size: 1.6rem;
  font-weight: bold;
}

.l-profileTypeB > ._content > ._name {
  font-size: 2.0rem;
  font-weight: bold;
  margin: 0 0 20px 0;
}

.l-profileTypeB > ._content > ._outline {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content > ._outline {
    margin: 0 0 19px 0;
  }
}

.l-profileTypeB > ._content .l-profile {
  display: block;

}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile {
    display: block;
  }
}

.l-profileTypeB > ._content .l-profile > ._title {
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile > ._title {
    margin: 0 0 16px 0;
  }
}

.l-profileTypeB > ._content .l-profile > ._title p {
  width: 60px;
  height: 20px;
  font-size: 1.4rem;
  color: #FFF;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile > ._title p {
    width: auto;
  }
}

.l-profileTypeB > ._content .l-profile > ._profile {
  display: table;
  table-layout: auto;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile > ._profile {
    display: block;
  }
}

.l-profileTypeB > ._content .l-profile > ._profile dl {
  display: table-row;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile > ._profile dl {
    display: block;
  }
}

.l-profileTypeB > ._content .l-profile > ._profile dl dt,
.l-profileTypeB > ._content .l-profile > ._profile dl dd {
  display: table-cell;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile > ._profile dl dt,
  .l-profileTypeB > ._content .l-profile > ._profile dl dd {
    display: block;
  }
}

.l-profileTypeB > ._content .l-profile > ._profile dl dt {
  white-space: nowrap;
  padding: 0 0 .5em 0;
}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile > ._profile dl dt {
    white-space: normal;
    width: 100%;
    margin: 0 0 0 0;
  }
}

.l-profileTypeB > ._content .l-profile > ._profile dl dd {
  padding: 0 0 .5em 1em;

}

@media only screen and (max-width: 767px) {
  .l-profileTypeB > ._content .l-profile > ._profile dl dd {
    width: 100%;
    padding-left: 0;
  }
}

.l-profileTypeB > ._content .l-profile + .l-profile {
  margin: 15px 0 0 0;
}

.l-publicationsA {
  border-top: 2px solid #333;
}

.l-publicationsA .heading-h4 {
  padding: 20px 10px;
  margin: 0;
}

.l-publicationsA > ul {
  border-bottom: 1px dotted #999;
}

.l-publicationsA > ul > li {
  border-top: 1px dotted #999;
  padding: 20px 0;
}

.l-publicationsB > dl {
  width: 100%;
  border-bottom: 1px dotted #999;
  font-size: 1.6rem;
  line-height: 1.88;
  overflow: hidden;
}

.l-publicationsB > dl dt {
  width: 146px;
  clear: left;
  float: left;
  border-top: 1px dotted #999;
  padding: 20px 20px 20px 0;
}

.l-publicationsB > dl dd {
  width: calc(100% - 146px);
  float: left;
  border-top: 1px dotted #999;
  padding: 20px 20px 20px 0;
}

.l-publicationsB p {
  margin: 20px 0 0 0;
}

.l-report > ul {
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-report > ul {
    padding: 0;
  }
}

.l-report > ul > li {
  display: flex;
  border-bottom: 1px dotted #999;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-report > ul > li {
    display: block;
  }
}

.l-report > ul > li:first-child {
  border-top: 1px dotted #999;
}

@media only screen and (max-width: 767px) {
  .l-report > ul > li:last-child {
    border: none;
    padding: 20px 0 0 0;
  }
}

.l-report > ul > li ._day {
  width: 120px;
  font-size: 1.6rem;
  line-height: 1.88;
  margin: 0 60px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-report > ul > li ._day {
    margin: 0 0 7px 0;
  }
}

.l-report > ul > li ._content {
  width: calc(100% - 120px - 60px);
}

@media only screen and (max-width: 767px) {
  .l-report > ul > li ._content {
    width: 100%;
  }
}

.l-report > ul > li ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .l-report > ul > li ._content ._title {
    line-height: 1.5;
  }
}

.l-report > ul > li ._content ._title a {
  color: #333;
}

.l-report > ul > li ._content ._title a:hover {
  text-decoration: none;
}

.l-report > ul > li ._content ul.l-tag {
  margin: 0;
}

.l-report > ul > li ._content ul.l-tag li {
  margin: 0 5px 0 0;
}

.l-report > ul > li ._content ul.l-tag li a {
  height: 30px;
  padding: 6px 10px;
  font-size: 1.2rem;
}

ul.l-searchAge {
  font-size: 0;
  margin: 0 -10px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchAge {
    margin: 0;
  }
}

ul.l-searchAge li {
  display: inline-block;
  margin: 0 10px 20px 10px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchAge li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

ul.l-searchAge li a {
  display: inline;
}

@media only screen and (max-width: 767px) {
  ul.l-searchAge li a {
    display: block !important;
  }
}

.l-searchBox {
  border: solid 1px #666666;
  border-radius: 100px;
  height: 50px;
  padding: 12px 28px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-searchBox {
    padding: 10px 20px;
  }
}

.l-searchBox input {
  font-family: 'Noto Sans Japanese', sans-serif !important;
  width: calc(100% - 28px - 28px - 26px - 10px);
  height: 46px;
  font-size: 2.6rem;
  line-height: 1;
  color: #333;
  position: absolute;
  left: 28px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.theme-en .l-searchBox input {
  font-family: "Arial","Helvetica",sans-serif !important;
}

.theme-zh .l-searchBox input {
  font-family: 'SimHei','Arial',sans-serif !important;
}

@media only screen and (max-width: 767px) {
  .l-searchBox input {
    width: calc(100% - 20px - 20px - 26px - 10px);
    font-size: 2.0rem;
    left: 20px;
  }
}

.l-searchBox button.btn-search,
.l-searchBox button.brn-search {
  height: 26px;
  position: absolute;
  right: 28px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.l-searchBox button.btn-search .icon-search,
.l-searchBox button.brn-search .icon-search {
  font-size: 26px;
}

.l-searchBox button.btn-search .icon-search:before,
.l-searchBox button.brn-search .icon-search:before {
  color: #000;
  right: 11px;
}

.l-modalContent .l-searchBox {
  height: 70px;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .l-modalContent .l-searchBox {
    height: 50px;
    padding: 10px 20px;
  }
}

.l-modalContent .l-searchBox input {
  font-size: 3.6rem;
}

@media only screen and (max-width: 767px) {
  .l-modalContent .l-searchBox input {
    font-size: 2.0rem;
    left: 20px;
  }
}

.theme-searchResultFreeWord .l-searchBox {
  max-width: 825px;
  height: 70px;
  padding: 14px 30px;
  margin: 12px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .theme-searchResultFreeWord .l-searchBox {
    width: 100%;
    max-width: 100%;
    height: 50px;
    padding: 10px 20px;
    margin: 0 0 -10px 0;
  }
}

.theme-searchResultFreeWord .l-searchBox input {
  font-size: 3.6rem;
}

@media only screen and (max-width: 767px) {
  .theme-searchResultFreeWord .l-searchBox input {
    font-size: 2.0rem;
    left: 20px;
  }
}

#l-globalKnowledge .l-searchBox {
  height: 50px;
}

#l-globalKnowledge .l-searchBox input {
  font-size: 2.6rem;
}

.l-searchBox:hover .btn-search i:before,
.l-searchBox:hover .brn-search i:before {
  color: #005bac;
}

ul.l-searchCategory {
  font-size: 0;
  margin: 0 -10px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchCategory {
    margin: 0;
  }
}

ul.l-searchCategory li {
  display: inline-block;
  margin: 0 10px 20px 10px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchCategory li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

ul.l-searchCategory li a {
  display: inline;
}

@media only screen and (max-width: 767px) {
  ul.l-searchCategory li a {
    display: block !important;
  }
}

.l-searchCount p {
  color: #000;
  font-size: 1.2rem;
}

.l-searchCount p span {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 3px;
}

.l-searchCountBox {
  width: 100%;
  margin: 0 auto 60px auto;
}

@media only screen and (max-width: 767px) {
  .l-searchCountBox {
    margin: 0 auto 30px auto;
  }
}

.theme-generalList .l-searchCountBox,
.theme-knowledgeInsightReportList .l-searchCountBox,
.theme-glossaryList .l-searchCountBox,
.theme-peopleList .l-searchCountBox {
  max-width: 745px;
}

@media only screen and (max-width: 767px) {
  .theme-generalList .l-searchCountBox,
  .theme-knowledgeInsightReportList .l-searchCountBox,
  .theme-glossaryList .l-searchCountBox,
  .theme-peopleList .l-searchCountBox {
    width: 100%;
    max-width: 100%;
  }
}

.theme-journalTop .l-searchCountBox {
  width: 100%;
  max-width: 2880px;
}

@media only screen and (max-width: 3184px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 2560px;
  }
}

@media only screen and (max-width: 3183px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 2560px;
  }
}

@media only screen and (max-width: 2833px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 2240px;
  }
}

@media only screen and (max-width: 2833px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 2240px;
  }
}

@media only screen and (max-width: 2473px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 1920px;
  }
}

@media only screen and (max-width: 2473px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 1920px;
  }
}

@media only screen and (max-width: 2127px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 1600px;
  }
}

@media only screen and (max-width: 2127px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 1600px;
  }
}

@media only screen and (max-width: 1775px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 1280px;
  }
}

@media only screen and (max-width: 1420px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 960px;
  }
}

@media only screen and (max-width: 1070px) {
  .theme-journalTop .l-searchCountBox {
    max-width: 640px;
  }
}

@media only screen and (max-width: 767px) {
  .l-searchCountBox {
    width: 100%;
    display: block;
    margin: 30px auto 20px;
  }
  .theme-journalTop .l-searchCountBox {
    padding: 0 20px;
  }
}

.l-searchCountBox .l-searchCountPagination {
  overflow: hidden;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-searchCountBox .l-searchCountPagination {
    margin: 0;
  }
}

.l-searchCountBox .l-searchCountPagination .l-searchCount {
  float: left;
}

@media only screen and (max-width: 767px) {
  .l-searchCountBox .l-searchCountPagination .l-searchCount {
    float: none;
    margin: 0 0 10px 0;
  }
}

.l-searchCountBox .l-searchCountPagination .l-pagination {
  float: right;
}

@media only screen and (max-width: 767px) {
  .l-searchCountBox .l-searchCountPagination .l-pagination {
    float: none;
    margin: 0 0 20px 0;
  }
}

.l-searchCountBox .l-changeCount {
  clear: both;
}

.l-searchCountBox.l-bottom {
  display: flex;
  flex-direction: column;
  margin: 60px auto;
}

@media only screen and (max-width: 767px) {
  .l-searchCountBox.l-bottom {
    margin: 20px auto 30px;
  }
}

.l-searchCountBox.l-bottom .l-searchCountPagination {
  order: 2;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .l-searchCountBox.l-bottom .l-searchCountPagination .l-pagination {
    margin: 0;
  }
}

.l-searchCountBox.l-bottom .l-changeCount {
  order: 1;
  margin: 0 0 20px 0;
}

.theme-journalTop .l-searchCountBox.l-bottom {
  margin: 50px auto 60px auto;
}

@media only screen and (max-width: 767px) {
  .theme-journalTop .l-searchCountBox.l-bottom {
    margin: 30px auto 60px auto;
  }
}

.theme-glossaryList .l-searchCountBox.l-bottom,
.theme-peopleList .l-searchCountBox.l-bottom {
  margin: 0 auto 60px auto;
}

@media only screen and (max-width: 767px) {
  .theme-glossaryList .l-searchCountBox.l-bottom,
  .theme-peopleList .l-searchCountBox.l-bottom {
    margin: -10px auto 30px auto;
  }
}

.theme-searchResultFreeWord .l-searchCountBox.l-bottom {
  margin: 0 auto 120px auto;
}

@media only screen and (max-width: 767px) {
  .theme-searchResultFreeWord .l-searchCountBox.l-bottom {
    margin: -10px auto 60px auto;
  }
}

.theme-searchResultTag .l-searchCountBox.l-bottom {
  margin: 0 auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .theme-searchResultTag .l-searchCountBox.l-bottom {
    margin: -10px auto 0 auto;
  }
}

ul.l-searchEventCategory {
  font-size: 0;
  margin: 0 -30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchEventCategory {
    margin: 0;
  }
}

ul.l-searchEventCategory li {
  display: inline-block;
  margin: 0 30px 20px 30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchEventCategory li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

ul.l-searchEventCategory li a {
  display: inline;
}

._l-searchInputAssistance {
  margin: 20px 0 0 0;
}

@media only screen and (max-width: 767px) {
  ._l-searchInputAssistance {
    margin: 10px 0 0 0;
  }
}

._l-searchInputAssistance p {
  font-size: 2.2rem;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  ._l-searchInputAssistance p {
    font-size: 1.6rem;
  }
}

._l-searchInputAssistance p a {
  text-decoration: underline;
}

ul.l-searchNewsCategory {
  font-size: 0;
  margin: 0 -30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchNewsCategory {
    margin: 0;
  }
}

ul.l-searchNewsCategory li {
  display: inline-block;
  margin: 0 30px 20px 30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchNewsCategory li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

ul.l-searchNewsCategory li a {
  display: inline;
}

ul.l-searchNewsReleaseCategory {
  font-size: 0;
  margin: 0 -30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchNewsReleaseCategory {
    margin: 0;
  }
}

ul.l-searchNewsReleaseCategory li {
  display: inline-block;
  margin: 0 30px 20px 30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchNewsReleaseCategory li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

ul.l-searchNewsReleaseCategory li a {
  display: inline;
}

.l-searchRanking {
  border-bottom: 1px dotted #999;
  padding: 0 0 10px 0;
}

.l-searchRanking h2.heading-more {
  margin: 20px 10px 30px 10px;
}

.l-searchRanking ol.list-typeNumber {
  border-top: 1px dotted #999;
  padding-top: 30px;
  overflow: hidden;
}

.l-searchRanking ol.list-typeNumber li {
  float: left;
  padding: 0 30px 0 10px;
  width: 20%;
}

.l-searchRanking ol.list-typeNumber li:nth-child(5), .l-searchRanking ol.list-typeNumber li:nth-child(10) {
  padding: 0 0 0 10px;
}

@media only screen and (max-width: 767px) {
  .l-searchRanking ol.list-typeNumber li {
    float: none;
    width: 100%;
    padding: 0 0 0 10px;
  }
}

.l-searchRanking ol.list-typeNumber li a {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 20px 0;
}

ul.l-searchTitle {
  font-size: 0;
  margin: 0 -30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchTitle {
    margin: 0;
  }
}

ul.l-searchTitle li {
  display: inline-block;
  margin: 0 30px 20px 30px;
}

@media only screen and (max-width: 767px) {
  ul.l-searchTitle li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

ul.l-searchTitle li a {
  display: inline;
}

ul.l-snsContents {
  width: 172px;
  height: 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0 auto;
}

ul.l-snsContents:before {
  content: 'Share';
  font-family: Arial;
  font-size: 1.2rem;
  font-weight: bold;
  color: #666;
}

ul.l-snsContents li a img {
  width: 24px;
  height: 24px;
}

@media only screen and (max-width: 767px) {
  ul.l-snsContents {
    border: none;
    width: 120px;
    height: 20px;
    padding: 0;
  }
  ul.l-snsContents li a img {
    width: 20px;
    height: 20px;
  }
}

.fxb-section + ul.l-snsContents {
  margin: 0 0 120px auto;
}

@media only screen and (max-width: 767px) {
  .fxb-section + ul.l-snsContents {
    margin: 0 0 60px auto;
  }
}

.l-solution {
  display: flex;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-solution {
    display: block;
    margin: 0 0 -16px 0;
  }
}

.l-solution > ._image {
  width: 235px;
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-solution > ._image {
    display: none;
  }
}

.l-solution > ._content {
  width: calc(100% - 235px - 20px);
}

@media only screen and (max-width: 767px) {
  .l-solution > ._content {
    width: 100%;
  }
}

.l-solution > ._content a.btn-accMobile {
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .l-solution > ._content a.btn-accMobile {
    display: block;
    pointer-events: auto;
    position: relative;
  }
  .l-solution > ._content a.btn-accMobile:after {
    content: "\e900";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    height: 24px;
    position: absolute;
    top: 18px;
    right: 10px;
    margin: auto;
  }
  .l-solution > ._content a.btn-accMobile.is-open:after {
    content: "\e900";
  }
}

.l-solution > ._content a.btn-accMobile h3 {
  font-size: 1.8rem;
  line-height: 1.67;
  font-weight: bold;
  color: #000;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .l-solution > ._content a.btn-accMobile h3 {
    line-height: 2;
    height: 55px;
    color: #FFF;
    background: #005bac;
    margin: 0;
    padding: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .l-solution > ._content .wrap-accMobile {
    background: #deedf8;
  }
}

.l-solution > ._content .wrap-accMobile ul.list-typeBullet {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-solution > ._content .wrap-accMobile ul.list-typeBullet {
    font-size: 1.2rem;
    line-height: 2;
    padding: 20px;
  }
  .l-solution > ._content .wrap-accMobile ul.list-typeBullet li {
    padding-left: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .l-solution > ._content .wrap-accMobile p.text-sizeMedium {
    padding: 0 10px 20px;
  }
}

.l-souhatsu {
  background-size: cover;
  color: #FFF;
  padding: 60px 50px 70px 50px;
}

.l-souhatsu p.text-sizeMedium {
  margin: 0 0 20px 0;
}

.l-souhatsu ul {
  margin: 0 0 40px 0;
}

.l-souhatsu ul li:before {
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  .l-souhatsu {
    margin: 0 -20px;
    padding: 27px 20px 48px 20px;
  }
}

.l-tab {
  display: flex;
  margin: 0 -5px;
}

@media only screen and (max-width: 767px) {
  .l-tab {
    flex-wrap: wrap;
    margin: 0;
  }
}

.l-tab > div {
  *zoom: 1;
  padding: 5px 5px;
  text-align: center;
  width: 100%;
  font-size: 1.4rem;
  color: #999;
}

@media only screen and (max-width: 767px) {
  .l-tab > div {
    padding: 0 3px;
    width: 33.33333%;
    font-size: 1.2rem;
    margin: 0 0 30px 0;
  }
  .l-tab > div:nth-child(4), .l-tab > div:nth-child(5), .l-tab > div:nth-child(6) {
    margin: 0 0 20px 0;
  }
  .panel-tagRefineTab .l-tab > div {
    padding: 0 3px;
    width: 33.33333%;
    font-size: 1.2rem;
    margin: 0 0 30px 0;
  }
  .panel-tagRefineTab .l-tab > div:nth-child(4), .panel-tagRefineTab .l-tab > div:nth-child(5), .panel-tagRefineTab .l-tab > div:nth-child(6) {
    margin: 0 0 20px 0;
  }
}

@media only screen and (min-width: 768px) {
  .l-tab > div:hover, .l-tab > div.is-active {
    color: #000;
    display: block;
    position: relative;
  }
  .l-tab > div:hover:after, .l-tab > div.is-active:after {
    content: "";
    width: calc(100% - 10px);
    border-bottom: 2px solid  #707070;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .l-tab > div:hover:after, .l-tab > div.is-active:after {
    width: calc(100% - 6px);
    bottom: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .l-tab > div:hover, .l-tab > div.is-active {
    color: #000;
    display: block;
    position: relative;
  }
  .l-tab > div:hover:after, .l-tab > div.is-active:after {
    content: "";
    width: calc(100% - 6px);
    height: 2px;
    background: #707070;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
  }
}

.panel-tagRefineTab .l-tab {
  display: block;
  width: 125px;
  margin: 0 37px 0 0;
}

.panel-tagRefineTab .l-tab [class^="btn-"] {
  height: 32px;
}

.panel-tagRefineTab .l-tab [class^="btn-"]:hover, .panel-tagRefineTab .l-tab [class^="btn-"].is-active {
  border-bottom: 2px solid #707070;
}

.panel-tagRefineTab .l-tab [class^="btn-"]:hover:after, .panel-tagRefineTab .l-tab [class^="btn-"].is-active:after {
  height: 0;
  border: none;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab .l-tab [class^="btn-"] {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab .l-tab .btn-tab2-1 {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab .l-tab {
    display: flex;
    width: 100%;
  }
}

.wrap-tab {
  display: none;
  padding: 20px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .wrap-tab {
    padding: 0;
  }
}

.panel-tagRefineTab .wrap-tab {
  width: calc(100% - 125px - 37px);
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab .wrap-tab {
    width: 100%;
  }
}

.wrap-tab.is-active {
  display: block;
}

ul.l-tag {
  width: 100%;
  font-size: 0;
  margin: 0 0 20px 0;
}

ul.l-tag li {
  display: inline-block;
  margin: 0 5px 5px 0;
}

ul.l-tag li a {
  display: block;
  height: 36px;
  padding: 8px 10px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #333;
  background: #FFF;
  border-radius: 10px;
  border: solid 1px #ccc;
}

@media only screen and (max-width: 767px) {
  ul.l-tag li a {
    height: 30px;
    padding: 6px 10px;
    font-size: 1.2rem;
  }
}

ul.l-tag li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  ul.l-tag li a:hover {
    text-decoration: none;
    color: #ccc;
  }
}

.theme-journalDetails ul.l-tag li a {
  height: 30px;
  font-size: 1.2rem;
  padding: 6px 10px;
}

.theme-blank ul.l-tag {
  width: 1000px;
  margin: 0 auto 40px auto;
}

@media only screen and (max-width: 767px) {
  .theme-blank ul.l-tag {
    width: 100%;
  }
}

ul.l-tagB {
  width: 100%;
  font-size: 0;
  margin: 0 0 20px 0;
}

ul.l-tagB li {
  display: inline-block;
  margin: 5px 5px 5px 0;
}

ul.l-tagB li a {
  display: block;
  height: 20px;
  padding: 1px 15px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
  background-color: #454545;
}

ul.l-tagB li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  ul.l-tagB li a:hover {
    text-decoration: none;
    color: #ccc;
  }
}

ul.l-tagC {
  width: 100%;
  font-size: 0;
  margin: 0 0 20px 0;
}

ul.l-tagC li {
  display: inline-block;
  margin: 5px 5px 5px 0;
  padding: 1px 15px;
  min-height: 20px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #454545;
}

.l-titleDetailImg {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto 30px auto;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg {
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
  }
  .l-titleDetailImg ._title {
    padding: 0 20px;
  }
}

.l-titleDetailImg .heading-h1 {
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .theme-generalMulti .l-titleDetailImg ._title {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .theme-peopleDetails .l-titleDetailImg ._title {
    padding: 0;
  }
}

.l-titleDetailImg.is-img {
  max-width: 100%;
  height: 250px;
  margin: 0 auto 30px auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img {
    height: 200px;
    padding: 0;
    margin: 0 auto 20px auto;
  }
}

.theme-generalSingle .l-titleDetailImg.is-img,
.theme-generalGroup .l-titleDetailImg.is-img {
  margin: 0 auto 25px auto;
}

.l-titleDetailImg.is-img > ._image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img > ._image img {
    height: 200px;
  }
}

.l-titleDetailImg.is-img > ._title {
  width: 100%;
  max-width: 1000px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
}

.l-titleDetailImg.is-img > ._title p,
.l-titleDetailImg.is-img > ._title h1 {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img > ._title {
    max-width: 100%;
    padding: 0 20px !important;
    top: 20px;
  }
}

.l-titleDetailImg.is-img > ._title._nriPeople {
  width: 100%;
  max-width: 1000px;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  color: #FFF;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img > ._title._nriPeople {
    max-width: 100%;
    top: 22px;
  }
}

.l-titleDetailImg.is-img > ._title._nriPeople ._logo {
  width: 152px;
  margin: 0 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img > ._title._nriPeople ._logo {
    width: 81px;
    margin: 0 0 40px 0;
  }
}

.l-titleDetailImg.is-img > ._title._nriPeople ._logo > img {
  max-width: none;
  width: 100%;
}

.l-titleDetailImg.is-img > ._title._nriPeople .heading-h1 {
  font-size: 2.8rem;
  line-height: 1.5;
  color: #FFF;
  margin: 0 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img > ._title._nriPeople .heading-h1 {
    font-size: 1.8rem;
    margin: 0 0 10px 0;
  }
}

.l-titleDetailImg.is-img > ._title._nriPeople ._department {
  font-size: 1.6rem;
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img > ._title._nriPeople ._department {
    font-size: 1.0rem;
  }
}

.l-titleDetailImg.is-img > ._title._nriPeople ._name {
  font-size: 2.0rem;
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  .l-titleDetailImg.is-img > ._title._nriPeople ._name {
    font-size: 1.0rem;
  }
}

.l-titleDetailImg.is-img.l-white ._title p,
.l-titleDetailImg.is-img.l-white ._title h1 {
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  .theme-publicationNextTop .l-titleDetailImg ._title {
    padding: 0;
  }
}

.l-titleDetailImg.is-img.bgImg {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  min-height: 250px;
}
.l-titleDetailImg.is-img.bgImg.va-t {
  align-items: flex-start;
}
.l-titleDetailImg.is-img.bgImg.va-m {
  align-items: center;
}
.l-titleDetailImg.is-img.bgImg.va-b {
  align-items: flex-end;
}

@media only screen and ( max-width: 1000px ) {
  .l-titleDetailImg.is-img.bgImg {
    padding: 0 10px;
  }
}

@media screen and ( max-width: 767px ) {
  .l-titleDetailImg.is-img.bgImg {
    min-height: 200px;
    paddging: 0;
  }
}

.l-titleDetailImg.is-img.bgImg ._title {
  position: static;
}


.l-titleGeneral {
  max-width: 1000px;
  margin: 0 auto 28px auto;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneral {
    margin: 0 auto 20px auto;
  }
}

.theme-form .l-titleGeneral {
  max-width: 825px;
  margin: 0 auto 40px auto;
  padding: 0 40px;
}

.theme-form .l-titleGeneral .l-snsFooter,
.theme-form .l-titleGeneral .l-richFooter,
.theme-form .l-titleGeneral .l-extraFooter {
  display: none;
}

@media only screen and (max-width: 767px) {
  .theme-form .l-titleGeneral {
    width: calc(100% - 40px);
    max-width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .theme-searchResultFreeWord .l-titleGeneral {
    padding: 0 20px;
  }
}

.l-titleGeneralImg {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto 28px auto;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneralImg {
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0 auto 20px auto;
  }
}

.l-titleGeneralImg.is-img {
  max-width: 100%;
  height: 300px;
  margin: 0 auto 120px auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneralImg.is-img {
    height: 200px;
    padding: 0;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
 .l-titleGeneralImg.is-img.sustainability-title-img {
   margin: 0 auto 60px auto;
 }
}

.l-titleGeneralImg.is-img ._image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneralImg.is-img ._image img {
    height: 200px;
  }
}

.l-titleGeneralImg.is-img .heading-h1 {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 79px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneralImg.is-img .heading-h1 {
    text-align: left;
    padding: 0 20px !important;
    top: 65px;
  }
}

.l-titleGeneralImg.is-img .heading-subTitle {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 153px;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneralImg.is-img .heading-subTitle {
    text-align: left;
    padding: 0 20px;
    top: 112px;
  }
}

.theme-generalSingle .l-titleGeneralImg.is-img {
  margin: 0 auto 20px auto;
}

.img-objectFit {
  object-fit: cover;
  font-family: 'object-fit: cover; object-position: right;';
}

.l-titleJournalDetails {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto 28px auto;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalDetails {
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0 auto 20px auto;
    background: none;
  }
}

.l-titleJournalDetails.is-img {
  max-width: 100%;
  margin: 0 auto 20px auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalDetails.is-img {
    padding: 0;
    margin: 0 auto 25px auto;
  }
}

.l-titleJournalDetails.is-img ._image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalDetails.is-img ._image img {
    height: 200px;
  }
}

.l-titleJournalDetails.is-img ._content {
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalDetails.is-img ._content {
    max-width: 100%;
    left: 0;
    padding: 0 0 8px 0;
  }
}

.l-titleJournalDetails.is-img ._content ._title {
  padding: 10px 11px 0 20px;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalDetails.is-img ._content ._title {
    width: 100%;
    background: none;
    padding: 10px 10px 10px 10px;
  }
}

.l-titleJournalDetails.is-img ._content ._title .heading-h1 {
  width: 100%;
  margin: auto;
}

.l-titleJournalDetails.is-img ._content ._title .heading-subTitle {
  width: 100%;
  font-weight: 400;
}

.l-titleJournalDetails.is-img ._content ._contributor {
  display: inline-block;
  min-height: 53px;
  font-weight: 400;
  padding: 8px 16px 17px 20px;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalDetails.is-img ._content ._contributor {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    background: none;
    padding: 0 10px 10px;
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .l-titleJournalDetails.is-img ._content ._contributor .heading-subTitle {
    font-size: 1.0rem;
  }
}

.l-titleJournalTop {
  width: 100%;
  text-align: center;
  margin: 8px 0 50px 0;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalTop {
    margin: 0 0 20px 0;
  }
}

.l-titleJournalTop h1 {
  width: 262px;
  margin: 0 auto 27px auto;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalTop h1 {
    width: 172px;
    margin: 0 auto 15px auto;
  }
}

.l-titleJournalTop > ._titile {
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalTop > ._titile {
    font-size: 1.4rem;
  }
}

.l-titleJournalTop > ._titile br {
  display: none;
}

@media only screen and (max-width: 767px) {
  .l-titleJournalTop > ._titile br {
    display: block;
  }
}

.l-titleNriPeopleTop {
  width: 100%;
  height: 500px;
  margin: 0 auto 10px auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-titleNriPeopleTop {
    height: 200px;
    padding: 0;
    margin: 0 auto 20px;
  }
}

.l-titleNriPeopleTop > ._image {
  height: 500px;
}

@media only screen and (max-width: 767px) {
  .l-titleNriPeopleTop > ._image {
    height: 200px;
  }
}

.l-titleNriPeopleTop > ._image img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .l-titleNriPeopleTop > ._image img {
    height: 200px;
  }
}

.l-titleNriPeopleTop > ._title {
  width: 100%;
  max-width: 1000px;
  position: absolute;
  top: 141px;
  left: 0;
  right: 0;
  color: #000;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .l-titleNriPeopleTop > ._title {
    max-width: calc(100% - 20px);
    width: calc(100% - 20px);
    top: 59px;
  }
}

.l-titleNriPeopleTop > ._title ._logo {
  width: 349px;
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 767px) {
  .l-titleNriPeopleTop > ._title ._logo {
    width: 107px;
    margin: 0 0 6px 0;
  }
}

.l-titleNriPeopleTop > ._title .heading-h1 {
  font-size: 2.0rem;
  font-weight: normal;
  line-height: 2;
  margin: 0 0 0 55px;
}

@media only screen and (max-width: 767px) {
  .l-titleNriPeopleTop > ._title .heading-h1 {
    font-size: 1.4em;
    margin: 0 0 0 0;
  }
}

.l-topicBox {
  width: 100%;
}

.l-topicBox a {
  display: block;
  text-decoration: none !important;
}

.l-topicBox a .l-square {
  position: relative;
}

.l-topicBox a .l-square:after {
  padding-top: 100%;
  display: block;
  content: "";
}

.l-topicBox a .l-square > ._image {
  width: 300px;
  height: 300px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.l-topicBox a .l-square > ._image:before {
  content: "";
  display: inline-block;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .l-topicBox a .l-square > ._image {
    width: 100%;
    height: 100%;
  }
}

.l-topicBox a .l-square > ._image img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: 100% 100%;
  transition: all 0.4s linear;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .l-topicBox a .l-square > ._image img {
    width: 100%;
    height: 100%;
  }
}

.l-topicBox a > ._title {
  height: 98px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  color: #333;
  padding: 15px 20px 11px 20px;
  background: #FFF;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}

.l-topicBox a:hover ._image img {
  opacity: 0.5;
  transform: scale(1.2);
}

.l-topicBox > ._content {
  padding: 11px 20px 15px 20px;
  background: #FFF;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

.l-topicBox > ._content ul.l-tag {
  margin: 0 0 4px 0;
}

.l-topicBox > ._content ul.l-tag li a {
  height: 30px;
  font-size: 1.2rem;
  padding: 6px 10px;
}

.l-topicBox > ._content ._day {
  font-size: 1.4rem;
}

.l-topicBox._large a ._image {
  width: 620px;
  height: 620px;
}

@media only screen and (max-width: 767px) {
  .l-topicBox._large a ._image {
    width: 100%;
    height: 100%;
  }
}

.l-topicBox._large a ._image img {
  width: 620px;
  height: 620px;
}

@media only screen and (max-width: 767px) {
  .l-topicBox._large a ._image img {
    width: 100%;
    height: 100%;
  }
}

.l-topicBox._large a > ._title {
  font-size: 1.8rem;
  height: 36px;
  padding: 11px 20px 0 20px;
}

@media only screen and (max-width: 767px) {
  .l-topicBox._large a > ._title {
    font-size: 1.6rem;
    height: 98px;
    padding: 15px 20px 11px 20px;
  }
}

.l-topicBox._large ._content {
  height: 104px;
}

@media only screen and (max-width: 767px) {
  .l-topicBox._large ._content {
    height: auto;
  }
}

.l-topicsSliderRWD {
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
  border-bottom: dotted 1px #999;
}

@media only screen and (max-width: 767px) {
  .l-topicsSliderRWD {
    padding: 0 0 50px 0;
    margin: 0;
  }
}

.l-topicsSliderRWD .slick-dotted.slick-slider {
  margin-bottom: 0 0 28px 0;
}

.l-topicsSliderRWD #slide-selectorStandardRWD {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px -50px -10px;
}

@media only screen and (max-width: 767px) {
  .l-topicsSliderRWD #slide-selectorStandardRWD {
    display: block;
    margin: 0;
  }
}

.l-topicsSliderRWD #slide-selectorStandardRWD .l-col-3 {
  width: 25%;
  padding: 0 10px;
  margin: 0 0 50px 0;
}

@media only screen and (max-width: 767px) {
  .l-topicsSliderRWD #slide-selectorStandardRWD .l-col-3 {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

.l-topicsSliderRWD #slide-selectorStandardRWD .l-col-3 .fxb-cardTypeB {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .l-topicsSliderRWD #slide-selectorStandardRWD .l-col-3 .fxb-cardTypeB {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-dots li {
    width: 10px;
    margin: 0 5px;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-dots li button:before {
    font-size: 10px;
    color: #f4f4f4;
    opacity: 1;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-dots li.slick-active button:before {
    color: #666;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-prev {
    width: 24px;
    height: 24px;
    left: 0;
    top: auto;
    bottom: -38px;
    z-index: 100;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-prev:before {
    content: "\e908";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 0.2;
    color: #231814;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-prev:hover:before, .l-topicsSliderRWD #slide-selectorStandardRWD .slick-prev:visited:before {
    font-size: 28px !important;
    opacity: 1;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-next {
    width: 24px;
    height: 24px;
    right: 0;
    top: auto;
    bottom: -38px;
    z-index: 100;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-next:before {
    content: "\e904";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 28px;
    opacity: 0.2;
    color: #231814;
  }
  .l-topicsSliderRWD #slide-selectorStandardRWD .slick-next:hover:before, .l-topicsSliderRWD #slide-selectorStandardRWD .slick-next:visited:before {
    opacity: 1;
  }
}

.l-writer {
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
  max-width: 800px;
  padding: 30px 0;
  overflow: hidden;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-writer {
    max-width: 100%;
  }
}

.l-writer ._image {
  float: right;
  margin: 0 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .l-writer ._image {
    margin: 0 0 0 10px;
    width: 80px;
  }
}

.l-writer ._image img {
  width: 150px;
}

@media only screen and (max-width: 767px) {
  .l-writer ._image img {
    width: 100%;
  }
}

.l-writer ._content ._name a {
  font-size: 1.8rem;
  line-height: 1.67;
  color: #0c419a;
}

.l-writer ._content ._segment {
  margin: 10px 0 0 0;
}

.l-writer ._content ._segment a {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
}

.l-writer ._content ._specialty {
  margin: 10px 0 0 0;
  font-size: 1.6rem;
  line-height: 1.88;
}

@media only screen and (max-width: 767px) {
  .l-writer ._content {
    order: 1;
    margin: 0 0 19px 0;
  }
}

.l-writer + .l-writer {
  border-top: none;
}

.c-fix-001 .l-writer ._image {
  float: right;
  margin: 0 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .c-fix-001 .l-writer ._image {
    float: none;
    margin: 0;
    width: 100%;
  }
  .c-fix-001 .l-writer ._image img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .panel-contact {
    margin: 0 -20px;
  }
}

.panel-contact ._header {
  width: 100%;
  height: 50px;
  background: url("../images/bg-contact.png") no-repeat;
  padding: 0 20px;
  display: flex;
  align-items: center;
  background-size: contain;
}

.theme-generalMulti .panel-contact ._header,
.theme-peopleDetails .panel-contact ._header,
.theme-publicationNextTop .panel-contact ._header,
.theme-generalList .panel-contact ._header,
.theme-knowledgeInsightReportList .panel-contact ._header,
.theme-glossaryList .panel-contact ._header,
.theme-peopleList .panel-contact ._header,
.l-check2col .panel-contact ._header,
.l-contents .panel-contact ._header {
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .panel-contact ._header {
    background-size: cover !important;
  }
}

.panel-contact ._content {
  background: #F4F4F4;
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .panel-contact ._content {
    display: block;
  }
}

.panel-contact ._content .wrap-text {
  width: 100%;
}

.panel-contact ._content .wrap-text p {
  font-size: 1.6rem;
  line-height: 1.88;
}

@media only screen and (max-width: 767px) {
  .panel-contact ._content .wrap-text p {
    line-height: 1.5;
    margin: 0 0 20px 0;
  }
}

.panel-contact ._content .wrap-text p + p {
  margin: 20px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .panel-contact ._content .wrap-text p + p {
    margin: 0 0 20px 0;
  }
}

.panel-contact ._content .wrap-text p > span._mail {
  margin: 0 0 0 1em;
}

.panel-contact ._content .wrap-text p.text-sizeSmall {
  font-size: 1.4rem;
}

.panel-contact ._content .wrap-text p:last-child {
  margin: 0;
}

.panel-contact ._content .wrap-btn {
  width: 100%;
  padding: 20px 0 0 0;
  text-align: center;
}

.panel-contact ._content .wrap-btn .btn-contact,
.panel-contact ._content .wrap-btn .btn-subscribe {
  margin: 0 auto;
}

.panel-contact ._content + hr.hr-typesolid {
  margin: 0 20px;
  padding: 0 20px;
}

.panel-contact ._content + ._content {
  padding: 40px 30px 20px 20px;
  position: relative;
}

.panel-contact ._content + ._content:before {
  content: "";
  width: calc(100% - 20px - 20px);
  height: 1px;
  background: #999;
  position: absolute;
  top: 0;
  margin: 10px 0;
}

.panel-default {
  margin: 0 0 20px 0;
}

.panel-default ._header {
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #005bac;
}

.panel-default ._header p {
  font-size: 1.6em;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

.panel-default ._content {
  background-color: #deecf8;
  padding: 20px;
}

.panel-default ._content ._title {
  font-size: 2.0rem;
  line-height: 1.1;
  font-weight: bold;
}

.panel-default ._content ._outline {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 10px 0 0 0;
}

.fxb-col-6:nth-last-child(1) .panel-default, .fxb-col-6:nth-last-child(2) .panel-default {
  margin: 0;
}

.fxb-col-4:nth-last-child(1) .panel-default, .fxb-col-4:nth-last-child(2) .panel-default, .fxb-col-4:nth-last-child(3) .panel-default {
  margin: 0;
}

.fxb-col-3:nth-last-child(1) .panel-default, .fxb-col-3:nth-last-child(2) .panel-default, .fxb-col-3:nth-last-child(3) .panel-default, .fxb-col-3:nth-last-child(4) .panel-default {
  margin: 0;
}

a.panel-horizontal {
  display: block;
  text-decoration: none !important;
  overflow: hidden;
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  a.panel-horizontal {
    margin: 0 0 20px 0;
  }
}

a.panel-horizontal > ._image {
  width: 235px;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.panel-horizontal > ._image {
    width: 130px;
    height: auto;
  }
}

a.panel-horizontal > ._image img {
  width: 100%;
}

a.panel-horizontal > ._content {
  width: calc(100% - 235px - 20px);
  margin: 0 0 0 20px;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.panel-horizontal > ._content {
    width: calc(100% - 130px - 20px);
  }
}

a.panel-horizontal > ._content p._title {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
  color: #333;
}

a.panel-horizontal > ._content p._outline {
  font-size: 1.4rem;
  line-height: 1.43;
  color: #333;
  margin: 10px 0 0 0;
}

a.panel-horizontal:hover ._content p._title {
  text-decoration: underline;
}

a.panel-horizontal:hover ._image img {
  opacity: .7;
}

.fxb-col-3:nth-last-child(1) a.panel-horizontal, .fxb-col-3:nth-last-child(2) a.panel-horizontal, .fxb-col-3:nth-last-child(3) a.panel-horizontal, .fxb-col-3:nth-last-child(4) a.panel-horizontal {
  margin: 0;
}

.fxb-col-4:nth-last-child(1) a.panel-horizontal, .fxb-col-4:nth-last-child(2) a.panel-horizontal, .fxb-col-4:nth-last-child(3) a.panel-horizontal {
  margin: 0;
}

.fxb-col-6:nth-last-child(1) a.panel-horizontal, .fxb-col-6:nth-last-child(2) a.panel-horizontal {
  margin: 0;
}

a.panel-horizontalSmall {
  display: block;
  text-decoration: none !important;
  overflow: hidden;
  margin: 0 0 66px 0;
}

@media only screen and (max-width: 767px) {
  a.panel-horizontalSmall {
    margin: 0 0 20px 0;
  }
}

a.panel-horizontalSmall > ._image {
  width: 100px;
  height: 105px;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.panel-horizontalSmall > ._image {
    width: 100%;
    height: auto;
    float: none;
    text-align: center;
  }
}

a.panel-horizontalSmall > ._content {
  width: calc(100% - 100px - 20px);
  margin: 0 0 0 20px;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.panel-horizontalSmall > ._content {
    float: none;
    margin: 10px 0 0 0;
    width: 100%;
  }
}

a.panel-horizontalSmall > ._content p._title {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  color: #333;
}

a.panel-horizontalSmall > ._content p._outline {
  font-size: 1.6rem;
  line-height: 1.88;
  color: #333;
  margin: 10px 0 0 0;
}

a.panel-horizontalSmall:hover ._content p._title {
  text-decoration: underline;
}

a.panel-horizontalSmall:hover ._image img {
  opacity: .7;
}

/* .panel-horizontalSmall:not(a)
--------------------------------------------*/

.panel-horizontalSmall:not(a) {
  display: block;
  overflow: hidden;
  margin: 0 0 66px 0;
}

@media only screen and (max-width: 767px) {
  .panel-horizontalSmall:not(a) {
    margin: 0 0 20px 0;
  }
}

.panel-horizontalSmall:not(a) ._title {
  margin-bottom: 10px;
}

.panel-horizontalSmall:not(a) ._title a {
  color: #333;
  font-size: 1.6rem;
  line-height: 1.5;
}

.panel-horizontalSmall:not(a) > ._image {
  width: 100px;
  height: 105px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .panel-horizontalSmall:not(a) > ._image {
    width: 100%;
    height: auto;
    float: none;
    text-align: center;
  }
}

.panel-horizontalSmall:not(a) > ._content {
  width: calc(100% - 100px - 20px);
  margin: 0 0 0 20px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .panel-horizontalSmall:not(a) > ._content {
    float: none;
    margin: 10px 0 0 0;
    width: 100%;
  }
}

.panel-horizontalSmall:not(a) > ._content p._title {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  color: #333;
}


.panel-horizontalSmall:not(a) > ._content p._outline {
  font-size: 1.6rem;
  line-height: 1.88;
  color: #333;
  margin: 10px 0 0 0;
}

.fxb-col-3:nth-last-child(1) a.panel-horizontal, .fxb-col-3:nth-last-child(2) a.panel-horizontal, .fxb-col-3:nth-last-child(3) a.panel-horizontal, .fxb-col-3:nth-last-child(4) a.panel-horizontal {
  margin: 0;
}

.fxb-col-4:nth-last-child(1) a.panel-horizontal, .fxb-col-4:nth-last-child(2) a.panel-horizontal, .fxb-col-4:nth-last-child(3) a.panel-horizontal {
  margin: 0;
}

.fxb-col-6:nth-last-child(1) a.panel-horizontal, .fxb-col-6:nth-last-child(2) a.panel-horizontal {
  margin: 0;
}

.panel-keywordRefine {
  width: 100%;
  max-width: 2880px;
  margin: 0 auto 20px auto;
  padding: 0 10px;
}

@media only screen and (max-width: 3184px) {
  .panel-keywordRefine {
    max-width: 2560px;
  }
}

@media only screen and (max-width: 3183px) {
  .panel-keywordRefine {
    max-width: 2560px;
  }
}

@media only screen and (max-width: 2833px) {
  .panel-keywordRefine {
    max-width: 2240px;
  }
}

@media only screen and (max-width: 2833px) {
  .panel-keywordRefine {
    max-width: 2240px;
  }
}

@media only screen and (max-width: 2473px) {
  .panel-keywordRefine {
    max-width: 1920px;
  }
}

@media only screen and (max-width: 2473px) {
  .panel-keywordRefine {
    max-width: 1920px;
  }
}

@media only screen and (max-width: 2127px) {
  .panel-keywordRefine {
    max-width: 1600px;
  }
}

@media only screen and (max-width: 2127px) {
  .panel-keywordRefine {
    max-width: 1600px;
  }
}

@media only screen and (max-width: 1775px) {
  .panel-keywordRefine {
    max-width: 1280px;
  }
}

@media only screen and (max-width: 1420px) {
  .panel-keywordRefine {
    max-width: 960px;
  }
}

@media only screen and (max-width: 1070px) {
  .panel-keywordRefine {
    max-width: 640px;
  }
}

@media only screen and (max-width: 767px) {
  .panel-keywordRefine {
    max-width: 100%;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding: 0;
  }
}

.panel-keywordRefine a.btn-accInverse {
  display: block;
  position: relative;
}

.panel-keywordRefine a.btn-accInverse h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #333;
  padding: 0 0 40px 43px;
}

@media only screen and (max-width: 767px) {
  .panel-keywordRefine a.btn-accInverse h2 {
    font-size: 2.0rem;
    padding: 10px 0 10px 45px;
  }
}

.panel-keywordRefine a.btn-accInverse:before {
  content: "\e900";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 18px;
  color: #666;
  height: 18px;
  position: absolute;
  top: 6px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .panel-keywordRefine a.btn-accInverse:before {
    font-size: 15px;
    top: 14px;
    left: 20px;
  }
}

.panel-keywordRefine a.btn-accInverse.is-open:before {
  content: "\e902";
}

.panel-keywordRefine .wrap-accInverse ._content {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .panel-keywordRefine .wrap-accInverse ._content {
    padding: 20px 20px 5px 20px;
  }
}

.panel-keywordRefine .wrap-accInverse ._content ._checkbox {
  position: relative;
  width: 16.666%;
  border-left: solid 1px #ddd;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .panel-keywordRefine .wrap-accInverse ._content ._checkbox {
    width: 50%;
    margin: 0 0 5px 0;
  }
  .panel-keywordRefine .wrap-accInverse ._content ._checkbox:nth-child(odd) {
    border-left: solid 1px #ddd;
  }
  .panel-keywordRefine .wrap-accInverse ._content ._checkbox:nth-child(even) {
    border-right: solid 1px #ddd;
  }
}

.panel-keywordRefine .wrap-accInverse ._content ._checkbox:nth-child(6n), .panel-keywordRefine .wrap-accInverse ._content ._checkbox:last-child {
  border-right: solid 1px #ddd;
}

.panel-keywordRefine .wrap-accInverse ._content ._checkbox input {
  cursor: pointer;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.panel-keywordRefine .wrap-accInverse ._content ._checkbox input:checked + label {
  font-weight: bold;
  color: #FFF;
  background: #005bac;
}

.panel-keywordRefine .wrap-accInverse ._content ._checkbox label {
  height: 60px;
  font-size: 1.6rem;
  color: #999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  word-wrap: break-word;
}

@media only screen and (max-width: 767px) {
  .panel-keywordRefine .wrap-accInverse ._content ._checkbox label {
    height: 54px;
    font-size: 1.4rem;
  }
}

.panel-keywordRefine .wrap-accInverse ._content ._checkbox._disabled {
  pointer-events: none;
}

.panel-keywordRefine .wrap-accInverse ._content ._checkbox._disabled label {
  color: #ccc;
}

.panel-list {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .panel-list {
    display: block;
 }
}

.panel-list .l-widht200 {
  width: 200px;
  flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
  .panel-list .l-widht200 img {
    max-width: 200px;
    height: auto;
  }
}

.panel-list .l-widht235 {
  width: 235px;
  flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
  .panel-list .l-widht235 img {
    max-width: 235px;
    height: auto;
  }
}

.panel-list .figure-floatLeft {
  margin: 0 20px 0 0;
}

.panel-list ._image {
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
 .panel-list ._image {
   margin: 20px 0;
   width: 100%;
   text-align: center;
 }
}

.panel-list ._image[class*="l-widht"] {}

@media only screen and (max-width: 767px) {
  .panel-list ._image[class*="l-widht"] {
    width: 100%;
    text-align: center;
  }
}

a.panel-people {
  display: block;
  color: #FFF;
  margin: 0 0 20px 0;
  transition: all .4s;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.panel-people {
    height: auto;
    margin: 0 0 5px 0;
  }
}

a.panel-people:after {
  content: "";
  width: 100%;
  height: 46%;
  min-height: 230px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  transition: all .4s;
}

@media only screen and (max-width: 899px) {
  a.panel-people:after {
    min-height: 100%;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  a.panel-people:after {
    background-color: rgba(0, 0, 0, 0.3);
    min-height: 100%;
    height: 100%;
    left: 0;
  }
}

a.panel-people > ._image img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  a.panel-people > ._image {
    position: static;
  }
}

a.panel-people > ._content {
  width: calc(100% - 40px);
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 999;
}

@media only screen and (max-width: 767px) {
  a.panel-people > ._content {
    width: calc(100% - 20px);
    top: auto;
    left: 10px;
    bottom: 10px;
  }
}

a.panel-people > ._content > ._title {
  font-size: 3.0rem;
  line-height: 1.67;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  a.panel-people > ._content > ._title {
    font-size: 1.8rem;
  }
}

a.panel-people > ._content > ._department {
  font-size: 1.6rem;
  margin: 30px 0 0 0;
}

@media only screen and (max-width: 767px) {
  a.panel-people > ._content > ._department {
    font-size: 1.0rem;
    margin: 10px 0 0 0;
  }
}

a.panel-people > ._content > ._name {
  font-size: 2.0rem;
}

@media only screen and (max-width: 767px) {
  a.panel-people > ._content > ._name {
    font-size: 1.0rem;
  }
}

a.panel-people:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
}

.panel-program {
  margin: 0 0 20px 0;
}

.panel-program ._header {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.panel-program ._header.type-experienceProgram {
  background-color: #005bac;
}

.panel-program ._header.type-deliveryClass {
  background-color: #a5571c;
}

.panel-program ._header.type-learningMaterials {
  background-color: #558b1b;
}

.panel-program ._header p {
  font-size: 1.6em;
  color: #FFF;
  font-weight: bold;
}

.panel-program ._image {
  height: 200px;
}

@media only screen and (max-width: 767px) {
  .panel-program ._image {
    height: auto;
  }
  .panel-program ._image:before {
    content: "";
    display: block;
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .panel-program ._image img {
    width: 100%;
    height: 100%;
  }
}

.panel-program ._image p {
  width: 100%;
}

.panel-program ._image._disabled {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .panel-program ._image._disabled {
    height: auto;
  }
  .panel-program ._image._disabled:before {
    content: "";
    display: block;
    padding-top: 51.5%;
  }
}

.panel-program ._image._disabled:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
}

.panel-program ._image._disabled p {
  position: absolute;
  top: 0;
  bottom: 0;
}

.panel-program ._image._disabled p._info {
  font-size: 2.0rem;
  color: #e31f18;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.panel-program ._content {
  background-color: #deecf8;
  padding: 20px;
}

.panel-program ._content ._overview {
  font-size: 1.4rem;
}

.panel-program ._content ._title {
  font-size: 2.0rem;
  line-height: 1.1;
  font-weight: bold;
  margin: 16px 0 0 0;
}

.panel-program ._content ._outline {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 10px 0 0 0;
}

.panel-program ._content ._btn {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -5px 0 -5px;
}

.panel-program ._content ._btn p {
  width: 50%;
  padding: 0 5px;
}

.panel-program ._content ._btn p a.btn-displayBlock {
  font-size: 1.4rem;
  margin: 0;
}

.fxb-col-6:nth-last-child(1) .panel-program, .fxb-col-6:nth-last-child(2) .panel-program {
  margin: 0;
}

a.panel-publications {
  display: block;
  text-decoration: none !important;
  overflow: hidden;
}

a.panel-publications > ._content {
  width: calc(100% - 195px - 30px);
  margin: 0 30px 0 0;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.panel-publications > ._content {
    width: calc(100% - 130px - 20px);
    margin: 0 20px 0 0;
  }
}

a.panel-publications > ._content p._title {
  font-size: 1.8rem;
  line-height: 2;
  color: #0c419a;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  a.panel-publications > ._content p._title {
    font-size: 1.6rem;
    line-height: 1.88;
  }
}

a.panel-publications > ._content p._outline {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
  margin: 10px 0 0 0;
}

a.panel-publications > ._content p.label-outlineDefault {
  width: 150px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #333;
  border: solid 1px #333;
  margin: 20px 0 0 0;
}

.theme-en a.panel-publications > ._content p.label-outlineDefault {
  width: 200px;
}

@media only screen and (max-width: 767px) {
  .theme-en a.panel-publications > ._content p.label-outlineDefault {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  a.panel-publications > ._content p.label-outlineDefault {
    width: 100%;
  }
}

a.panel-publications > ._image {
  width: 195px;
  float: left;
}

@media only screen and (max-width: 767px) {
  a.panel-publications > ._image {
    width: 130px;
  }
}

a.panel-publications:hover ._content p._title {
  text-decoration: underline;
}

a.panel-publications:hover ._image img {
  opacity: .7;
}

.panel-searchRefine {
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  .panel-searchRefine {
    margin: 0 0 30px 0;
  }
}

.panel-searchRefine ._header {
  height: 49px;
  background: #666;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .panel-searchRefine ._header {
    height: 40px;
    padding: 0 10px;
  }
}

.panel-searchRefine ._header h2 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #FFF;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .panel-searchRefine ._header h2 {
    font-size: 1.4rem;
  }
}

.panel-searchRefine ._header ._checkbox {
  margin: 4px 0 0 auto;
}

.panel-searchRefine ._header ._checkbox label {
  color: #FFF;
}

.panel-searchRefine ._content {
  background: #F4F4F4;
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .panel-searchRefine ._content {
    padding: 20px 10px;
  }
}

.panel-searchRefine ._checkbox {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0 30px 10px 0;
}

@media only screen and (max-width: 767px) {
  .panel-searchRefine ._checkbox {
    margin: 0 30px 10px 0;
  }
}

.panel-searchRefine ._checkbox input {
  cursor: pointer;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.panel-searchRefine ._checkbox input[type="checkbox"] + label {
  font-size: 1.4rem;
}

.panel-searchRefine ._checkbox input[type="checkbox"] + label:before {
  content: "";
  background: url("../images/checkbox-off.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
}

.panel-searchRefine ._checkbox input[type="checkbox"]:checked + label:before {
  content: "";
  background: url("../images/checkbox-on.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
}

.panel-searchRefine ._checkbox input[type="radio"] + label {
  width: 100%;
  font-size: 1.4rem;
}

.panel-searchRefine ._checkbox input[type="radio"] + label:before {
  content: "";
  background: url("../images/radiobtn-off.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  margin: 0 12px 0 0;
}

.panel-searchRefine ._checkbox input[type="radio"]:checked + label:before {
  content: "";
  background: url("../images/radiobtn-on.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  margin: 0 12px 0 0;
}

@media only screen and (max-width: 767px) {
  .panel-searchRefine .l-checkbox + .l-checkbox ._checkbox {
    width: 100%;
    margin: 0 0 10px 0;
  }
}

.panel-tagRefineTab,
.panel-tagRefine {
  margin: 0 0 20px 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab,
  .panel-tagRefine {
    margin: 0 0 10px 0;
  }
}

.panel-tagRefineTab a.btn-acc,
.panel-tagRefineTab a.btn-accNextAll,
.panel-tagRefine a.btn-acc,
.panel-tagRefine a.btn-accNextAll {
  height: 49px;
  background: #666;
  padding: 10px 20px 5px 20px;
  display: flex;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab a.btn-acc,
  .panel-tagRefineTab a.btn-accNextAll,
  .panel-tagRefine a.btn-acc,
  .panel-tagRefine a.btn-accNextAll {
    height: 40px;
    padding: 0 10px;
  }
}

.panel-tagRefineTab a.btn-acc h2,
.panel-tagRefineTab a.btn-accNextAll h2,
.panel-tagRefine a.btn-acc h2,
.panel-tagRefine a.btn-accNextAll h2 {
  width: 162px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab a.btn-acc h2,
  .panel-tagRefineTab a.btn-accNextAll h2,
  .panel-tagRefine a.btn-acc h2,
  .panel-tagRefine a.btn-accNextAll h2 {
    width: auto;
    font-size: 1.4rem;
  }
}

.panel-tagRefineTab a.btn-acc:after,
.panel-tagRefineTab a.btn-accNextAll:after,
.panel-tagRefine a.btn-acc:after,
.panel-tagRefine a.btn-accNextAll:after {
  content: "\e900";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  height: 15px;
  position: absolute;
  top: 14px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab a.btn-acc:after,
  .panel-tagRefineTab a.btn-accNextAll:after,
  .panel-tagRefine a.btn-acc:after,
  .panel-tagRefine a.btn-accNextAll:after {
    top: 10px;
    right: 10px;
  }
}

.panel-tagRefineTab a.btn-acc.is-open:after,
.panel-tagRefineTab a.btn-accNextAll.is-open:after,
.panel-tagRefine a.btn-acc.is-open:after,
.panel-tagRefine a.btn-accNextAll.is-open:after {
  content: "\e902";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  height: 15px;
  position: absolute;
  top: 14px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab a.btn-acc.is-open:after,
  .panel-tagRefineTab a.btn-accNextAll.is-open:after,
  .panel-tagRefine a.btn-acc.is-open:after,
  .panel-tagRefine a.btn-accNextAll.is-open:after {
    top: 10px;
    right: 10px;
  }
}

.panel-tagRefineTab ul.l-dummy,
.panel-tagRefine ul.l-dummy {
  width: 100%;
  height: auto;
  min-height: 40px;
  background: #999;
  padding: 5px 20px 1px 20px;
  font-size: 0;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab ul.l-dummy,
  .panel-tagRefine ul.l-dummy {
    padding: 5px 10px 1px 10px;
  }
}

.panel-tagRefineTab ul.l-dummy > li,
.panel-tagRefine ul.l-dummy > li {
  display: inline-block;
  margin: 0 5px 5px 0;
}

.panel-tagRefineTab ul.l-dummy > li .is-dummy,
.panel-tagRefine ul.l-dummy > li .is-dummy {
  display: flex;
  align-items: center;
  height: 29px;
  background: #FFF;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #333;
  padding: 5px;
}

.panel-tagRefineTab ul.l-dummy > li .is-dummy span,
.panel-tagRefine ul.l-dummy > li .is-dummy span {
  margin: 0 0 0 33px;
}

.panel-tagRefineTab ul.l-dummy > li .is-dummy span .icon-close-box,
.panel-tagRefine ul.l-dummy > li .is-dummy span .icon-close-box {
  font-size: 13px;
}

.panel-tagRefineTab ._content,
.panel-tagRefine ._content {
  background: #F4F4F4;
  padding: 20px 20px 15px 20px;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab ._content,
  .panel-tagRefine ._content {
    padding: 10px 10px 5px 10px;
  }
}

.panel-tagRefineTab ._content + ._content,
.panel-tagRefine ._content + ._content {
  padding: 30px 20px 15px 20px;
  position: relative;
}

.panel-tagRefineTab ._content + ._content:before,
.panel-tagRefine ._content + ._content:before {
  content: "";
  width: 100%;
  border-top: 1px dotted #999;
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px 0;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab ._content .btn-tab2-1.is-active,
  .panel-tagRefine ._content .btn-tab2-1.is-active {
    margin: 0 0 15px 0;
  }
}

.panel-tagRefineTab ._checkbox,
.panel-tagRefine ._checkbox {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0 5px 5px 0;
}

.panel-tagRefineTab ._checkbox input,
.panel-tagRefine ._checkbox input {
  cursor: pointer;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.panel-tagRefineTab ._checkbox input:checked + label,
.panel-tagRefine ._checkbox input:checked + label {
  color: #FFF;
  background: #005bac;
  border: solid 1px #005bac;
}

.panel-tagRefineTab ._checkbox input:hover + label,
.panel-tagRefine ._checkbox input:hover + label {
  text-decoration: underline;
}

.panel-tagRefineTab ._checkbox label,
.panel-tagRefine ._checkbox label {
  display: block;
  height: 36px;
  padding: 8px 10px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #333;
  background: #FFF;
  border-radius: 10px;
  border: solid 1px #ccc;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab ._checkbox label,
  .panel-tagRefine ._checkbox label {
    height: 30px;
    padding: 6px 10px;
    font-size: 1.2rem;
  }
}

.panel-tagRefineTab ._checkbox._disabled,
.panel-tagRefine ._checkbox._disabled {
  pointer-events: none;
}

.panel-tagRefineTab ._checkbox._disabled label,
.panel-tagRefine ._checkbox._disabled label {
  color: #ccc;
}

.panel-tagRefineTab .is-clear,
.panel-tagRefine .is-clear {
  position: absolute;
  right: 66px;
  top: 15px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab .is-clear,
  .panel-tagRefine .is-clear {
    right: 48px;
    top: 11px;
  }
}

.panel-tagRefineTab .is-clear input,
.panel-tagRefine .is-clear input {
  cursor: pointer;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.panel-tagRefineTab .is-clear label,
.panel-tagRefine .is-clear label {
  font-size: 1.2rem;
  color: #fff;
  text-decoration: underline;
}

.panel-tagRefineTab ._content {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefineTab ._content {
    display: block;
  }
}

.panel-tagRefine a.btn-acc {
  height: 49px;
}

@media only screen and (max-width: 767px) {
  .panel-tagRefine a.btn-acc {
    height: 40px;
  }
}

a.panel-vertical {
  display: block;
  text-decoration: none !important;
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  a.panel-vertical {
    margin: 0 0 20px 0;
  }
}

a.panel-vertical > ._image {
  width: 100%;
}

a.panel-vertical > ._image img {
  width: 100%;
}

a.panel-vertical > ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: 500;
  color: #333;
  margin: 10px 0 0 0;
}

a.panel-vertical:hover > ._image img {
  opacity: .7;
}

a.panel-vertical:hover > ._content ._title {
  text-decoration: underline;
}

/* .panel-vertical:not(a)
----------------------------------------------*/
.panel-vertical:not(a) {
  display: block;
  text-decoration: none !important;
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 767px) {
  .panel-vertical:not(a) {
    margin: 0 0 20px 0;
  }
}

.panel-vertical:not(a) ._title {
  font-weight: bold;
  margin-bottom: 15px;
}

.panel-vertical:not(a) ._title a {
  color: #333;
}

.panel-vertical:not(a) > ._image {
  margin: 20px 0;
  text-align: center;
  width: 100%;
}

.panel-vertical:not(a) > ._image img {
  max-width: 100%;
  height: auto;
}

.panel-vertical:not(a) > ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: 500;
  color: #333;
  margin: 10px 0 0 0;
}

.l-vertical {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.l-vertical .l-col-3.l-col-xs-6 {
  padding: 0 10px;
  width: calc(25%);
}

@media only screen and (max-width: 767px) {
  .l-vertical .l-col-3.l-col-xs-6 {
    width: 50%;
  }
}

.wrap-topicsJournal {
  position: relative;
  min-width: 660px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .wrap-topicsJournal {
    width: 100%;
    min-width: 100%;
    padding: 0 20px;
  }
}

#l-topicsJournal {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

#l-topicsJournal .l-topicBox {
  width: 300px;
  margin: 10px;
}

@media only screen and (max-width: 767px) {
  #l-topicsJournal .l-topicBox {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

#l-topicsJournal .l-topicBox._large {
  width: 620px;
}

@media only screen and (max-width: 767px) {
  #l-topicsJournal .l-topicBox._large {
    width: 100%;
  }
}

.text-sizeSmall {
  font-size: 1.4rem;
  line-height: 1.71;
}

@media only screen and (max-width: 767px) {
  .text-sizeSmall {
    line-height: 1.5;
  }
}

.text-sizeSmall + .text-sizeSmall {
  margin-top: 7px;
}

.text-sizeMedium {
  font-size: 1.6rem;
  line-height: 1.88;
}

.text-sizeMedium + .text-sizeMedium {
  margin-top: 16px;
}

.text-sizeSmallNarrow {
  font-size: 1.4rem;
  line-height: 1.5;
}

.text-sizeSmallNarrow + .text-sizeSmallNarrow {
  margin-top: 7px;
}

.text-sizeMediumNarrow {
  font-size: 1.6rem;
  line-height: 1.5;
}

.text-sizeMediumNarrow + .text-sizeMediumNarrow {
  margin-top: 16px;
}

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

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

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

@media only screen and (max-width: 767px) {
  .text-alignCenterRWD {
    text-align: left;
  }
}

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

.text-colorAccent {
  color: #e31f18;
}

.text-colorTwilightblue {
  color: #0c419a;
}

.text-colorTwilightblue li:before {
  color: #0c419a !important;
}

.text-indent1 {
  text-indent: 1em;
}

.l-main a:hover {
  text-decoration: underline;
}

.l-main a:hover:before {
  text-decoration: none;
  display: inline-block;
}

a.link-default {
  font-size: 1.4rem;
  color: #0c419a;
}

a.link-default:before {
  content: "";
  background:url("/static/common/images/icon-chevronRight.svg") no-repeat;
  background-size:contain;
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 0;
}

a.text-colorInverse {
  color: #fff;
}

a.text-colorInverse:before {
  color: #fff !important;
}

a.link-arrow,
a.link-pdf,
a.link-word,
a.link-excel {
  display: inline-block;
}

a.link-pdf:before,
a.link-word:before,
a.link-excel:before,
a.link-arrow:before {
  content: "\e904";
  font-family: "icomoon";
  font-size: 10px;
}
 
a.link-arrow {
  padding-left: 15px;
}

a.link-arrow:before {
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 -15px;
}

a.link-arrow.text-colorInverse:before {
  content: "";
  background:url("/static/common/images/icon-chevronRightWhite.svg") no-repeat;
  background-size:contain;
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 -15px;
}

.text-sizeSmall a.link-arrow:before,
.text-sizeSmallNarrow a.link-arrow:before {
  vertical-align: 1px;
}

.text-sizeMedium a.link-arrow:before,
.text-sizeMediumNarrow a.link-arrow:before {
  vertical-align: 2px;
}

a.link-back {
  font-size: 1.6rem;
}

a.link-back:before {
  content: "";
  background:url("/static/common/images/icon-chevronLeft.svg") no-repeat;
  background-size:contain;
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 10px 0 0;
  vertical-align: 2px;
}

a.link-pdf {
  padding-left: 15px;
}

a.link-pdf:before {
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 -15px;
}

a.link-pdf:after {
  content: "";
  background: url("../images/icon-pdf.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 11px;
  vertical-align: -2px;
}

a p.link-pdf:after {
  content: "";
  background: url("../images/icon-pdf.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 11px;
  vertical-align: -2px;
}

.text-sizeSmall a.link-pdf:before,
.text-sizeSmallNarrow a.link-pdf:before {
  top: 5px;
}

.text-sizeMedium a.link-pdf:before,
.text-sizeMediumNarrow a.link-pdf:before {
  top: 8px;
}

a.link-word {
  padding-left: 15px;
}

a.link-word:before {
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 -15px;
}

a.link-word:after {
  content: "";
  background: url("../images/icon-word.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 11px;
  vertical-align: -2px;
}

.text-sizeSmall a.link-word:before,
.text-sizeSmallNarrow a.link-word:before {
  top: 5px;
}

.text-sizeMedium a.link-word:before,
.text-sizeMediumNarrow a.link-word:before {
  top: 8px;
}

a.link-excel {
  padding-left: 15px;
}

a.link-excel:before {
  display:inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 -15px;
}

a.link-excel:after {
  content: "";
  background: url("../images/icon-excel.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 11px;
  vertical-align: -2px;
}

.text-sizeSmall a.link-excel:before,
.text-sizeSmallNarrow a.link-excel:before {
  top: 5px;
}

.text-sizeMedium a.link-excel:before,
.text-sizeMediumNarrow a.link-excel:before {
  top: 8px;
}

a.link-external {
  display: inline-block;
  margin: 0 10px 0 0;
}

a.link-external:after {
  content: "";
  background: url("../images/icon-external.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 9px;
  margin: 0 0 0 11px;
}

a p.link-external:after {
  content: "";
  background: url("../images/icon-external.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 9px;
  margin: 0 0 0 11px;
}

.list-typeBullet > *,
ul.list-typeBullet > * {
  padding-left: 1.25em;
  position: relative;
}

.list-typeBullet > *:before,
ul.list-typeBullet > *:before {
  color: #333;
  content: "•";
  position: absolute;
  margin-right: -11px;
  right: 100%;
}

.list-typeBullet.text-sizeSmall > *,
ul.list-typeBullet.text-sizeSmall > * {
  margin-bottom: 8px;
}

.list-typeBullet.text-sizeSmall > *:last-child,
ul.list-typeBullet.text-sizeSmall > *:last-child {
  margin-bottom: 0;
}

.list-typeBullet.text-sizeMedium > *,
ul.list-typeBullet.text-sizeMedium > * {
  margin-bottom: 5px;
}

.list-typeBullet.text-sizeMedium > *:last-child,
ul.list-typeBullet.text-sizeMedium > *:last-child {
  margin-bottom: 0;
}

ol.list-typeNumber {
  counter-reset: i;
  padding-left: 20px;
}

ol.list-typeNumber li {
  padding-left: 16px;
  list-style-type: decimal;
  font-size: 1.4rem;
  line-height: 1.5;
}

ol.list-typeNumber.text-sizeSmall li + li {
  margin: 8px 0 0 0;
}

ol.list-typeNumber.text-sizeMedium li {
  font-size: 1.6rem;
}

ol.list-typeNumber.text-sizeMedium li + li {
  margin: 5px 0 0 0;
}

ol.list-typeParenthesis {
  counter-reset: i;
  list-style-type: none;
  padding-left: 0;
}

ol.list-typeParenthesis li {
  font-size: 1.4rem;
  line-height: 1.75;
  padding-left: 3em;
  position: relative;
}

ol.list-typeParenthesis li:before {
  content: "（" counter(i) "）";
  color: #333;
  font-weight: bold;
  counter-increment: i;
  display: inline-block;
  margin-right: -2.5em;
  position: absolute;
  right: 100%;
  text-decoration: none;
  white-space: nowrap;
}

ol.list-typeParenthesis.text-sizeSmall li + li {
  margin: 8px 0 0 0;
}

ol.list-typeParenthesis.text-sizeMedium li {
  font-size: 1.6rem;
}

ol.list-typeParenthesis.text-sizeMedium li + li {
  margin: 5px 0 0 0;
}

ol.list-typeParenthesisOneside {
  counter-reset: i;
  list-style-type: none;
  padding-left: 0;
}

ol.list-typeParenthesisOneside li {
  font-size: 1.4rem;
  line-height: 1.75;
  padding-left: 3em;
  position: relative;
}

ol.list-typeParenthesisOneside li:before {
  content: counter(i) "）";
  color: #333;
  font-weight: bold;
  counter-increment: i;
  display: inline-block;
  margin-right: -2.5em;
  position: absolute;
  right: 100%;
  text-decoration: none;
  white-space: nowrap;
}

ol.list-typeParenthesisOneside.text-sizeSmall li + li {
  margin: 8px 0 0 0;
}

ol.list-typeParenthesisOneside.text-sizeMedium li {
  font-size: 1.6rem;
}

ol.list-typeParenthesisOneside.text-sizeMedium li + li {
  margin: 5px 0 0 0;
}

ol.list-typeRomanLower {
  counter-reset: i;
  padding-left: 22px;
}

ol.list-typeRomanLower li {
  padding-left: 14px;
  list-style: lower-roman;
  font-size: 1.4rem;
  line-height: 1.5;
}

ol.list-typeRomanLower.text-sizeSmall li + li {
  margin: 8px 0 0 0;
}

ol.list-typeRomanLower.text-sizeMedium li {
  font-size: 1.6rem;
}

ol.list-typeRomanLower.text-sizeMedium li + li {
  margin: 5px 0 0 0;
}

ol.list-typeUpper {
  counter-reset: i;
  padding-left: 22px;
}

ol.list-typeUpper li {
  padding-left: 14px;
  list-style: upper-roman;
  font-size: 1.4rem;
  line-height: 1.5;
}

ol.list-typeUpper.text-sizeSmall li + li {
  margin: 8px 0 0 0;
}

ol.list-typeUpper.text-sizeMedium li {
  font-size: 1.6rem;
}

ol.list-typeUpper.text-sizeMedium li + li {
  margin: 5px 0 0 0;
}

ul.list-lineTypeDotted li {
  border-bottom: 1px dotted #999;
  padding-top: 20px;
  padding-bottom: 20px;
}

ul.list-lineTypeDotted li li {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
}

ul.list-lineTypeDotted li ol.list-typeParenthesis li {
  padding-left: 3em;
}

ul.list-arrow li {
  display: inline-block;
  margin: 0 0 10px 0;
}

ul.list-typeKomejirushi {
  font-size: 1.6rem;
  line-height: 1.88;
}

ul.list-typeKomejirushi > * {
  padding-left: 1em;
  position: relative;
}

ul.list-typeKomejirushi > *:before {
  color: #333;
  content: "※";
  position: absolute;
  margin-right: -15px;
  right: 100%;
}

ul.list-typeKomejirushi.text-sizeSmall {
  font-size: 1.4rem;
  line-height: 1.71;
}

ul.list-typeKomejirushi.text-sizeSmall > * {
  margin-bottom: 8px;
}

ul.list-typeKomejirushi.text-sizeSmall > *:last-child {
  margin-bottom: 0;
}

ul.list-typeKomejirushi.text-sizeMedium > * {
  margin-bottom: 5px;
}

ul.list-typeKomejirushi.text-sizeMedium > *:last-child {
  margin-bottom: 0;
}

ol.list-typeKomejirushi {
  counter-reset: i;
  padding-left: 20px;
}

ol.list-typeKomejirushi li {
  padding-left: 16px;
  list-style-type: decimal;
  font-size: 1.4rem;
  line-height: 1.5;
}

ol.list-typeKomejirushi li:before {
  color: #333;
  content: "※";
  position: absolute;
  margin-right: -11px;
  right: 100%;
}

ol.list-typeKomejirushi.text-sizeSmall li + li {
  margin: 8px 0 0 0;
}

ol.list-typeKomejirushi.text-sizeMedium li {
  font-size: 1.6rem;
}

ol.list-typeKomejirushi.text-sizeMedium li + li {
  margin: 5px 0 0 0;
}

table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 1.4rem;
}

table th {
  padding: 15px 20px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f4f4f4;
  text-align: left;
  font-weight: bold;
}

table th + th,
table th + td {
  border-left: 1px solid #ddd;
}

table th,
table td {
  padding: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

table td + td {
  border-left: 1px solid #ddd;
}

table th._bold,
table td._bold,
[class^="table-"] th._bold,
[class^="table-"] td._bold,
[class*=" table-"] th._bold,
[class*=" table-"] td._bold {
  font-weight: bold;
}

table th._normal,
table td._normal,
[class^="table-"] th._normal,
[class^="table-"] td._normal,
[class*=" table-"] th._normal,
[class*=" table-"] td._normal {
  font-weight: normal;
}

table th._left,
table td._left,
[class^="table-"] th._left,
[class^="table-"] td._left,
[class*=" table-"] th._left,
[class*=" table-"] td._left {
  text-align: left;
}

table th._center,
table td._center,
[class^="table-"] th._center,
[class^="table-"] td._center,
[class*=" table-"] th._center,
[class*=" table-"] td._center {
  text-align: center;
}

table th._right,
table td._right,
[class^="table-"] th._right,
[class^="table-"] td._right,
[class*=" table-"] th._right,
[class*=" table-"] td._right {
  text-align: right;
}

table th._nowrap,
table td._nowrap,
[class^="table-"] th._nowrap,
[class^="table-"] td._nowrap,
[class*=" table-"] th._nowrap,
[class*=" table-"] td._nowrap {
  white-space: nowrap;
}

table th._width-10,
table td._width-10,
[class^="table-"] th._width-10,
[class^="table-"] td._width-10,
[class*=" table-"] th._width-10,
[class*=" table-"] td._width-10 {
  width: 10%;
}

table th._width-15,
table td._width-15,
[class^="table-"] th._width-15,
[class^="table-"] td._width-15,
[class*=" table-"] th._width-15,
[class*=" table-"] td._width-15 {
  width: 15%;
}

table th._width-20,
table td._width-20,
[class^="table-"] th._width-20,
[class^="table-"] td._width-20,
[class*=" table-"] th._width-20,
[class*=" table-"] td._width-20 {
  width: 20%;
}

table th._width-25,
table td._width-25,
[class^="table-"] th._width-25,
[class^="table-"] td._width-25,
[class*=" table-"] th._width-25,
[class*=" table-"] td._width-25 {
  width: 25%;
}

table th._width-30,
table td._width-30,
[class^="table-"] th._width-30,
[class^="table-"] td._width-30,
[class*=" table-"] th._width-30,
[class*=" table-"] td._width-30 {
  width: 30%;
}

table th._width-35,
table td._width-35,
[class^="table-"] th._width-35,
[class^="table-"] td._width-35,
[class*=" table-"] th._width-35,
[class*=" table-"] td._width-35 {
  width: 35%;
}

table th._width-40,
table td._width-40,
[class^="table-"] th._width-40,
[class^="table-"] td._width-40,
[class*=" table-"] th._width-40,
[class*=" table-"] td._width-40 {
  width: 40%;
}

table th._width-45,
table td._width-45,
[class^="table-"] th._width-45,
[class^="table-"] td._width-45,
[class*=" table-"] th._width-45,
[class*=" table-"] td._width-45 {
  width: 45%;
}

table th._width-50,
table td._width-50,
[class^="table-"] th._width-50,
[class^="table-"] td._width-50,
[class*=" table-"] th._width-50,
[class*=" table-"] td._width-50 {
  width: 50%;
}

table th._width-55,
table td._width-55,
[class^="table-"] th._width-55,
[class^="table-"] td._width-55,
[class*=" table-"] th._width-55,
[class*=" table-"] td._width-55 {
  width: 55%;
}

table th._width-60,
table td._width-60,
[class^="table-"] th._width-60,
[class^="table-"] td._width-60,
[class*=" table-"] th._width-60,
[class*=" table-"] td._width-60 {
  width: 60%;
}

table th._width-65,
table td._width-65,
[class^="table-"] th._width-65,
[class^="table-"] td._width-65,
[class*=" table-"] th._width-65,
[class*=" table-"] td._width-65 {
  width: 65%;
}

table th._width-70,
table td._width-70,
[class^="table-"] th._width-70,
[class^="table-"] td._width-70,
[class*=" table-"] th._width-70,
[class*=" table-"] td._width-70 {
  width: 70%;
}

table th._width-75,
table td._width-75,
[class^="table-"] th._width-75,
[class^="table-"] td._width-75,
[class*=" table-"] th._width-75,
[class*=" table-"] td._width-75 {
  width: 75%;
}

table th._width-80,
table td._width-80,
[class^="table-"] th._width-80,
[class^="table-"] td._width-80,
[class*=" table-"] th._width-80,
[class*=" table-"] td._width-80 {
  width: 80%;
}

table th._width-85,
table td._width-85,
[class^="table-"] th._width-85,
[class^="table-"] td._width-85,
[class*=" table-"] th._width-85,
[class*=" table-"] td._width-85 {
  width: 85%;
}

table th._width-90,
table td._width-90,
[class^="table-"] th._width-90,
[class^="table-"] td._width-90,
[class*=" table-"] th._width-90,
[class*=" table-"] td._width-90 {
  width: 90%;
}

dl.table-formConfirmation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.4rem;
  border-bottom: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
  dl.table-formConfirmation {
    display: block;
  }
}

dl.table-formConfirmation dt {
  font-weight: bold;
  width: 203px;
  padding: 15px 20px;
  background: #f4f4f4;
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
  dl.table-formConfirmation dt {
    width: 100%;
    border-right: 1px solid #ddd;
  }
}

dl.table-formConfirmation dd {
  width: calc(100% - 203px);
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
  dl.table-formConfirmation dd {
    width: 100%;
    border-left: 1px solid #ddd;
  }
}

[class^="bg-"] {
  overflow: hidden;
}

[class^="bg-"] .heading-h3 {
  margin: 20px 0 10px 0;
}

.bg-white {
  background: #fff;
  padding: 20px;
}

.bg-grayLight {
  background: #f4f4f4;
  padding: 20px;
}

.bg-grayMedium {
  background: #eee;
  padding: 10px;
}

.bg-blueLight {
  background: #deecf8;
  padding: 20px;
}

.l-googleMap {
  width: 800px;
  height: 240px;
  clear: both;
  background-color: #f0ede5;
}

@media only screen and (max-width: 767px) {
  .l-googleMap {
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden;
    margin: 0;
  }
}

.l-youTube {
  position: relative;
  width: 560px;
  height: 315px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-youTube {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
}

.l-youTube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

hr.hr-typesolid {
  border-top: 1px solid #999;
  margin: 30px 0;
}

@media only screen and (max-width: 767px) {
  hr.hr-typesolid {
    margin: 10px 0;
  }
  #l-globalKnowledge hr.hr-typesolid {
    margin: 10px -15px;
  }
}

hr.hr-typeDotted {
  border-top: 1px dotted #999;
  margin: 30px 0;
}

@media only screen and (max-width: 767px) {
  hr.hr-typeDotted {
    margin: 10px 0;
  }
  #l-globalKnowledge hr.hr-typeDotted {
    margin: 15px -15px;
  }
}

hr.hr-typeInverse {
  border-top: 1px dotted #fff;
  margin: 30px 0;
}

@media only screen and (max-width: 767px) {
  hr.hr-typeInverse {
    margin: 10px 0;
  }
  #l-globalKnowledge hr.hr-typeInverse {
    margin: 10px -15px;
  }
}

@media only screen and (max-width: 767px) {
  .l-scrollRWD {
    overflow-x: auto;
  }
  .l-scrollRWD table {
    width: 100%;
  }
  .l-scrollRWD table th,
  .l-scrollRWD table td {
    white-space: nowrap;
  }
  .l-scrollRWD::-webkit-scrollbar {
    height: 5px;
  }
  .l-scrollRWD::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .l-scrollRWD::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}

ul.list-grid-2 {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}

ul.list-grid-2 li {
  width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 16px;
}

ul.list-grid-2 li:nth-last-child(1), ul.list-grid-2 li:nth-last-child(2) {
  margin-bottom: 0;
}

.color-gray i {
  font-size: 24px;
}

.color-gray i:before {
  color: #666;
}

figure.figure-caption {
  width: 100%;
  margin: 0;
}

figure.figure-caption figcaption {
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  figure.figure-caption img {
    width: 100%;
  }
}

figure.figure-caption img + figcaption {
  margin: 10px 0 0 0;
}

figure.figure-caption figcaption + img {
  margin: 10px 0 0 0;
}

.width-70 {
  width: 70%;
  margin: auto auto;
}

.l-bgImage {
  height: 290px;
  padding: 10px;
  position: relative;
  margin: 0 0 20px 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .l-bgImage {
    width: 100%;
    padding: 0;
    height: auto;
  }
}

.l-bgImage ._image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .l-bgImage ._image {
    position: static;
    height: auto;
  }
}

.l-bgImage ._image:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.l-bgImage ._image img {
  width: 100%;
  height: 290px;
  object-fit: cover;
}

.l-bgImage ._title {
  position: absolute;
  top: 72px;
  width: calc(100% - 20px);
  text-align: center;
}

.l-bgImage ._title p {
  letter-spacing: 5px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #FFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.l-bgImage ._btn {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 20px);
}

@media only screen and (max-width: 767px) {
  .l-bgImage ._btn {
    left: 10px;
  }
}

.l-bgImage ._btn p a {
  margin: 0;
  width: 100%;
}

.l-bgImage ._btn p + p {
  margin: 5px 0 0 0;
}

.l-bgImage ._btn .width-50 {
  display: flex;
  flex-wrap: wrap;
  margin: 5px -2.5px 0 -2.5px;
}

.l-bgImage ._btn .width-50 p {
  width: 50%;
  padding: 0 2.5px;
}

.l-bgImage ._btn .width-50 p + p {
  margin: 0;
}

.l-bgImageB {
  height: 100px;
  padding: 10px;
  position: relative;
  margin: 0 0 20px 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .l-bgImageB {
    width: 100%;
    padding: 0;
    height: auto;
  }
}

.l-bgImageB ._image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .l-bgImageB ._image {
    position: static;
    height: auto;
  }
}

.l-bgImageB ._image:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.l-bgImageB ._image img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.l-bgImageB ._title {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100% - 20px);
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .l-bgImageB ._title {
    left: 10px;
  }
}

.l-bgImageB ._title p {
  letter-spacing: 5px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #FFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.fxb-col-6:nth-last-child(1) .l-bgImage, .fxb-col-6:nth-last-child(2) .l-bgImage {
  margin: 0;
}

.fxb-col-4:nth-last-child(1) .l-bgImage, .fxb-col-4:nth-last-child(2) .l-bgImage, .fxb-col-4:nth-last-child(3) .l-bgImage {
  margin: 0;
}

a.l-bgImageFilterA {
  display: block;
  text-decoration: none !important;
  margin: 0 0 20px 0;
}

a.l-bgImageFilterA ._image {
  background-size: cover;
  background-position: 50% 50%;
}

a.l-bgImageFilterA ._image > ._content {
  background-color: rgba(5, 26, 56, 0.6);
  padding: 20px 10px 10px;
  transition: all .3s;
}

a.l-bgImageFilterA ._image > ._content > ._title {
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  a.l-bgImageFilterA ._image > ._content > ._title {
    height: auto !important;
  }
}

a.l-bgImageFilterA ._image > ._content > ._title p {
  letter-spacing: 5px;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: bold;
  color: #FFF;
}

a.l-bgImageFilterA ._image > ._content > ._outline {
  padding: 0 15px;
  margin: 20px 0 0 0;
}

@media only screen and (max-width: 767px) {
  a.l-bgImageFilterA ._image > ._content > ._outline {
    height: auto !important;
  }
}

a.l-bgImageFilterA ._image > ._content > ._outline ul {
  color: #FFF;
  line-height: 1.5;
}

a.l-bgImageFilterA ._image > ._content > ._outline ul li {
  margin-bottom: 20px;
}

a.l-bgImageFilterA ._image > ._content > ._outline ul li:before {
  color: #FFF;
}

a.l-bgImageFilterA ._image > ._content > ._outline ul li:last-child {
  margin-bottom: 0;
}

a.l-bgImageFilterA ._image > ._content > ._btn {
  max-width: 470px;
  width: 100%;
  margin: 20px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  a.l-bgImageFilterA ._image > ._content > ._btn {
    max-width: 100%;
  }
}

a.l-bgImageFilterA ._image > ._content > ._btn .btn-inverse {
  display: block;
  max-width: 100%;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  border: solid 1px #fff;
  padding: 15px 20px;
  position: relative;
}

a.l-bgImageFilterA ._image > ._content > ._btn .btn-inverse:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

a.l-bgImageFilterA:hover ._content {
  background-color: rgba(5, 26, 56, 0.3);
}

a.l-bgImageFilterB {
  display: block;
  min-height: 248px;
  text-decoration: none !important;
}

a.l-bgImageFilterB > .image {
  background-size: cover;
  background-position: 50% 50%;
}

a.l-bgImageFilterB > .image > ._content {
  background-color: rgba(5, 26, 56, 0.6);
  padding: 20px 10px 10px;
  transition: all .3s;
}

a.l-bgImageFilterB > .image > ._content > ._title {
  padding: 0 15px;
}

a.l-bgImageFilterB > .image > ._content > ._title p {
  letter-spacing: 5px;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: bold;
  color: #FFF;
}

a.l-bgImageFilterB > .image > ._content > ._outline {
  padding: 0 15px;
  margin: 20px 0 0 0;
}

a.l-bgImageFilterB > .image > ._content > ._outline ul {
  color: #FFF;
  line-height: 1.5;
}

a.l-bgImageFilterB > .image > ._content > ._outline ul li {
  margin-bottom: 20px;
}

a.l-bgImageFilterB > .image > ._content > ._outline ul li:before {
  color: #FFF;
}

a.l-bgImageFilterB > .image > ._content > ._outline ul li:last-child {
  margin-bottom: 0;
}

a.l-bgImageFilterB > .image > ._content > ._btn {
  max-width: 470px;
  width: 100%;
  margin: 20px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  a.l-bgImageFilterB > .image > ._content > ._btn {
    max-width: 100%;
  }
}

a.l-bgImageFilterB > .image > ._content > ._btn .btn-inverse {
  display: block;
  max-width: 100%;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  border: solid 1px #fff;
  padding: 15px 20px;
  position: relative;
}

a.l-bgImageFilterB > .image > ._content > ._btn .btn-inverse:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

a.l-bgImageFilterB:hover ._content {
  background-color: rgba(5, 26, 56, 0.3);
}

.l-bgImageFilterC {
  display: block;
  min-height: 198px;
}

.l-bgImageFilterC > .image {
  background-size: cover;
  background-position: 50% 50%;
}

.l-bgImageFilterC > .image > ._content {
  padding: 30px 15px 15px;
}

.l-bgImageFilterC > .image > ._content > ._title {
  text-align: center;
}

.l-bgImageFilterC > .image > ._content > ._title p {
  letter-spacing: 5px;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: bold;
  color: #FFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.l-bgImageFilterC > .image > ._content > ._title p span {
  display: block;
  font-size: 2.0rem;
  font-weight: normal;
}

.l-bgImageFilterC > .image > ._content > ._title a {
  color: #FFF;
  text-decoration: none !important;
}

.l-bgImageFilterC > .image > ._content > ._outline {
  margin: 20px 0 0 0;
}

.l-bgImageFilterC > .image > ._content > ._outline .fxb-row {
  margin: 0 -5px;
}

.l-bgImageFilterC > .image > ._content > ._outline .fxb-row [class^="fxb-col-"] {
  padding: 0 5px;
}

@media only screen and (max-width: 767px) {
  .l-bgImageFilterC > .image > ._content > ._outline .fxb-row [class^="fxb-col-"]:last-child {
    margin: 0;
  }
}

.l-bgImageFilterC > .image > ._content > ._outline .fxb-row [class^="fxb-col-"] a.btn-displayBlock {
  margin: 10px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-bgImageFilterC > .image > ._content > ._outline .fxb-row [class^="fxb-col-"] a.btn-displayBlock {
    margin: 0;
  }
}

.l-bgImageFilterC > .image > ._content > ._btn {
  max-width: 470px;
  width: 100%;
  margin: 20px auto 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-bgImageFilterC > .image > ._content > ._btn {
    max-width: 100%;
  }
}

.l-bgImageFilterC > .image > ._content > ._btn .btn-inverse {
  display: block;
  max-width: 100%;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  border: solid 1px #fff;
  padding: 15px 20px;
  position: relative;
}

.l-bgImageFilterC > .image > ._content > ._btn .btn-inverse:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

.l-floatImgMg20 {
  display: flex;
}

.l-floatImgMg20 ._image {
  flex-shrink: 0;
  margin: 0 20px 20px 0;
}

.l-floatImgMg20 ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
}

.l-floatImgMg20 ._content .outline {
  margin: 16px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgMg20 ._content .outline {
    margin: 10px 0 0 0;
  }
}

.l-floatImgRightMg20 {
  display: flex;
}

.l-floatImgRightMg20 ._content {
  width: 100%;
  order: 1;
  margin: 0 20px 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgRightMg20 ._content {
    margin: 0 20px 20px 0;
  }
}

.l-floatImgRightMg20 ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
}

.l-floatImgRightMg20 ._content .outline {
  margin: 16px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgRightMg20 ._content .outline {
    margin: 10px 0 0 0;
  }
}

.l-floatImgRightMg20 ._image {
  order: 2;
  flex-shrink: 0;
  text-align: center;
}

.l-floatImgMg35 {
  display: flex;
  padding: 20px 0;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
}

.l-floatImgMg35 ._image {
  flex-shrink: 0;
  margin: 0 35px 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgMg35 ._image {
    margin: 0 20px 20px 0;
    text-align: center;
  }
}

.l-floatImgMg35 ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
}

.l-floatImgMg35 ._content .outline {
  margin: 16px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgMg35 ._content .outline {
    margin: 10px 0 0 0;
  }
}

.l-floatImgMg35 ._content a.btn-displayBlock {
  width: 235px;
}

@media only screen and (max-width: 767px) {
  .l-floatImgMg35 ._content a.btn-displayBlock {
    width: 100%;
    margin: 0;
  }
}

.l-floatImgMg35 + .l-floatImgMg35 {
  border-top: none;
}

.l-floatImgMg40 {
  display: flex;
}

.l-floatImgMg40 ._image {
  flex-shrink: 0;
  margin: 0 40px 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgMg40 ._image {
    width: 120px;
    float: left;
    margin: 0 20px 20px 0;
    text-align: center;
  }
}

.l-floatImgMg40 ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
}

.l-floatImgMg40 ._content .outline {
  margin: 16px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgMg40 ._content .outline {
    margin: 10px 0 0 0;
  }
}

.l-floatImgRightMg40 {
  display: flex;
  justify-content: space-between;
}

.l-floatImgRightMg40 ._content {
  margin: 0 40px 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgRightMg40 ._content {
    margin: 0 20px 20px 0;
  }
}

.l-floatImgRightMg40 ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
}

.l-floatImgRightMg40 ._content .outline {
  margin: 16px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgRightMg40 ._content .outline {
    margin: 10px 0 0 0;
  }
}

.l-floatImgRightMg40 ._image {
  flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgRightMg40 ._image {
    width: 120px;
    text-align: center;
  }
}

.l-floatImgRightMg30 {
  display: flex;
  justify-content: space-between;
}

.l-floatImgRightMg30 ._content {
  order: 1;
  margin: 0 30px 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgRightMg30 ._content {
    margin: 0 20px 20px 0;
  }
}

.l-floatImgRightMg30 ._content ._title {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
}

.l-floatImgRightMg30 ._content .outline {
  margin: 16px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImgRightMg30 ._content .outline {
    margin: 10px 0 0 0;
  }
}

.l-floatImgRightMg30 ._image {
  order: 2;
  flex-shrink: 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .l-floatImgMg35 ._image,
  .l-floatImgMg40 ._image,
  .l-floatImgRightMg20 ._image,
  .l-floatImgRightMg30 ._image,
  .l-floatImgRightMg35 ._image,
  .l-floatImgRightMg40 ._image {
    width: 30%;
  }
}

.figure-floatRightMg60 {
  width: 205px;
  float: right;
  margin: 0 0 60px 60px;
}

@media only screen and (max-width: 767px) {
  .figure-floatRightMg60 {
    margin: 0 0 20px 20px;
  }
}

.figure-floatRightMg60 figcaption {
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: left;
  margin-top: 10px;
}

.figure-floatLeftMg20 {
  float: left;
  margin: 0 20px 20px 0;
}

.figure-floatRightMg20 {
  float: right;
  margin: 0 0 20px 20px;
}

@media only screen and (max-width: 767px) {
  .figure-floatRightMg60,
  .figure-floatLeftMg20,
  .figure-floatRightMg20 {
    width: 30%;
  }
  .figure-floatRightMg60 img,
  .figure-floatLeftMg20 img,
  .figure-floatRightMg20 img {
    width: 100%;
    height: auto;
  }
}

/* .l-floatImg-flex
-------------------------------------*/
.l-floatImg-flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImg-flex {
    display: block;
  }
}

.l-floatImg-flex.reverse {
  flex-direction: row-reverse;
}

.bg-blueLight > .l-floatImg-flex {
  margin: 0;
}

.l-floatImg-flex ._title {
  font-weight: bold;
  margin-bottom: 15px;
}

.l-floatImg-flex ._image {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .l-floatImg-flex ._image {
    margin: 20px 0;
    width: 100%;
  }
}

.l-floatImg-flex ._image img {
  height: auto;
  width: auto;
  max-width: none;
  max-height: none;
}
@media only screen and (max-width: 767px) {
  max-width: 100%;
}

.l-floatImg-flex ._content {
  padding: 0 0 0 40px;
}

.l-floatImg-flex.reverse ._content {
  padding: 0 40px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-floatImg-flex ._content,
   .l-floatImg-flex.reverse ._content {
     padding: 0;
   }
  .l-floatImg-flex ._content {
    width: 100%;
  }
}

dl.l-dialogue {
  font-size: 1.6rem;
  line-height: 1.88;
}

dl.l-dialogue dt {
  font-weight: bold;
}

dl.l-dialogue dt:after {
  content: "：";
}

dl.l-dialogue dd._q {
  font-weight: bold;
  margin: 0 0 20px 0;
}

dl.l-dialogue + dl.l-dialogue {
  margin: 60px 0 0 0;
}

.l-indexNav {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .l-indexNav {
    display: block;
  }
}

.l-indexNav ._image {
  width: 235px;
  margin: 0 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-indexNav ._image {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.l-indexNav ._image img {
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .l-indexNav ._image img {
    width: 80%;
    height: auto;
    margin: 0 auto 20px auto;
  }
}

.l-indexNav ._content {
  width: calc(100% - 235px - 30px);
}

@media only screen and (max-width: 767px) {
  .l-indexNav ._content {
    width: 100%;
  }
}

.l-indexNav ._content + ._content {
  margin: 0 0 0 25px;
}

@media only screen and (max-width: 767px) {
  .l-indexNav ._content + ._content {
    margin: 20px 0 0 0;
  }
}

.l-indexNav .wrap-indexNav ul.l-indexNav2nd {
  border-bottom: dotted 1px #999;
  margin: 0 0 10px 0;
  padding: 0 0 0 16px;
}

.l-indexNav .wrap-indexNav ul.l-indexNav2nd li a {
  font-size: 1.6rem;
  display: block;
  padding: 0 0 10px 0;
}

.l-indexNav .wrap-indexNav ul.l-indexNav3rd {
  font-size: 1.6rem;
  line-height: 1.88;
}

.l-indexNav .wrap-indexNav ul.l-indexNav3rd li {
  padding-left: 36px;
  position: relative;
}

.l-indexNav .wrap-indexNav ul.l-indexNav3rd li:before {
  color: #333;
  content: "•";
  position: absolute;
  margin-right: -11px;
  right: 100%;
}

.l-indexNav .wrap-indexNav ul.l-indexNav3rd > * {
  margin-bottom: 5px;
}

.l-indexNav .wrap-indexNav ul.l-indexNav3rd > *:last-child {
  margin-bottom: 0;
}

.l-indexNav .wrap-indexNav ul.l-indexNav4th {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 10px 0 0 0;
}

.l-indexNav .wrap-indexNav ul.l-indexNav4th li {
  padding-left: 10px;
}

.l-indexNav .wrap-indexNav ul.l-indexNav4th li:before {
  content: "";
}

.l-indexNav .wrap-indexNav ul.l-indexNav4th > * {
  margin-bottom: 12px;
}

.l-indexNav .wrap-indexNav ul.l-indexNav4th > *:last-child {
  margin-bottom: 0;
}

.l-indexNav .wrap-indexNav + .wrap-indexNav {
  margin: 30px 0 0 0;
}

.l-section {
  display: flex;
  margin: 0 -10px;
}

@media only screen and (max-width: 767px) {
  .l-section {
    display: block;
  }
}

.l-section .l-col-xs-6 {
  padding: 0 10px;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .l-section .l-col-xs-6 {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.img-boder {
  border: solid 1px #ccc;
}

ul.l-tableSet {
  width: 100%;
  border-top: 2px solid #333;
}

ul.l-tableSet li {
  border-bottom: 1px dotted #999;
}

@media only screen and (max-width: 767px) {
  ul.l-tableSet li {
    margin: 10px 0;
    border-bottom: none;
  }
}
ul.l-tableSet li * {
  border-bottom: none;
}

ul.l-tableSet li dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  ul.l-tableSet li dl {
    display: block;
  }
}

ul.l-tableSet li dl dt {
  width: 237px;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  ul.l-tableSet li dl dt {
    width: auto;
    padding: 0;
    border-bottom: solid 1px #333;
  }
}

ul.l-tableSet li dl dd {
  width: calc(100% - 237px);
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  ul.l-tableSet li dl dd {
    width: auto;
    padding: 10px 0;
  }
}

.n-tableSet {
  display: table;
  border-collapse: collapse;
  font-size: 1.6rem;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .n-tableSet {
    font-size: 1.4rem;
  }
}

.n-tableSet > dl {
  display: table-row;
}

.n-tableSet > dl > dt,
.n-tableSet > dl > dd {
  display: table-cell;
  vertical-align: top;
}

.n-tableSet > dl > dt {
  white-space: nowrap;
  padding: 0 0 10px;
}

.n-tableSet > dl > dd {
  padding: 0 0 10px 1em;
}

ul.l-globalAffiliatedCompany {
  border: solid #333;
  border-width: 2px 0 0;
  margin-top: -1px;
  width: 100%;
}

ul.l-globalAffiliatedCompany.btm-border {
  border-bottom-width: 2px;
}

ul.l-globalAffiliatedCompany.btm-border > li:last-child {
  border-bottom: none;
}

ul.l-globalAffiliatedCompany li {
  border-bottom: 1px dotted #999;
}

ul.l-globalAffiliatedCompany li * {
  border-bottom: none;
}

ul.l-globalAffiliatedCompany li dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

ul.l-globalAffiliatedCompany li dl dt {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  font-weight: bold;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
  width: 237px;
}

@media only screen and (max-width: 767px) {
  ul.l-globalAffiliatedCompany li dl dt {
    width: 110px;
    padding: 20px 10px;
  }
}

ul.l-globalAffiliatedCompany li dl dd {
  width: calc(100% - 237px);
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  ul.l-globalAffiliatedCompany li dl dd {
    width: calc(100% - 110px);
  }
}

.space-m-0 {
  margin: 0 !important;
}

.space-mt-m10 {
  margin-top: -10px !important;
}

.space-mt-m20 {
  margin-top: -20px !important;
}

.space-mt-m30 {
  margin-top: -30px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-m30 {
    margin-top: -20px !important;
  }
}

.space-mt-m40 {
  margin-top: -40px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-m40 {
    margin-top: -20px !important;
  }
}

.space-mt-m50 {
  margin-top: -50px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-m50 {
    margin-top: -40px !important;
  }
}

.space-mt-m60 {
  margin-top: -60px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-m60 {
    margin-top: -40px !important;
  }
}

.space-mt-m80 {
  margin-top: -80px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-m80 {
    margin-top: -40px !important;
  }
}

.space-mt-m120 {
  margin-top: -120px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-m120 {
    margin-top: -60px !important;
  }
}

.space-mt-10 {
  margin-top: 10px !important;
}

.space-mt-20 {
  margin-top: 20px !important;
}

.space-mt-30 {
  margin-top: 30px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-30 {
    margin-top: 20px !important;
  }
}

.space-mt-40 {
  margin-top: 40px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-40 {
    margin-top: 20px !important;
  }
}

.space-mt-50 {
  margin-top: 50px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-50 {
    margin-top: 40px !important;
  }
}

.space-mt-60 {
  margin-top: 60px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-60 {
    margin-top: 40px !important;
  }
}

.space-mt-80 {
  margin-top: 80px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-80 {
    margin-top: 40px !important;
  }
}

.space-mt-120 {
  margin-top: 120px !important;
}

@media only screen and (max-width: 767px) {
  .space-mt-120 {
    margin-top: 60px !important;
  }
}

.space-mb-m10 {
  margin-bottom: -10px !important;
}

.space-mb-m20 {
  margin-bottom: -20px !important;
}

.space-mb-m30 {
  margin-bottom: -30px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-m30 {
    margin-bottom: -20px !important;
  }
}

.space-mb-m40 {
  margin-bottom: -40px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-m40 {
    margin-bottom: -20px !important;
  }
}

.space-mb-m50 {
  margin-bottom: -50px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-m50 {
    margin-bottom: -40px !important;
  }
}

.space-mb-m60 {
  margin-bottom: -60px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-m60 {
    margin-bottom: -40px !important;
  }
}

.space-mb-m80 {
  margin-bottom: -80px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-m80 {
    margin-bottom: -40px !important;
  }
}

.space-mb-m120 {
  margin-bottom: -120px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-m120 {
    margin-bottom: -60px !important;
  }
}

.space-mb-10 {
  margin-bottom: 10px !important;
}

.space-mb-20 {
  margin-bottom: 20px !important;
}

.space-mb-30 {
  margin-bottom: 30px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-30 {
    margin-bottom: 20px !important;
  }
}

.space-mb-40 {
  margin-bottom: 40px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-40 {
    margin-bottom: 20px !important;
  }
}

.space-mb-50 {
  margin-bottom: 50px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-50 {
    margin-bottom: 40px !important;
  }
}

.space-mb-60 {
  margin-bottom: 60px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-60 {
    margin-bottom: 40px !important;
  }
}

.space-mb-80 {
  margin-bottom: 80px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-80 {
    margin-bottom: 40px !important;
  }
}

.space-mb-120 {
  margin-bottom: 120px !important;
}

@media only screen and (max-width: 767px) {
  .space-mb-120 {
    margin-bottom: 60px !important;
  }
}

.space-ml-10 {
  margin-left: 10px !important;
}

@media only screen and (max-width: 767px) {
  .space-ml-10 {
    margin-left: 0 !important;
  }
}

.space-ml-5 {
  margin-left: 5px !important;
}

@media only screen and (max-width: 767px) {
  .space-ml-5 {
    margin-left: 0 !important;
  }
}

.space-mr-10 {
  margin-right: 10px !important;
}

@media only screen and (max-width: 767px) {
  .space-mr-10 {
    margin-right: 0 !important;
  }
}

.space-mr-5 {
  margin-right: 5px !important;
}

@media only screen and (max-width: 767px) {
  .space-mr-5 {
    margin-right: 0 !important;
  }
}

.visible-xs {
  display: none;
}

@media only screen and (max-width: 767px) {
  .visible-xs {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}

a.link-arrowExternal {
  display: inline-block;
  margin: 0 10px 0 0;
  padding-left: 15px;
}

a.link-arrowExternal:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 8px;
  color: #231815;
  margin: 0 10px 0 -15px;
}

a.link-arrowExternal:after {
  content: "";
  background: url(../images/icon-external.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 9px;
  margin: 0 0 0 11px;
}

.heading-globalKowledge {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .heading-globalKowledge {
    font-size: 1.4rem;
    margin: 0 0 10px 0;
  }
}

[class^="heading-"] {
  color: #000;
  font-weight: bold;
}

.heading-h1 {
  margin: 0;
  padding: 0;
  font-size: 2.8rem;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .heading-h1 {
    font-size: 1.8rem;
  }
}

.l-titleGeneralImg.is-img .heading-h1 {
  margin: 0;
  padding: 0;
  font-size: 3.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneralImg.is-img .heading-h1,
  .l-titleJournalDetails.is-img .heading-h1 {
    font-size: 1.8rem;
  }
}

.heading-h2 {
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 0 0 0 32px;
  position: relative;
}

.heading-h2:before {
  content: "";
  background: url("../images/bg-heading-h2.png") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 8px;
}

@media only screen and (max-width: 767px) {
  .heading-h2 {
    font-size: 1.8rem;
  }
  .heading-h2:before {
    top: 4px;
  }
}

.theme-en .heading-h2:before {
  top: 5px;
}

.heading-h3 {
  font-size: 2.0rem;
  line-height: 1.67;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .heading-h3 {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.theme-en .heading-h3 {
  font-size: 1.8rem;
}

.heading-h4 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .heading-h4 {
    font-size: 1.4rem;
  }
}

.l-headingMore {
  border-top: 2px solid #333;
  position: relative;
}

.l-headingMore h2.heading-more {
  font-size: 1.6rem;
  margin: 22px 10px 40px 10px;
}

@media only screen and (max-width: 767px) {
  .l-headingMore h2.heading-more {
    margin: 10px 0 20px 0;
  }
}

.l-headingMore ._btn {
  position: absolute;
  top: 26px;
  right: 18px;
}

@media only screen and (max-width: 767px) {
  .l-headingMore ._btn {
    position: static;
    text-align: right;
    border-top: dotted 1px #999;
    padding: 10px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .l-headingMore [class^="fxb-col-"] {
    margin: 0 0 19px 0;
  }
}

h2.heading-contact {
  font-size: 1.8rem;
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  h2.heading-contact {
    font-size: 1.6rem;
  }
}

h2.heading-h2Center {
  font-size: 3.0rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  h2.heading-h2Center {
    font-size: 2.0rem;
    text-align: left;
  }
}

h2.heading-h2NRIPeople {
  width: 180px;
  margin: 0 auto 40px auto;
}

@media only screen and (max-width: 767px) {
  h2.heading-h2NRIPeople {
    margin: 0 auto 20px auto;
  }
}

h2.heading-h2NRIPeople > img {
  max-width: none;
  width: 100%;
}

h2.headline-souhatsu {
  font-size: 3.0rem;
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 5px 0;
}

@media only screen and (max-width: 767px) {
  h2.headline-souhatsu {
    font-size: 2.0rem;
    line-height: 1.6;
    margin: 0 0 17px 0;
  }
}

h2.headline-souhatsu span {
  display: block;
  font-size: 1.8rem;
  line-height: 2.6;
}

@media only screen and (max-width: 767px) {
  h2.headline-souhatsu span {
    font-size: 1.4rem;
    line-height: 1.43;
  }
}

.heading-h2-hasBg {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.heading-h2-hasBg ._title {
  align-items: center;
  bottom: 0;
  display: flex;
  font-size: 2.25em;
  font-weight: bold;
  justify-content: center;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .heading-h2-hasBg ._title {
    font-size: 2em;
  }
}

.heading-h2-hasBg ._bg {
  height: 150px;
  position: relative;
  z-index: 0;
}

@media all and (-ms-high-contrast:none){
  .heading-h2-hasBg ._bg {
    overflow: hidden;
  } /* IE10-11 */
}

.heading-h2-hasBg ._bg img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}

@media all and (-ms-high-contrast:none){
.heading-h2-hasBg ._bg img {
    height: auto;
    widfth: 100%;
    position: absolute;
  } /* IE10-11 */
}

.heading-category {
  font-size: 2.0rem;
  font-weight: normal;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .heading-category {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.heading-segment {
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .heading-segment {
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.heading-subTitle {
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .heading-subTitle {
    font-size: 1.4rem;
  }
}

.l-headingMorePeopleDetails {
  border-top: 2px solid #333;
  position: relative;
}

.l-headingMorePeopleDetails h2.heading-more {
  font-size: 1.6rem;
  margin: 22px 10px 40px 10px;
}

@media only screen and (max-width: 767px) {
  .l-headingMorePeopleDetails h2.heading-more {
    margin: 10px 0 20px 0;
  }
}

.l-headingMorePeopleDetails ._btn {
  position: absolute;
  top: 26px;
  right: 18px;
}

@media only screen and (max-width: 767px) {
  .l-headingMorePeopleDetails ._btn {
    position: static;
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .l-headingMorePeopleDetails [class^="fxb-col-"] {
    margin: 0 0 10px 0;
  }
}

.l-titleGeneralImg.is-img .heading-subTitle {
  line-height: 2;
  color: #FFF;
}

@media only screen and (max-width: 767px) {
  .l-titleGeneralImg.is-img .heading-subTitle,
  .l-titleJournalDetails.is-img .heading-subTitle {
    line-height: 1.5;
  }
}

.l-titleGeneralImg.is-img .heading-subTitle {
  font-weight: normal;
}

.l-main a[class^="btn-"]:not(.btn-acc):hover {
  text-decoration: none;
}

.l-main a[class^="btn-"]:not(.btn-acc).btn-colorBlue {
  color: #FFF;
  background: #005bac;
  border: solid 1px #005bac;
}

.l-main a[class^="btn-"]:not(.btn-acc).btn-colorBlue:before {
  color: #fff;
}

.l-main a[class^="btn-"]:not(.btn-acc).btn-colorBlue:hover {
  opacity: .8;
}

a.btn-acc:hover {
  text-decoration: none;
}

a.btn-accInverse:hover {
  text-decoration: none;
  background: none !important;
}

a.btn-sizeAuto {
  display: inline-block !important;
  min-height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px 20px;
  position: relative;
}

a.btn-sizeAuto:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-sizeAuto {
    display: block;
    padding: 15px 24px;
  }
  #l-globalKnowledge a.btn-sizeAuto {
    height: auto;
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
  }
}

a.btn-sizeAuto.text-sizeMedium {
  font-size: 1.6rem;
  line-height: 1.2;
}

a.btn-sizeAuto:hover {
  background: #F4F4F4;
}

a.btn-sizeSmall {
  display: block;
  min-height: 50px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #0c419a;
  border: solid 1px #ccc;
  padding: 15px 20px;
  position: relative;
}

a.btn-sizeSmall:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

a.btn-sizeSmall:hover {
  background: #F4F4F4;
}

a.btn-sizeMedium {
  display: block;
  width: 144px;
  height: 50px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #0c419a;
  border: solid 1px #ccc;
  padding: 15px 10px 15px 23px;
  position: relative;
}

a.btn-sizeMedium:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #l-globalKnowledge a.btn-sizeMedium {
    height: auto;
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
  }
}

a.btn-sizeMedium:hover {
  background: #F4F4F4;
}

a.btn-sizeLarge {
  display: block;
  width: 600px;
  height: 60px;
  font-size: 1.6rem;
  color: #0c419a;
  border: solid 1px #ccc;
  padding: 15px 10px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-sizeLarge {
    width: 100%;
  }
}

a.btn-sizeLarge:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

a.btn-sizeLarge.link-pdf:before,
a.btn-sizeLarge.link-excel:before,
a.btn-sizeLarge.link-word:before {
  left: 8px;
}

@media only screen and (max-width: 767px) {
  #l-globalKnowledge a.btn-sizeLarge {
    height: auto;
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
  }
}

.link-pdf.non-arrow,
.link-excel.non-arrow,
.link-word.non-arrow {
    padding: 0;
}

.link-pdf.non-arrow:before,
.link-excel.non-arrow:before,
.link-word.non-arrow:before {
    content: "" !important;
    display: none !important;
}

a.btn-sizeLarge:hover {
  background: #F4F4F4;
}

a.btn-sizeLarger {
  width: 100%;
  height: 100px;
  font-size: 1.6rem;
  color: #0c419a;
  border: solid 1px #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-sizeLarger {
    width: 100%;
  }
}

a.btn-sizeLarger:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #l-globalKnowledge a.btn-sizeLarger {
    height: auto;
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
  }
}

a.btn-sizeLarger:hover {
  background: #F4F4F4;
}

a.btn-tab {
  width: 135px;
  padding: 5px 5px;
  text-align: center;
  width: 100%;
  font-size: 1.4rem;
  color: #999;
  border-bottom: solid 2px #fff;
}

@media only screen and (max-width: 767px) {
  a.btn-tab {
    padding: 0 3px;
    width: 50%;
    font-size: 1.2rem;
  }
}

a.btn-tab:hover {
  color: #000;
  display: block;
  position: relative;
}

a.btn-tab:hover:after {
  content: "";
  width: calc(100% - 10px);
  height: 2px;
  background: #707070;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-tab:hover:after {
    width: calc(100% - 6px);
    bottom: -10px;
  }
}

a.btn-contact {
  display: inline-block;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  color: #000;
  border: solid 1px #ccc;
  background: #FFF;
  position: relative;
  min-width: 300px;
  padding: 18px 10px 18px 53px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  a.btn-contact {
    width: 100%;
    min-width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 10px 53px;
  }
}

.theme-generalMulti a.btn-contact {
  width: 224px;
}

@media only screen and (max-width: 767px) {
  .theme-generalMulti a.btn-contact {
    width: 100%;
    padding: 0;
  }
}

a.btn-contact:before {
  content: "";
  background: url("../images/icon-mail.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 25px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  margin: auto 10px auto 0;
}

a.btn-contact:hover {
  background: #F4F4F4;
}

button.btn-searchRefine {
  display: block;
  width: 151px;
  height: 50px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #005bac;
  font-family: 'Noto Sans Japanese', sans-serif !important;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px 35px 15px 58px;
  margin: 0 auto;
  position: relative;
}

button.btn-searchRefine:before {
  content: "\e909";
  font-family: "icomoon";
  font-weight: bold;
  font-size: 12px;
  height: 12px;
  color: #7f7f7f;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

button.btn-searchRefine:hover {
  background: #F4F4F4;
}

a.btn-inverseRWD {
  display: block;
  width: 153px;
  font-size: 1.4rem;
  color: #fff;
  background: #005bac;
  padding: 8px 7px 8px 20px;
  position: relative;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  a.btn-inverseRWD {
    width: 100%;
    height: 50px;
    font-size: 1.6rem;
    line-height: 2;
    color: #0c419a;
    text-align: center;
    border: solid 1px #ccc;
    background: #FFF;
    height: auto;
    min-width: auto !important;
    word-break: normal;
    width: 100%;
  }
  a.btn-inverseRWD:before {
    content: "\e904";
    font-family: "icomoon";
    font-weight: normal;
    color: #231814 !important;
    font-size: 10px;
    height: 10px;
    position: absolute;
    bottom: auto !important;
    left: 10px !important;
  }
  a.btn-inverseRWD:hover {
    opacity: 1;
    text-decoration: none;
  }
}

a.btn-inverseRWD:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 10px;
  height: 10px;
  line-height: 1;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 6px;
  margin: -5px auto auto;
}

a.btn-inverseRWD:hover {
  opacity: .8;
  background: #005bac;
}

a.btn-segmentTop {
  display: block;
  width: 639px;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  margin: 0 auto;
  padding: 15px;
  position: relative;
}

a.btn-segmentTop:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-segmentTop {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
  }
}

a.btn-segmentTop:hover {
  background: #F4F4F4;
}

a.btn-segmentTop + a.btn-segmentTop {
  margin: 0 auto 20px auto;
}

a.brn-pickUpPeople {
  display: block;
  width: 280px;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px;
  position: relative;
}

a.brn-pickUpPeople:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.brn-pickUpPeople {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
  }
}

a.brn-pickUpPeople:hover {
  background: #F4F4F4;
  text-decoration: none;
}

a.brn-pickUpPeople + a.btn-segmentTop {
  margin: 0 auto 20px auto;
}

.text-alignRight a.brn-pickUpPeople {
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .text-alignRight a.brn-pickUpPeople {
    margin: 0 0 -10px 0;
  }
}

a.btn-displayBlock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px 20px;
  position: relative;
  margin: 0 0 20px 0;
}

a.btn-displayBlock:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-displayBlock {
    width: 100%;
    height: auto;
    padding: 15px 24px;
    margin: 0 0 -10px 0;
  }
}

a.btn-displayBlock:hover {
  background: #F4F4F4;
  text-decoration: none;
}

a.btn-displayBlock._width-280 {
  width: 280px;
  display: inline-block;
  margin: 0 auto 20px auto;
}

@media only screen and (max-width: 767px) {
  a.btn-displayBlock._width-280 {
    width: 100%;
  }
}

a.btn-heightLarge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px 20px;
  position: relative;
}

a.btn-heightLarge:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-heightLarge {
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 15px 24px;
    margin: 0 0 -10px 0;
  }
}

a.btn-heightLarge:hover {
  background: #F4F4F4;
  text-decoration: none;
}

.text-sizeSmall a.btn-displayBlock {
  font-size: 1.4rem;
  padding: 15px 8px 15px 20px;
}

a.btn-pdf {
  display: inline-block;
  min-width: 334px;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 18px 10px 18px 49px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-pdf {
    line-height: 1.6;
    width: 100%;
    min-width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 10px 49px;
  }
}

a.btn-pdf:before {
  content: "";
  background: url("../images/icon-pdf.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a.btn-pdf:hover {
  background: #F4F4F4;
}

a .btn-pdf {
  display: block;
  min-width: 334px;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 18px 10px 18px 49px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a .btn-pdf {
    line-height: 1.6;
    width: 100%;
    min-width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 10px 49px;
  }
}

a .btn-pdf:before {
  content: "";
  background: url("../images/icon-pdf.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a:hover .btn-pdf {
  background: #F4F4F4;
}

a.btn-pdfWord {
  display: block;
  width: 334px;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 18px 10px 18px 10px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-pdfWord {
    width: 100%;
  }
}

a.btn-pdfWord:before {
  content: "";
  background: url("../images/icon-word.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a.btn-pdfWord:hover {
  background: #F4F4F4;
}

a .btn-pdfWord {
  display: block;
  width: 334px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 18px 45px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a .btn-pdfWord {
    width: 100%;
  }
}

a .btn-pdfWord:before {
  content: "";
  background: url("../images/icon-word.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a:hover .btn-pdfWord {
  background: #F4F4F4;
}

a.btn-excel {
  display: block;
  width: 334px;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 18px 10px 18px 10px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-excel {
    width: 100%;
  }
}

a.btn-excel:before {
  content: "";
  background: url("../images/icon-excel.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a.btn-excel:hover {
  background: #F4F4F4;
}

a .btn-excel {
  display: block;
  width: 334px;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 18px 10px 18px 10px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a .btn-excel {
    width: 100%;
  }
}

a .btn-excel:before {
  content: "";
  background: url("../images/icon-excel.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a:hover .btn-excel {
  background: #F4F4F4;
}

a.btn-pdfB {
  display: inline-block;
  min-width: 334px;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
  background: #005bac;
  text-align: center;
  padding: 18px 10px 18px 49px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-pdfB {
    line-height: 1.6;
    width: 100%;
    min-width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 10px 49px;
  }
}

a.btn-pdfB:before {
  content: "\e90f";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a.btn-pdfB:hover {
  opacity: .8;
}

a.btn-subscribe {
  display: block;
  width: 334px;
  height: 64px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  text-align: center;
  padding: 18px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-subscribe {
    width: 100%;
  }
}

a.btn-subscribe:before {
  content: "";
  background: url("../images/icon-pdf.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto;
}

a.btn-subscribe:hover {
  background: #F4F4F4;
}

a.btn-inverse {
  display: block;
  min-height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  border: solid 1px #fff;
  padding: 15px 20px;
  position: relative;
}

a.btn-inverse:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-inverse {
    width: 100%;
    height: auto;
    padding: 20px;
  }
}

a.btn-inverse:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

a.btn-upload {
  display: inline-block;
  width: 205px;
  height: 50px;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px 15px 15px 45px;
  position: relative;
  margin: 0 0 20px 0;
}

a.btn-upload:before {
  content: "\e90e";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 19px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-upload {
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0 0 -10px 0;
  }
}

a.btn-upload:hover {
  background: #F4F4F4;
  text-decoration: none;
}

a.btn-file {
  display: inline-block;
  width: 163px;
  height: 50px;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
  color: #0c419a;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px 15px 15px 45px;
  position: relative;
  margin: 0 0 20px 0;
}

a.btn-file:before {
  content: "";
  background: url("../images/icon-file.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 19px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  a.btn-file {
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0 0 -10px 0;
  }
}

a.btn-file:hover {
  background: #F4F4F4;
  text-decoration: none;
}

a.btn-image {
  display: block;
  height: 220px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-image {
    height: auto;
  }
}

a.btn-image ._image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  a.btn-image ._image {
    position: static;
  }
}

a.btn-image ._image img {
  width: 100%;
}

a.btn-image ._title {
  width: 200px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  a.btn-image ._title {
    right: 50px;
  }
}

a.btn-image:hover {
  opacity: 0.5;
}

a.btn-imageB {
  display: block;
  height: 260px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  a.btn-imageB {
    height: auto;
  }
}

a.btn-imageB ._image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  a.btn-imageB ._image {
    position: static;
  }
}

a.btn-imageB ._image img {
  width: 100%;
}

a.btn-imageB ._content {
  width: 65%x;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-right: 20px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  a.btn-imageB ._content {
    width: 50%;
  }
}

a.btn-imageB ._content ._title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}

a.btn-imageB:hover {
  opacity: 0.5;
}

a.btn-imageC {
  align-items: stretch;
  border: solid 4px #CEE0EE;
  color: #333;
  display: flex;
  min-height: 150px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media only screen and ( max-width: 767px ) {
  a.btn-imageC {
    min-height: 100px;
  }
}

a.btn-imageC ._image {
  position: absolute;
  left: 4%;
  top: 15%;
  width: 30%;
}

a.btn-imageC ._image img {
  width: 100%;
}

a.btn-imageC ._content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  left: 40%;
  padding: 20px;
  width: calc(70% - 10px);
  margin-left: 34%;
}

a.btn-imageC ._content ._title {
  width: 100%;
}

a.btn-imageC ._content ._title p {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: bold;
  color: #333;
  margin: 5px 0 0 0;
}

@media only screen and ( max-width: 767px ) {
  a.btn-imageC ._content ._title p {
    font-size: 14px;
  }
}

a.btn-imageC ._content ._outline {
  margin-top: 10px;
  width: 100%;
}

@media only screen and ( max-width: 767px ) {
  a.btn-imageC ._content ._outline {
    margin-top: 8px;
  }
}

a.btn-imageC ._content ._outline p {
  line-height: 1.4;
  color: #333;
}

@media only screen and ( max-width: 767px ) {
  a.btn-imageC ._content ._outline p {
    font-size: 12px;
  }
}

a.btn-imageC:hover {
  opacity: 0.5;
}

a.btn-sizeAutoBlue {
  display: inline-block;
  min-height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #FFF;
  background: #005bac;
  border: solid 1px #005bac;
  padding: 15px 20px;
  position: relative;
}

a.btn-sizeAutoBlue:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

a.btn-sizeAutoBlue:hover {
  opacity: .8;
  text-decoration: none;
}

[class^="grid"],
[class*=" grid"] {
  display: flex;
  flex-wrap: wrap;
}

#l-globalKnowledge [class^="grid"], #l-globalKnowledge
[class*=" grid"] {
  width: 100%;
}

[class^="grid"] > *,
[class*=" grid"] > * {
  width: 100%;
}

[class^="grid"] > [class^="card-"], [class^="grid"] > [class*=" card-"],
[class^="grid"][class^="list-"] > *,
[class^="grid"][class*=" list-"] > *,
[class*=" grid"] > [class^="card-"],
[class*=" grid"] > [class*=" card-"],
[class*=" grid"][class^="list-"] > *,
[class*=" grid"][class*=" list-"] > * {
  margin-left: 5px;
  margin-right: 5px;
}

[class^="grid"] > ._item,
[class*=" grid"] > ._item {
  padding: 0 5px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #l-globalKnowledge [class^="grid"] > ._item, #l-globalKnowledge
  [class*=" grid"] > ._item {
    width: 50%;
  }
}

.l-main [class^="grid"], .l-main
[class*=" grid"] {
  margin-left: -20px;
  margin-right: -20px;
}

.l-main [class^="grid"] > [class^="card-"], .l-main [class^="grid"] > [class*=" card-"],
.l-main [class^="grid"][class^="list-"] > *,
.l-main [class^="grid"][class*=" list-"] > *, .l-main
[class*=" grid"] > [class^="card-"], .l-main
[class*=" grid"] > [class*=" card-"],
.l-main
[class*=" grid"][class^="list-"] > *,
.l-main
[class*=" grid"][class*=" list-"] > * {
  margin-left: 20px;
  margin-right: 20px;
}

.grid-md-1 > ._item {
  width: 100%;
}

.grid-md-1 > [class^="card-"], .grid-md-1 > [class*=" card-"],
.grid-md-1[class^="list-"] > *,
.grid-md-1[class*=" list"] > * {
  width: calc(100% - 10px);
}

.l-main .grid-md-1 > [class^="card-"], .l-main .grid-md-1 > [class*=" card-"], .l-main
.grid-md-1[class^="list-"] > *, .l-main
.grid-md-1[class*=" list"] > * {
  width: calc(100% - 40px);
}

.grid-md-2 > ._item {
  width: 50%;
}

.grid-md-2 > [class^="card-"], .grid-md-2 > [class*=" card-"],
.grid-md-2[class^="list-"] > *,
.grid-md-2[class*=" list"] > * {
  width: calc(50% - 10px);
}

.l-main .grid-md-2 > [class^="card-"], .l-main .grid-md-2 > [class*=" card-"], .l-main
.grid-md-2[class^="list-"] > *, .l-main
.grid-md-2[class*=" list"] > * {
  width: calc(50% - 40px);
}

.grid-md-3 > ._item {
  width: 33.33333%;
}

.grid-md-3 > [class^="card-"], .grid-md-3 > [class*=" card-"],
.grid-md-3[class^="list-"] > *,
.grid-md-3[class*=" list"] > * {
  width: calc(33.33333% - 10px);
}

.l-main .grid-md-3 > [class^="card-"], .l-main .grid-md-3 > [class*=" card-"], .l-main
.grid-md-3[class^="list-"] > *, .l-main
.grid-md-3[class*=" list"] > * {
  width: calc(33.33333% - 40px);
}

.grid-md-4 > ._item {
  width: 25%;
}

.grid-md-4 > [class^="card-"], .grid-md-4 > [class*=" card-"],
.grid-md-4[class^="list-"] > *,
.grid-md-4[class*=" list"] > * {
  width: calc(25% - 10px);
}

.l-main .grid-md-4 > [class^="card-"], .l-main .grid-md-4 > [class*=" card-"], .l-main
.grid-md-4[class^="list-"] > *, .l-main
.grid-md-4[class*=" list"] > * {
  width: calc(25% - 40px);
}

.grid-md-5 > ._item {
  width: 20%;
}

.grid-md-5 > [class^="card-"], .grid-md-5 > [class*=" card-"],
.grid-md-5[class^="list-"] > *,
.grid-md-5[class*=" list"] > * {
  width: calc(20% - 10px);
}

.l-main .grid-md-5 > [class^="card-"], .l-main .grid-md-5 > [class*=" card-"], .l-main
.grid-md-5[class^="list-"] > *, .l-main
.grid-md-5[class*=" list"] > * {
  width: calc(20% - 40px);
}

.grid-md-6 > ._item {
  width: 16.66667%;
}

.grid-md-6 > [class^="card-"], .grid-md-6 > [class*=" card-"],
.grid-md-6[class^="list-"] > *,
.grid-md-6[class*=" list"] > * {
  width: calc(16.66667% - 10px);
}

.l-main .grid-md-6 > [class^="card-"], .l-main .grid-md-6 > [class*=" card-"], .l-main
.grid-md-6[class^="list-"] > *, .l-main
.grid-md-6[class*=" list"] > * {
  width: calc(16.66667% - 40px);
}

.grid-md-7 > ._item {
  width: 14.28571%;
}

.grid-md-7 > [class^="card-"], .grid-md-7 > [class*=" card-"],
.grid-md-7[class^="list-"] > *,
.grid-md-7[class*=" list"] > * {
  width: calc(14.28571% - 10px);
}

.l-main .grid-md-7 > [class^="card-"], .l-main .grid-md-7 > [class*=" card-"], .l-main
.grid-md-7[class^="list-"] > *, .l-main
.grid-md-7[class*=" list"] > * {
  width: calc(14.28571% - 40px);
}

.grid-md-8 > ._item {
  width: 12.5%;
}

.grid-md-8 > [class^="card-"], .grid-md-8 > [class*=" card-"],
.grid-md-8[class^="list-"] > *,
.grid-md-8[class*=" list"] > * {
  width: calc(12.5% - 10px);
}

.l-main .grid-md-8 > [class^="card-"], .l-main .grid-md-8 > [class*=" card-"], .l-main
.grid-md-8[class^="list-"] > *, .l-main
.grid-md-8[class*=" list"] > * {
  width: calc(12.5% - 40px);
}

.grid-md-9 > ._item {
  width: 11.11111%;
}

.grid-md-9 > [class^="card-"], .grid-md-9 > [class*=" card-"],
.grid-md-9[class^="list-"] > *,
.grid-md-9[class*=" list"] > * {
  width: calc(11.11111% - 10px);
}

.l-main .grid-md-9 > [class^="card-"], .l-main .grid-md-9 > [class*=" card-"], .l-main
.grid-md-9[class^="list-"] > *, .l-main
.grid-md-9[class*=" list"] > * {
  width: calc(11.11111% - 40px);
}

.grid-md-10 > ._item {
  width: 10%;
}

.grid-md-10 > [class^="card-"], .grid-md-10 > [class*=" card-"],
.grid-md-10[class^="list-"] > *,
.grid-md-10[class*=" list"] > * {
  width: calc(10% - 10px);
}

.l-main .grid-md-10 > [class^="card-"], .l-main .grid-md-10 > [class*=" card-"], .l-main
.grid-md-10[class^="list-"] > *, .l-main
.grid-md-10[class*=" list"] > * {
  width: calc(10% - 40px);
}

.grid-md-11 > ._item {
  width: 9.09091%;
}

.grid-md-11 > [class^="card-"], .grid-md-11 > [class*=" card-"],
.grid-md-11[class^="list-"] > *,
.grid-md-11[class*=" list"] > * {
  width: calc(9.09091% - 10px);
}

.l-main .grid-md-11 > [class^="card-"], .l-main .grid-md-11 > [class*=" card-"], .l-main
.grid-md-11[class^="list-"] > *, .l-main
.grid-md-11[class*=" list"] > * {
  width: calc(9.09091% - 40px);
}

.grid-md-12 > ._item {
  width: 8.33333%;
}

.grid-md-12 > [class^="card-"], .grid-md-12 > [class*=" card-"],
.grid-md-12[class^="list-"] > *,
.grid-md-12[class*=" list"] > * {
  width: calc(8.33333% - 10px);
}

.l-main .grid-md-12 > [class^="card-"], .l-main .grid-md-12 > [class*=" card-"], .l-main
.grid-md-12[class^="list-"] > *, .l-main
.grid-md-12[class*=" list"] > * {
  width: calc(8.33333% - 40px);
}

.l-modalContent {
  position: fixed;
  top: 0 !important;
  display: none;
  z-index: 2000;
  width: 100%;
  margin: 0;
  padding: 70px 0 40px 0;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .l-modalContent {
    padding: 45px 0 15px 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

.l-modalContent .inner-modalHeader {
  max-width: 800px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .l-modalContent .inner-modalHeader {
    width: calc(100% - 20px);
    max-width: 100%;
  }
}

.l-modalContent .inner-modalHeader .l-btnGlobal {
  max-width: 395px;
  display: flex;
  margin: 0 auto;
}

.l-modalContent .inner-modalHeader .l-btnGlobal .btn-tab {
  width: 125px;
}

@media only screen and (max-width: 767px) {
  .l-modalContent .inner-modalHeader .l-btnGlobal {
    width: 299px;
    max-width: 100%;
  }
  .l-modalContent .inner-modalHeader .l-btnGlobal .btn-tab {
    width: 93px;
  }
}

@media only screen and (max-width: 767px) {
  .l-modalContent hr.hr-typeDotted {
    margin: 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .l-modalContent .wrap-btn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #FFF;
  }
}

.l-modalContent .btn-modalClose {
  position: fixed;
  top: 20px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .l-modalContent .btn-modalClose {
    top: 14px;
    right: 14px;
  }
}

.l-modalContent .btn-modalClose .icon-close {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .l-modalContent .btn-modalClose .icon-close {
    font-size: 13px;
  }
}

.l-modalContent .btn-modalClose .icon-close:before {
  color: #000;
}

.l-modalFormSuccess {
  position: fixed;
  top: 80px !important;
  left: 0;
  right: 0;
  display: none;
  z-index: 2000;
  width: 825px;
  margin: auto;
  padding: 24px 40px 22px;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .l-modalFormSuccess {
    width: calc(100% - 20px);
    padding: 10px 20px 20px;
  }
}

.l-modalFormSuccess .l-formLogo {
  width: 46px;
  margin: 0 0 71px 0;
}

@media only screen and (max-width: 767px) {
  .l-modalFormSuccess .l-formLogo {
    margin: 0 0 20px 0;
  }
}

.l-modalFormSuccess .l-formLogo svg path {
  fill: #005bac;
}

.btn-modalCloseForm {
  display: inline-block;
  min-width: 180px;
  min-height: 50px;
  font-size: 1.6rem;
  color: #0c419a;
  border: solid 1px #ccc;
  text-align: center;
  position: relative;
  margin: 0 auto;
  padding: 8px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-modalCloseForm {
    width: 100%;
    min-width: 100%;
  }
}

.btn-modalCloseForm:before {
  content: "\e907";
  font-family: "icomoon";
  font-weight: normal;
  color: #999;
  font-size: 11px;
  position: absolute;
  top: 14px;
  left: 10px;
}

.btn-modalCloseForm:hover {
  background: #F4F4F4;
}

.l-modalFormConfirmation {
  position: absolute;
  top: -132px !important;
  left: 0 !important;
  right: 0 !important;
  display: none;
  z-index: 2000;
  max-width: 745px;
  margin: auto;
  padding: 70px 60px 60px;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .l-modalFormConfirmation {
    top: -57px !important;
    width: calc(100% - 20px);
    max-width: 100%;
    margin: 0 auto  0 auto;
    padding: 40px 10px 20px;
  }
}

.l-modalFormConfirmation .btn-modalClose {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .l-modalFormConfirmation .btn-modalClose {
    top: 14px;
    right: 14px;
  }
}

.l-modalFormConfirmation .btn-modalClose .icon-close {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .l-modalFormConfirmation .btn-modalClose .icon-close {
    font-size: 13px;
  }
}

.l-modalFormConfirmation .btn-modalClose .icon-close:before {
  color: #000;
}

.l-modalFormConfirmation .text-alignCenter {
  font-size: 0;
}

.l-modalFormConfirmation .text-alignCenter .btn-formBack {
  display: inline-block;
  margin: 0 5px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-modalFormConfirmation .text-alignCenter .btn-formBack {
    width: calc(50% - 5px);
    margin: 0 5px 0 0;
    padding: 15px 5px 15px 15px;
  }
}

.l-modalFormConfirmation .text-alignCenter .btn-formSubmit {
  display: inline-block;
  margin: 0 0 0 5px;
}

@media only screen and (max-width: 767px) {
  .l-modalFormConfirmation .text-alignCenter .btn-formSubmit {
    width: calc(50% - 5px);
  }
}

#bg-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5);
}

.theme-form #bg-overlay {
  z-index: 1000;
}

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

.figure-left {
  margin-left: 0;
  text-align: left;
}

.figure-right {
  margin-right: 0;
  text-align: right;
}

.figure-floatLeft {
  float: left;
  margin: 0 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .figure-floatLeft {
    float: none;
    margin: 0 0 20px 0;
  }
}

.figure-floatLeft figcaption {
  text-align: left;
}

.figure-floatRight {
  float: right;
  margin: 0 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .figure-floatRight {
    margin: 0 0 20px 0;
  }
}

.figure-floatRight figcaption {
  text-align: right;
}

.fxb-section {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .fxb-section {
    margin-bottom: 30px;
  }
}

.fxb-section.fxb-margin-60 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .fxb-section.fxb-margin-60 {
    margin-bottom: 40px;
  }
}

.fxb-section.fxb-margin-30 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .fxb-section.fxb-margin-30 {
    margin-bottom: 20px;
  }
}

.fxb-section.fxb-margin-60 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .fxb-section.fxb-margin-60 {
    margin-bottom: 20px;
  }
}

.fxb-section:last-child {
  margin-bottom: 0;
}

a.fxb-block {
  display: block;
  padding: 20px;
  background: #DEECF8;
  text-decoration: none !important;
}

a.fxb-block > ._content > ._title {
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}

a.fxb-block > ._content > ._outline {
  font-size: 16px;
  line-height: 1.88;
  color: #333;
  margin-bottom: 20px;
}

a.fxb-block > ._image img {
  width: 100%;
}

a.fxb-block:hover ._title,
a.fxb-block:hover ._outline {
  text-decoration: none;
}

.list-gridInline {
  font-size: 0;
  margin: 0 -20px;
}

@media only screen and (max-width: 767px) {
  .list-gridInline {
    margin: 0;
  }
}

.list-gridInline li {
  display: inline-block;
  margin: 0 20px 20px 20px;
}

@media only screen and (max-width: 767px) {
  .list-gridInline li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.list-gridInline li p a {
  display: inline;
}

.scfSectionBorderAsFieldSet {
  padding: 0;
  margin: 0;
}

fieldset {
  border: none;
}

#MainPanel {
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #333;
}

.scfSectionBorderAsFieldSet {
  padding: 0 !important;
  margin: 0 !important;
}

.scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.scfRadioButtonListGeneralPanel {
  width: 100% !important;
}

table {
  margin-bottom: 1em !important;
  margin-top: 1em !important;
}

.scfListBoxGeneralPanel, .scfDropListGeneralPanel {
  float: none !important;
  width: 100% !important;
}

.scfDateSelectorShortLabelDay, .scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelYear {
  float: none !important;
  width: 1em !important;
  display: inline-block !important;
}

.scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel {
  width: 100% !important;
}

.scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel {
  width: 100% !important;
}

.scfSectionLegend {
  color: #333;
}

.scfSectionBorderAsFieldSet {
  border: none !important;
}

.scfCheckbox {
  width: 100% !important;
}

.scfCheckboxBorder {
  float: none !important;
}

.scfRadioButtonListLabel,
.scfCheckBoxListLabel,
.scfDropListLabel,
.scfListBoxLabel,
.scfSingleLineTextLabel,
.scfMultipleLineTextLabel,
.scfNumberLabel,
.scfDateSelectorLabel,
.scfDatePickerLabel,
.scfTelephoneLabel,
.scfEmailLabel,
.scfFileUploadLabel,
.scfConfirmPasswordLabel,
.control-label {
  float: none !important;
  display: block !important;
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
  font-weight: bold !important;
  margin: 0 0 10px 0 !important;
}

input {
  font-size: 1.4rem;
}

.scfSingleLineTextBox,
.scfSingleLineTextBox:hover,
.scfSingleLineTextBox:focus,
.scfNumberTextBox,
.scfNumberTextBox:hover,
.scfNumberTextBox:focus,
.scfConfirmPasswordTextBox,
.scfConfirmPasswordTextBox:hover,
.scfConfirmPasswordTextBox:focus,
.scfConfirmPasswordTextBox,
.scfConfirmPasswordTextBox:hover,
.scfConfirmPasswordTextBox:focus,
.scfEmailTextBox,
.scfEmailTextBox:hover,
.scfEmailTextBox:focus {
  width: 398px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px !important;
}

@media only screen and (max-width: 767px) {
  .scfSingleLineTextBox,
  .scfSingleLineTextBox:hover,
  .scfSingleLineTextBox:focus,
  .scfNumberTextBox,
  .scfNumberTextBox:hover,
  .scfNumberTextBox:focus,
  .scfConfirmPasswordTextBox,
  .scfConfirmPasswordTextBox:hover,
  .scfConfirmPasswordTextBox:focus,
  .scfConfirmPasswordTextBox,
  .scfConfirmPasswordTextBox:hover,
  .scfConfirmPasswordTextBox:focus,
  .scfEmailTextBox,
  .scfEmailTextBox:hover,
  .scfEmailTextBox:focus {
    width: 100% !important;
  }
}

.form-control,
.form-control:hover,
.form-control:focus {
  width: 398px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px !important;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .form-control,
  .form-control:hover,
  .form-control:focus {
    width: 100% !important;
  }
}

.scfTelephoneTextBox,
.scfTelephoneTextBox:hover,
.scfTelephoneTextBox:focus {
  width: 140px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px;
}

@media only screen and (max-width: 767px) {
  .scfTelephoneTextBox,
  .scfTelephoneTextBox:hover,
  .scfTelephoneTextBox:focus {
    width: 100% !important;
  }
}

.scfFileUploadGeneralPanel input {
  width: 398px !important;
}

@media only screen and (max-width: 767px) {
  .scfFileUploadGeneralPanel input {
    width: 100% !important;
  }
}

.scfDropList {
  width: 398px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px !important;
}

@media only screen and (max-width: 767px) {
  .scfDropList {
    width: 100% !important;
  }
}

select {
  display: inline-block;
  font-size: 1.6rem;
  color: #333;
  background: #FFF;
}

.scfDropListGeneralPanel {
  width: 398px !important;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .scfDropListGeneralPanel {
    width: 100% !important;
  }
}

.scfDropListGeneralPanel {
  width: 398px !important;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .scfDropListGeneralPanel {
    width: 100% !important;
  }
}

.scfDropList,
.scfDateSelectorDay,
.scfDateSelectorMonth,
.scfDateSelectorYear {
  background: url("../images/img-select.png") right top no-repeat;
}

.scfDateSelectorShortLabelDay,
.scfDateSelectorShortLabelMonth,
.scfDateSelectorShortLabelYear {
  font-size: 1.4rem !important;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .scfDateSelectorShortLabelDay,
  .scfDateSelectorShortLabelMonth,
  .scfDateSelectorShortLabelYear {
    margin: 0;
  }
}

.scfDateSelectorShortLabelDay {
  margin: 0 21px 0 0 !important;
}

@media only screen and (max-width: 767px) {
  .scfDateSelectorShortLabelDay {
    margin: 0 !important;
  }
}

.scfDateSelectorMonth {
  width: 121px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px !important;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .scfDateSelectorMonth {
    width: 70px !important;
    padding: 8px 6px !important;
    margin: 0 !important;
  }
}

.scfDateSelectorYear,
.scfDateSelectorMonth {
  width: 121px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px;
  position: relative;
  margin: 0 21px 0 0 !important;
}

@media only screen and (max-width: 767px) {
  .scfDateSelectorYear,
  .scfDateSelectorMonth {
    width: 70px !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .scfDateSelectorYear {
    width: 80px !important;
    padding: 8px 3px !important;
  }
}

.scfDateSelectorDay {
  width: 121px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .scfDateSelectorDay {
    width: 70px !important;
    padding: 8px 6px !important;
    margin: 10px 0;
  }
}

@media only screen and (max-width: 767px) {
  .scfListBoxGeneralPanel {
    width: 100%;
  }
}

.scfListBoxGeneralPanel .scfListBox {
  border: solid 1px #ccc;
  width: 380px;
}

@media only screen and (max-width: 767px) {
  .scfListBoxGeneralPanel .scfListBox {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    padding: 0 10px;
  }
}

.scfListBoxGeneralPanel .scfListBox option {
  width: 380px;
  padding: 5px;
}

.scfMultipleLineTextBox {
  width: 490px !important;
  height: 212px;
  border-radius: 2px;
  border: solid 1px #ccc;
  padding: 11px;
  font-size: 14px;
  font-family: 'Noto Sans Japanese', sans-serif;
}

@media only screen and (max-width: 767px) {
  .scfMultipleLineTextBox {
    width: 100% !important;
  }
}

.scfRadioButtonList,
.scfCheckBoxList {
  border: none;
}

.scfRadioButtonList tr td,
.scfCheckBoxList tr td {
  border: none;
  padding: 0 0 21px 0;
  font-size: 1.4rem;
}

.scfRadioButtonList tr:last-child td,
.scfCheckBoxList tr:last-child td {
  padding: 0;
}

.scfRadioButtonList {
  display: block;
  font-size: 1.4rem;
  line-height: 1.88;
  padding-left: 2em;
  text-indent: -2em;
}

.scfRadioButtonList input {
  cursor: pointer;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
}

.scfRadioButtonList input[type="radio"] + label {
  width: 100%;
  font-size: 1.4rem;
}

.scfRadioButtonList input[type="radio"] + label:before {
  content: "";
  background: url("../images/radiobtn-off.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  margin: 0 12px 0 0;
}

.scfRadioButtonList input[type="radio"]:checked + label:before {
  content: "";
  background: url("../images/radiobtn-on.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  margin: 0 12px 0 0;
}

.scfCheckBoxList input {
  cursor: pointer;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
}

.scfCheckBoxList input[type="checkbox"] + label {
  font-size: 1.4rem;
}

.scfCheckBoxList input[type="checkbox"] + label:before {
  content: "";
  background: url("../images/checkbox-off.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin: 0 14px 0 0;
}

.scfCheckBoxList input[type="checkbox"]:checked + label:before {
  content: "";
  background: url("../images/checkbox-on.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin: 0 14px 0 0;
}

.scfDatePickerGeneralPanel {
  width: 398px !important;
  height: 40px;
  border-radius: 8px;
  border: solid 1px #ccc;
  padding: 8px 15px !important;
}

@media only screen and (max-width: 767px) {
  .scfDatePickerGeneralPanel {
    width: 100% !important;
  }
}

.scfDatePickerGeneralPanel input {
  font-size: 1.6rem;
}

.scfDatePickerGeneralPanel .ui-icon {
  display: none !important;
}

#ui-datepicker-div {
  width: 329px;
  height: 344px;
  border-radius: 0px;
  border: solid 1px #ccc;
}

@media only screen and (max-width: 767px) {
  #ui-datepicker-div {
    width: 100%;
    height: auto;
  }
}

#ui-datepicker-div .ui-datepicker-header {
  border: none;
  background: none;
}

#ui-datepicker-div .ui-datepicker-calendar {
  border: none;
}

#ui-datepicker-div .ui-datepicker-calendar tr th,
#ui-datepicker-div .ui-datepicker-calendar tr td {
  background: none;
}

#ui-datepicker-div .ui-datepicker-calendar tr th a,
#ui-datepicker-div .ui-datepicker-calendar tr td a {
  border: none;
  background: none;
  text-align: center;
  margin: 0 auto;
}

.scfRequired {
  float: none !important;
  display: block !important;
  color: #fff !important;
  margin: 7px 0 0 0 !important;
}

.scfRequired:before {
  content: '必須';
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: bold;
  color: #da0014;
}

.scfCheckboxBorder .scfRequired {
  display: none !important;
}

.theme-en .scfRequired:before {
  content: 'Required';
}

.scfSectionLegend {
  display: none;
}

.hidden-btn {
  display: none;
}

.l-zip.scfNumberBorder {
  margin: 0 0 40px 0 !important;
}

.l-zip .scfNumberUsefulInfo {
  margin: 9px 0 0 0 !important;
}

.l-zip .scfValidator {
  padding: 1.5em 0 0 0;
}

.l-zip .scfValidator .field-validation-error {
  margin: 1em 0 0 0;
}

.l-2rows {
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .l-2rows .scfSectionBorderAsFieldSet .scfSectionContent {
    width: 100% !important;
  }
}

.l-2rows .scfSectionBorderAsFieldSet .scfSectionContent .scfSingleLineGeneralPanel input.form-control.scfSingleLineTextBox {
  width: 140px !important;
}

@media only screen and (max-width: 767px) {
  .l-2rows .scfSectionBorderAsFieldSet .scfSectionContent .scfSingleLineGeneralPanel input.form-control.scfSingleLineTextBox {
    width: calc(100% - 33px) !important;
  }
}

.l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder {
  float: left !important;
  width: 180px;
  clear: none !important;
  margin: 0 40px 20px 0 !important;
}

@media only screen and (max-width: 767px) {
  .l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder {
    width: calc(50% - 5px);
    margin: 0 10px 20px 0 !important;
  }
  .l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder + .scfSingleLineTextBorder {
    margin: 0 0 20px 0 !important;
  }
}

.l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder .scfSingleLineTextLabel.form-field-label {
  float: left !important;
  width: 39px !important;
  font-size: 1.4rem !important;
  font-weight: normal !important;
  margin: 5px 0 !important;
}

@media only screen and (max-width: 767px) {
  .l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder .scfSingleLineTextLabel.form-field-label {
    width: 33px !important;
  }
}

.l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder .scfRequired {
  position: absolute;
  top: 40px;
}

.l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder .field-validation-error {
  padding: 2.5em 0 0 0;
  margin: 1em 0 -20px 0;
}

.l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder .scfValidator {
  margin: 1em 0 0 0;
}

.l-2rows .scfSectionBorderAsFieldSet .scfSectionLegend {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextUsefulInfo {
    width: 176% !important;
  }
}

.l-2rows .scfSectionBorderAsFieldSet p {
  font-size: 1.4rem;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .l-2rows + .l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder {
    margin: 0 10px 30px 0 !important;
  }
  .l-2rows + .l-2rows .scfSectionBorderAsFieldSet .scfSingleLineTextBorder + .scfSingleLineTextBorder {
    margin: 0 0 30px 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .l-2rows + .l-2rows .field-validation-error {
    margin: 2em 0 -30px 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .scfSectionBorderAsFieldSet .scfSectionContent {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) and (max-width: 320px) {
  .scfSectionBorderAsFieldSet .scfSectionContent {
    width: calc(100% - 20px);
  }
}

.scfSectionBorderAsFieldSet .scfSectionContent .scfSingleLineTextLabel.form-field-label {
  width: 100% !important;
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
  font-weight: bold !important;
  margin: 0 0 10px 0 !important;
}

@media only screen and (max-width: 767px) {
  .has-feedback .field-validation-error {
    margin: 2em 0 2em 0;
  }
}

.validation-summary-errors ul.list-group {
  margin: 0 0 20px 0;
}

.validation-summary-errors ul.list-group li {
  color: #DA0014;
  font-size: 1.2rem;
}

.field-validation-error {
  display: block;
  margin: 1em 0 2em 0;
}

.field-validation-error span {
  color: #DA0014 !important;
  font-size: 1.2rem;
}

.scfError,
.scfValidationSummary,
.scfValidatorRequired,
.scfValidato,
.scfValidator {
  display: block;
  color: #DA0014 !important;
  font-size: 1.2rem;
  margin: 1em 0 2em 0;
}

.g-recaptcha > div {
  margin: 0 auto;
}

.scfRadioButtonListBorder,
.scfMultipleLineTextBorder,
.scfRadioButtonListBorder,
.scfCheckBoxListBorder,
.scfDropListBorder,
.scfListBoxBorder,
.scfSingleLineTextBorder,
.scfNumberBorder,
.scfDateSelectorBorder,
.scfDatePickerBorder,
.scfFileUploadBorder,
.scfPasswordConfirmation > div,
.scfTelephoneBorder,
.scfEmailBorder {
  margin: 0 0 40px 0 !important;
  position: relative !important;
}

.scfRadioButtonListBorder .scfMultipleLineTextUsefulInfo,
.scfRadioButtonListBorder .scfSingleLineTextUsefulInfo,
.scfRadioButtonListBorder .scfNumberUsefulInfo,
.scfRadioButtonListBorder .scfEmailUsefulInfo,
.scfRadioButtonListBorder .scfTelephoneUsefulInfo,
.scfMultipleLineTextBorder .scfMultipleLineTextUsefulInfo,
.scfMultipleLineTextBorder .scfSingleLineTextUsefulInfo,
.scfMultipleLineTextBorder .scfNumberUsefulInfo,
.scfMultipleLineTextBorder .scfEmailUsefulInfo,
.scfMultipleLineTextBorder .scfTelephoneUsefulInfo,
.scfRadioButtonListBorder .scfMultipleLineTextUsefulInfo,
.scfRadioButtonListBorder .scfSingleLineTextUsefulInfo,
.scfRadioButtonListBorder .scfNumberUsefulInfo,
.scfRadioButtonListBorder .scfEmailUsefulInfo,
.scfRadioButtonListBorder .scfTelephoneUsefulInfo,
.scfCheckBoxListBorder .scfMultipleLineTextUsefulInfo,
.scfCheckBoxListBorder .scfSingleLineTextUsefulInfo,
.scfCheckBoxListBorder .scfNumberUsefulInfo,
.scfCheckBoxListBorder .scfEmailUsefulInfo,
.scfCheckBoxListBorder .scfTelephoneUsefulInfo,
.scfDropListBorder .scfMultipleLineTextUsefulInfo,
.scfDropListBorder .scfSingleLineTextUsefulInfo,
.scfDropListBorder .scfNumberUsefulInfo,
.scfDropListBorder .scfEmailUsefulInfo,
.scfDropListBorder .scfTelephoneUsefulInfo,
.scfListBoxBorder .scfMultipleLineTextUsefulInfo,
.scfListBoxBorder .scfSingleLineTextUsefulInfo,
.scfListBoxBorder .scfNumberUsefulInfo,
.scfListBoxBorder .scfEmailUsefulInfo,
.scfListBoxBorder .scfTelephoneUsefulInfo,
.scfSingleLineTextBorder .scfMultipleLineTextUsefulInfo,
.scfSingleLineTextBorder .scfSingleLineTextUsefulInfo,
.scfSingleLineTextBorder .scfNumberUsefulInfo,
.scfSingleLineTextBorder .scfEmailUsefulInfo,
.scfSingleLineTextBorder .scfTelephoneUsefulInfo,
.scfNumberBorder .scfMultipleLineTextUsefulInfo,
.scfNumberBorder .scfSingleLineTextUsefulInfo,
.scfNumberBorder .scfNumberUsefulInfo,
.scfNumberBorder .scfEmailUsefulInfo,
.scfNumberBorder .scfTelephoneUsefulInfo,
.scfDateSelectorBorder .scfMultipleLineTextUsefulInfo,
.scfDateSelectorBorder .scfSingleLineTextUsefulInfo,
.scfDateSelectorBorder .scfNumberUsefulInfo,
.scfDateSelectorBorder .scfEmailUsefulInfo,
.scfDateSelectorBorder .scfTelephoneUsefulInfo,
.scfDatePickerBorder .scfMultipleLineTextUsefulInfo,
.scfDatePickerBorder .scfSingleLineTextUsefulInfo,
.scfDatePickerBorder .scfNumberUsefulInfo,
.scfDatePickerBorder .scfEmailUsefulInfo,
.scfDatePickerBorder .scfTelephoneUsefulInfo,
.scfFileUploadBorder .scfMultipleLineTextUsefulInfo,
.scfFileUploadBorder .scfSingleLineTextUsefulInfo,
.scfFileUploadBorder .scfNumberUsefulInfo,
.scfFileUploadBorder .scfEmailUsefulInfo,
.scfFileUploadBorder .scfTelephoneUsefulInfo,
.scfPasswordConfirmation > div .scfMultipleLineTextUsefulInfo,
.scfPasswordConfirmation > div .scfSingleLineTextUsefulInfo,
.scfPasswordConfirmation > div .scfNumberUsefulInfo,
.scfPasswordConfirmation > div .scfEmailUsefulInfo,
.scfPasswordConfirmation > div .scfTelephoneUsefulInfo,
.scfTelephoneBorder .scfMultipleLineTextUsefulInfo,
.scfTelephoneBorder .scfSingleLineTextUsefulInfo,
.scfTelephoneBorder .scfNumberUsefulInfo,
.scfTelephoneBorder .scfEmailUsefulInfo,
.scfTelephoneBorder .scfTelephoneUsefulInfo,
.scfEmailBorder .scfMultipleLineTextUsefulInfo,
.scfEmailBorder .scfSingleLineTextUsefulInfo,
.scfEmailBorder .scfNumberUsefulInfo,
.scfEmailBorder .scfEmailUsefulInfo,
.scfEmailBorder .scfTelephoneUsefulInfo {
  width: 400px;
  display: block;
  font-size: 1.4rem !important;
  line-height: 1.4 !important;
  color: #333 !important;
  margin: 9px 0 0 42px;
  position: absolute;
  left: 0;
}

.theme-en .scfRadioButtonListBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfNumberUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfEmailUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfTelephoneUsefulInfo, .theme-en
.scfMultipleLineTextBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfMultipleLineTextBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfMultipleLineTextBorder .scfNumberUsefulInfo, .theme-en
.scfMultipleLineTextBorder .scfEmailUsefulInfo, .theme-en
.scfMultipleLineTextBorder .scfTelephoneUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfNumberUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfEmailUsefulInfo, .theme-en
.scfRadioButtonListBorder .scfTelephoneUsefulInfo, .theme-en
.scfCheckBoxListBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfCheckBoxListBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfCheckBoxListBorder .scfNumberUsefulInfo, .theme-en
.scfCheckBoxListBorder .scfEmailUsefulInfo, .theme-en
.scfCheckBoxListBorder .scfTelephoneUsefulInfo, .theme-en
.scfDropListBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfDropListBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfDropListBorder .scfNumberUsefulInfo, .theme-en
.scfDropListBorder .scfEmailUsefulInfo, .theme-en
.scfDropListBorder .scfTelephoneUsefulInfo, .theme-en
.scfListBoxBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfListBoxBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfListBoxBorder .scfNumberUsefulInfo, .theme-en
.scfListBoxBorder .scfEmailUsefulInfo, .theme-en
.scfListBoxBorder .scfTelephoneUsefulInfo, .theme-en
.scfSingleLineTextBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfSingleLineTextBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfSingleLineTextBorder .scfNumberUsefulInfo, .theme-en
.scfSingleLineTextBorder .scfEmailUsefulInfo, .theme-en
.scfSingleLineTextBorder .scfTelephoneUsefulInfo, .theme-en
.scfNumberBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfNumberBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfNumberBorder .scfNumberUsefulInfo, .theme-en
.scfNumberBorder .scfEmailUsefulInfo, .theme-en
.scfNumberBorder .scfTelephoneUsefulInfo, .theme-en
.scfDateSelectorBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfDateSelectorBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfDateSelectorBorder .scfNumberUsefulInfo, .theme-en
.scfDateSelectorBorder .scfEmailUsefulInfo, .theme-en
.scfDateSelectorBorder .scfTelephoneUsefulInfo, .theme-en
.scfDatePickerBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfDatePickerBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfDatePickerBorder .scfNumberUsefulInfo, .theme-en
.scfDatePickerBorder .scfEmailUsefulInfo, .theme-en
.scfDatePickerBorder .scfTelephoneUsefulInfo, .theme-en
.scfFileUploadBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfFileUploadBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfFileUploadBorder .scfNumberUsefulInfo, .theme-en
.scfFileUploadBorder .scfEmailUsefulInfo, .theme-en
.scfFileUploadBorder .scfTelephoneUsefulInfo, .theme-en
.scfPasswordConfirmation > div .scfMultipleLineTextUsefulInfo, .theme-en
.scfPasswordConfirmation > div .scfSingleLineTextUsefulInfo, .theme-en
.scfPasswordConfirmation > div .scfNumberUsefulInfo, .theme-en
.scfPasswordConfirmation > div .scfEmailUsefulInfo, .theme-en
.scfPasswordConfirmation > div .scfTelephoneUsefulInfo, .theme-en
.scfTelephoneBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfTelephoneBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfTelephoneBorder .scfNumberUsefulInfo, .theme-en
.scfTelephoneBorder .scfEmailUsefulInfo, .theme-en
.scfTelephoneBorder .scfTelephoneUsefulInfo, .theme-en
.scfEmailBorder .scfMultipleLineTextUsefulInfo, .theme-en
.scfEmailBorder .scfSingleLineTextUsefulInfo, .theme-en
.scfEmailBorder .scfNumberUsefulInfo, .theme-en
.scfEmailBorder .scfEmailUsefulInfo, .theme-en
.scfEmailBorder .scfTelephoneUsefulInfo {
  margin: 9px 0 0 92px;
}

@media only screen and (max-width: 767px) {
  .scfRadioButtonListBorder .scfMultipleLineTextUsefulInfo,
  .scfRadioButtonListBorder .scfSingleLineTextUsefulInfo,
  .scfRadioButtonListBorder .scfNumberUsefulInfo,
  .scfRadioButtonListBorder .scfEmailUsefulInfo,
  .scfRadioButtonListBorder .scfTelephoneUsefulInfo,
  .scfMultipleLineTextBorder .scfMultipleLineTextUsefulInfo,
  .scfMultipleLineTextBorder .scfSingleLineTextUsefulInfo,
  .scfMultipleLineTextBorder .scfNumberUsefulInfo,
  .scfMultipleLineTextBorder .scfEmailUsefulInfo,
  .scfMultipleLineTextBorder .scfTelephoneUsefulInfo,
  .scfRadioButtonListBorder .scfMultipleLineTextUsefulInfo,
  .scfRadioButtonListBorder .scfSingleLineTextUsefulInfo,
  .scfRadioButtonListBorder .scfNumberUsefulInfo,
  .scfRadioButtonListBorder .scfEmailUsefulInfo,
  .scfRadioButtonListBorder .scfTelephoneUsefulInfo,
  .scfCheckBoxListBorder .scfMultipleLineTextUsefulInfo,
  .scfCheckBoxListBorder .scfSingleLineTextUsefulInfo,
  .scfCheckBoxListBorder .scfNumberUsefulInfo,
  .scfCheckBoxListBorder .scfEmailUsefulInfo,
  .scfCheckBoxListBorder .scfTelephoneUsefulInfo,
  .scfDropListBorder .scfMultipleLineTextUsefulInfo,
  .scfDropListBorder .scfSingleLineTextUsefulInfo,
  .scfDropListBorder .scfNumberUsefulInfo,
  .scfDropListBorder .scfEmailUsefulInfo,
  .scfDropListBorder .scfTelephoneUsefulInfo,
  .scfListBoxBorder .scfMultipleLineTextUsefulInfo,
  .scfListBoxBorder .scfSingleLineTextUsefulInfo,
  .scfListBoxBorder .scfNumberUsefulInfo,
  .scfListBoxBorder .scfEmailUsefulInfo,
  .scfListBoxBorder .scfTelephoneUsefulInfo,
  .scfSingleLineTextBorder .scfMultipleLineTextUsefulInfo,
  .scfSingleLineTextBorder .scfSingleLineTextUsefulInfo,
  .scfSingleLineTextBorder .scfNumberUsefulInfo,
  .scfSingleLineTextBorder .scfEmailUsefulInfo,
  .scfSingleLineTextBorder .scfTelephoneUsefulInfo,
  .scfNumberBorder .scfMultipleLineTextUsefulInfo,
  .scfNumberBorder .scfSingleLineTextUsefulInfo,
  .scfNumberBorder .scfNumberUsefulInfo,
  .scfNumberBorder .scfEmailUsefulInfo,
  .scfNumberBorder .scfTelephoneUsefulInfo,
  .scfDateSelectorBorder .scfMultipleLineTextUsefulInfo,
  .scfDateSelectorBorder .scfSingleLineTextUsefulInfo,
  .scfDateSelectorBorder .scfNumberUsefulInfo,
  .scfDateSelectorBorder .scfEmailUsefulInfo,
  .scfDateSelectorBorder .scfTelephoneUsefulInfo,
  .scfDatePickerBorder .scfMultipleLineTextUsefulInfo,
  .scfDatePickerBorder .scfSingleLineTextUsefulInfo,
  .scfDatePickerBorder .scfNumberUsefulInfo,
  .scfDatePickerBorder .scfEmailUsefulInfo,
  .scfDatePickerBorder .scfTelephoneUsefulInfo,
  .scfFileUploadBorder .scfMultipleLineTextUsefulInfo,
  .scfFileUploadBorder .scfSingleLineTextUsefulInfo,
  .scfFileUploadBorder .scfNumberUsefulInfo,
  .scfFileUploadBorder .scfEmailUsefulInfo,
  .scfFileUploadBorder .scfTelephoneUsefulInfo,
  .scfPasswordConfirmation > div .scfMultipleLineTextUsefulInfo,
  .scfPasswordConfirmation > div .scfSingleLineTextUsefulInfo,
  .scfPasswordConfirmation > div .scfNumberUsefulInfo,
  .scfPasswordConfirmation > div .scfEmailUsefulInfo,
  .scfPasswordConfirmation > div .scfTelephoneUsefulInfo,
  .scfTelephoneBorder .scfMultipleLineTextUsefulInfo,
  .scfTelephoneBorder .scfSingleLineTextUsefulInfo,
  .scfTelephoneBorder .scfNumberUsefulInfo,
  .scfTelephoneBorder .scfEmailUsefulInfo,
  .scfTelephoneBorder .scfTelephoneUsefulInfo,
  .scfEmailBorder .scfMultipleLineTextUsefulInfo,
  .scfEmailBorder .scfSingleLineTextUsefulInfo,
  .scfEmailBorder .scfNumberUsefulInfo,
  .scfEmailBorder .scfEmailUsefulInfo,
  .scfEmailBorder .scfTelephoneUsefulInfo {
    width: calc(100% - 42px);
    line-height: 1.2 !important;
  }
}

.scfCheckboxBorder {
  width: 100%;
  text-align: center !important;
  margin: 60px 0 40px 0 !important;
}

.scfCheckboxBorder label {
  font-size: 1.4rem;
}

.scfCheckboxBorder label a {
  text-decoration: underline;
}

.scfCheckboxBorder input[type="checkbox"] {
  display: none;
}

.scfCheckboxBorder input[type="checkbox"] + label:before {
  content: "";
  background: url("../images/checkbox-off.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin: 0 8px 0 0;
}

.scfCheckboxBorder input[type="checkbox"]:checked + label:before {
  content: "";
  background: url("../images/checkbox-on.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin: 0 8px 0 0;
}

.scfSubmitButtonBorder {
  width: 280px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .scfSubmitButtonBorder {
    width: 100%;
  }
}

.scfSubmitButtonBorder:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 6px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  z-index: 1;
}

.scfSubmitButton,
.scfSubmitButton:hover {
  width: 280px;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  background: #005bac;
  border: solid 1px #005bac;
  padding: 15px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .scfSubmitButton,
  .scfSubmitButton:hover {
    width: 100%;
  }
}

.scfSubmitButton:hover,
.scfSubmitButton:hover:hover {
  opacity: .8;
}

.btn-formBack {
  display: block;
  width: 180px;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #0c419a;
  text-align: center;
  border: solid 1px #ccc;
  background: #FFF;
  padding: 15px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .btn-formBack {
    width: 100%;
  }
}

.btn-formBack:before {
  content: "\e908";
  font-family: "icomoon";
  font-weight: normal;
  color: #231815;
  font-size: 6px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

.btn-formSubmit {
  display: block;
  width: 180px;
  height: 50px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  background: #005bac;
  border: solid 1px #005bac;
  padding: 15px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .btn-formSubmit {
    width: 100%;
  }
}

.btn-formSubmit:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  color: #fff;
  font-size: 6px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

.btn-formSubmit:hover {
  opacity: .8;
}

#ui-datepicker-div {
  padding: 20px;
  border: solid 1px #ccc;
  background: #FFF;
}

@media only screen and (max-width: 767px) {
  #ui-datepicker-div {
    padding: 5px;
  }
}

#ui-datepicker-div .ui-datepicker-title {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 0 5px 0;
}

#ui-datepicker-div .ui-datepicker-title span {
  font-size: 1.4rem;
  line-height: 1.71;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
  height: 24px;
}

#ui-datepicker-div .ui-widget-header .ui-icon {
  background-image: none;
}

#ui-datepicker-div .ui-datepicker .ui-datepicker-prev {
  left: 10px;
}

#ui-datepicker-div table.ui-datepicker-calendar th span {
  font-size: 1.2rem;
  font-weight: normal;
  color: #999;
}

#ui-datepicker-div table.ui-datepicker-calendar th.ui-datepicker-week-end span {
  color: #960000;
}

#ui-datepicker-div table.ui-datepicker-calendar th:last-child span {
  color: #00437e;
}

#ui-datepicker-div table.ui-datepicker-calendar th,
#ui-datepicker-div table.ui-datepicker-calendar td {
  padding: 5px;
}

@media only screen and (max-width: 767px) {
  #ui-datepicker-div table.ui-datepicker-calendar th,
  #ui-datepicker-div table.ui-datepicker-calendar td {
    padding: 4px;
  }
}

#ui-datepicker-div table.ui-datepicker-calendar th a,
#ui-datepicker-div table.ui-datepicker-calendar td a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

#ui-datepicker-div table.ui-datepicker-calendar th a:hover,
#ui-datepicker-div table.ui-datepicker-calendar td a:hover {
  color: #FFF;
  background-color: #005bac;
  text-decoration: none;
}

#ui-datepicker-div .ui-state-default {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.87);
}

.ui-datepicker .ui-datepicker-prev {
  left: 15px !important;
  top: 10px !important;
}

.ui-datepicker .ui-datepicker-prev:before {
  content: "\e908";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 14px;
  color: #231815;
  position: absolute;
  left: 0;
}

.ui-datepicker .ui-datepicker-next {
  right: 5px !important;
  top: 10px !important;
}

.ui-datepicker .ui-datepicker-next:hover {
  background-image: none;
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\e904";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 14px;
  color: #231815;
  position: absolute;
  left: 0;
}

.scfForm {
  font-family: 'Noto Sans Japanese', sans-serif;
}

/* Form */
/* Form Title*/
.scfTitleBorder {
  color: #000000;
}

/* Form Introduction*/
/* Form Footer*/
/* Submit Button*/
/* Validation */
.scfError, .scfValidationSummary, .scfValidatorRequired, .scfValidator {
  color: red;
}

.scfRequired {
  color: #000000;
}

/* Forms section*/
.scfSectionBorderAsFieldSet {
  border-top-color: #000000;
}

.scfSectionLegend {
  color: #000000;
}

/* Form fields */
/* Checkbox */
.scfCheckboxUsefulInfo {
  color: silver;
}

/* DropList */
.scfDropListUsefulInfo {
  color: silver;
}

/* Email */
.scfEmailUsefulInfo {
  color: silver;
}

/* Label */
/* Multiple-Line Text */
.scfMultipleLineTextUsefulInfo {
  color: silver;
}

/* Password */
.scfPasswordUsefulInfo {
  color: silver;
}

/* Single-Line Text */
.scfSingleLineTextUsefulInfo {
  color: silver;
}

/* Number */
.scfNumberUsefulInfo {
  color: silver;
}

/* Date Picker*/
.scfDatePickerUsefulInfo {
  color: silver;
}

/* DateTime */
.scfDateUsefulInfo {
  color: silver;
}

/* Radio Button List */
.scfRadioButtonListUsefulInfo {
  color: silver;
}

/* ListBox */
.scfListBoxUsefulInfo {
  color: silver;
}

/* CheckBoxList */
.scfCheckBoxListUsefulInfo {
  color: silver;
}

/* File Upload */
.scfFileUploadUsefulInfo {
  color: silver;
}

.scfCreditCardTextUsefulInfo, .scfConfirmPasswordUsefulInfo, .scfDateSelectorUsefulInfo, .scfCaptchaUsefulInfo, .scfTelephoneUsefulInfo, .scfSmsTelephoneUsefulInfo {
  color: silver;
}

.scfDateSelectorShortLabelDay, .scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelYear {
  color: #000000;
}

.ui-widget {
  font-size: 10px;
}

/*
 * jQuery UI CSS Framework 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ui-helper-clearfix {
  display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * jQuery UI CSS Framework 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
/* Interaction states
----------------------------------*/
/* Interaction Cues
----------------------------------*/
/* Icons
----------------------------------*/
/* states and images */
/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-corner-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all {
  border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

/*
 * jQuery UI Resizable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/*
 * jQuery UI Selectable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*
 * jQuery UI Datepicker 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

@media only screen and (max-width: 767px) {
  .ui-datepicker {
    width: 100% !important;
  }
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}

div#ss-main {
  font-family: 'Noto Sans Japanese', sans-serif !important;
  color: #333;
  width: 100% !important;
  margin: 0 !important;
}

div#ss-main a {
  color: #005bac !important;
}

div#ss-main .ss-category-field {
  padding: 0;
  margin: 0;
}

div#ss-main .ss-category-field input[type=checkbox] + label {
  padding: 0 0 0 18px !important;
  margin: 0 30px 10px 0 !important;
}

div#ss-main .ss-category-field input[type=checkbox] + label:before {
  width: 13px !important;
  height: 13px !important;
  border: 1px solid #ccc !important;
  margin-top: -6px !important;
}

div#ss-main .ss-category-field input[type=checkbox]:checked + label:after {
  left: 1px !important;
  width: 11px !important;
  height: 6px !important;
  margin-top: -4px !important;
  border-left: 1px solid #005bac !important;
  border-bottom: 1px solid #005bac !important;
  transform: rotate(-42deg) !important;
}

div#ss-main .ss-category-field input[type=radio] + label {
  padding: 0 0 0 28px !important;
  margin: 0 30px 10px 0 !important;
}

div#ss-main .ss-category-field input[type=radio] + label:before {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #ccc !important;
  margin-top: -8px !important;
}

div#ss-main .ss-category-field input[type=radio]:checked + label:after {
  left: 4px !important;
  background: #005bac !important;
}

div#ss-main #ss-navi {
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
  margin: 0 0 60px 0 !important;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-navi {
    margin: 0 0 20px 0 !important;
  }
}

div#ss-main #ss-ad-result {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 0 20px !important;
  margin: 0 0 60px 0;
  background-color: #deecf8 !important;
  border: none !important;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-ad-result {
    display: block;
    padding: 20px !important;
    margin: 0 0 30px 0;
  }
}

div#ss-main #ss-ad-result .ss-ad-item {
  width: calc(50% - 10px);
  margin: 0 0 20px 0 !important;
  overflow: hidden;
}

div#ss-main #ss-ad-result .ss-ad-item:nth-child(odd) {
  margin: 0 20px 20px 0 !important;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-ad-result .ss-ad-item:nth-child(odd) {
    margin: 0 0 20px 0 !important;
  }
}

div#ss-main #ss-ad-result .ss-ad-item:nth-child(even) {
  margin: 0 0 20px 0 !important;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-ad-result .ss-ad-item {
    width: 100%;
    min-height: 130px;
    margin: 0 0 20px 0 !important;
  }
  div#ss-main #ss-ad-result .ss-ad-item:last-child {
    margin: 0 !important;
  }
}

div#ss-main #ss-ad-result .ss-ad-item .ss-ad-image {
  width: 130px !important;
  height: 130px;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-ad-result .ss-ad-item .ss-ad-image {
    display: block !important;
  }
}

div#ss-main #ss-ad-result .ss-ad-item .ss-ad-image img {
  padding: 0 !important;
  border: none !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
}

div#ss-main #ss-ad-result .ss-ad-item .ss-ad-page {
  width: calc(100% - 130px - 20px) !important;
  margin: 0 0 0 20px !important;
  padding: 0 !important;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-ad-result .ss-ad-item .ss-ad-page {
    width: calc(100% - 130px - 10px) !important;
    margin: 0 0 0 10px !important;
    border: none !important;
  }
}

div#ss-main #ss-ad-result .ss-ad-item .ss-ad-page .ss-ad-title {
  font-size: 1.6rem !important;
  font-weight: bold;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-ad-result .ss-ad-item .ss-ad-page .ss-ad-title {
    font-size: 1.4rem !important;
  }
}

div#ss-main #ss-ad-result .ss-ad-item .ss-ad-page .ss-ad-title a {
  color: #333 !important;
  margin: 0 5px 0 0;
}

div#ss-main #ss-ad-result .ss-ad-item .ss-ad-page .ss-ad-title a:hover {
  text-decoration: underline;
}

div#ss-main #ss-ad-result .ss-ad-item .ss-ad-page .ss-ad-summary {
  display: none;
  font-size: 1.4rem !important;
  line-height: 1.5;
}

div#ss-main #ss-result {
  padding: 0 !important;
}

div#ss-main #ss-result .ss-item {
  margin: 0 0 60px 0 !important;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-result .ss-item {
    margin: 0 0 20px 0 !important;
  }
}

div#ss-main #ss-result .ss-item .ss-image {
  width: 130px !important;
  height: 130px;
  border: 1px solid #CCC;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-result .ss-item .ss-image {
    display: block !important;
  }
}

div#ss-main #ss-result .ss-item .ss-image img {
  padding: 0 !important;
  border: none !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
}

div#ss-main #ss-result .ss-item .ss-page {
  width: calc(100% - 130px - 20px) !important;
  margin: 0 0 0 20px !important;
  padding: 0 !important;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-result .ss-item .ss-page {
    width: calc(100% - 130px - 10px) !important;
    margin: 0 0 0 10px !important;
    border: none !important;
  }
}

div#ss-main #ss-result .ss-item .ss-page .ss-title {
  font-size: 1.6rem !important;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-result .ss-item .ss-page .ss-title {
    font-size: 1.4rem !important;
    margin: 0 0 9px 0;
  }
}

div#ss-main #ss-result .ss-item .ss-page .ss-title a {
  color: #333 !important;
}

div#ss-main #ss-result .ss-item .ss-page .ss-title a:hover {
  text-decoration: underline;
}

div#ss-main #ss-result .ss-item .ss-page .ss-summary {
  font-size: 1.4rem !important;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  div#ss-main #ss-result .ss-item .ss-page .ss-summary {
    font-size: 1.2rem !important;
  }
}

div#ss-main .ss-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  margin: 0 !important;
}

div#ss-main .ss-pagination .ss-page {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  color: #000;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 0 !important;
  position: static;
}

@media only screen and (max-width: 767px) {
  div#ss-main .ss-pagination .ss-page {
    width: 30px;
    height: 30px;
    margin: 0 1px;
  }
}

div#ss-main .ss-pagination .ss-page.ss-select-page {
  color: #fff;
  background: #666;
  border: solid 1px #666;
}

div#ss-main .ss-pagination .ss-page:hover {
  text-decoration: underline;
}

div#ss-main .ss-pagination .ss-page-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  width: 36px;
  height: 36px;
  color: #231815;
}

@media only screen and (max-width: 767px) {
  div#ss-main .ss-pagination .ss-page-prev {
    width: 30px;
    height: 30px;
    margin: 0 1px;
  }
}

div#ss-main .ss-pagination .ss-page-prev:hover {
  text-decoration: underline;
}

div#ss-main .ss-pagination .ss-page-next {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  width: 36px;
  height: 36px;
  color: #231815;
}

@media only screen and (max-width: 767px) {
  div#ss-main .ss-pagination .ss-page-next {
    width: 30px;
    height: 30px;
    margin: 0 1px;
  }
}

div#ss-main .ss-pagination .ss-page-next:hover {
  text-decoration: underline;
}

.l-globalNavWrapper {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.l-globalNavWrapper.is-open {
  display: block;
}

.l-globalNavWrapper.is-open .l-globalNav {
  right: 0;
}

.l-globalNav {
  background-color: #005bac;
  bottom: 0;
  position: absolute;
  right: -360px;
  top: 0;
  transition: right .1s;
  width: 360px;
}

@media only screen and (max-width: 767px) {
  .l-globalNav {
    width: calc(100% - 40px);
  }
}

.l-globalNav:before {
  background: url("../images/bg-global-nav.png") no-repeat;
  background-size: cover;
  border-bottom: dotted 1px #80add5;
  content: "";
  display: block;
  height: 60px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .l-globalNav:before {
    height: 40px;
  }
}

.l-globalNavInner {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 60px;
}

@media only screen and (max-width: 767px) {
  .l-globalNavInner {
    top: 40px;
  }
}

.l-localNav > li {
  border-bottom: dotted 1px #80add5;
}

.l-localNav > li > a,
.l-localNav > li #btn-toggleKnowledge {
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 1.4px;
  padding: 21px 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-localNav > li > a,
  .l-localNav > li #btn-toggleKnowledge {
    font-size: 1.4rem;
    letter-spacing: 1;
    padding: 15px;
  }
}

.l-localNav > li > a:after,
.l-localNav > li #btn-toggleKnowledge:after {
  bottom: 0;
  color: #a9c7e2;
  content: "\e904";
  font-family: "icomoon";
  font-size: 14px;
  font-weight: normal;
  height: 16px;
  margin: auto;
  position: absolute;
  right: 23px;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .l-localNav > li > a:after,
  .l-localNav > li #btn-toggleKnowledge:after {
    right: 12px;
  }
}

.l-localNav > li > a:hover,
.l-localNav > li #btn-toggleKnowledge:hover {
  background: #80add5;
}

.l-localNav > li > a:hover:after,
.l-localNav > li #btn-toggleKnowledge:hover:after {
  color: #fff;
}

.l-localNav > li #btn-toggleKnowledge {
  cursor: pointer;
}

.l-localNav > li #btn-toggleKnowledge:after {
  bottom: 0;
  color: #a9c7e2;
  content: "\e900";
  font-family: "icomoon";
  font-size: 16px;
  font-weight: normal;
  height: 16px;
  margin: auto;
  position: absolute;
  right: 23px;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .l-localNav > li #btn-toggleKnowledge:after {
    font-size: 15px;
    right: 12px;
    top: -5px;
  }
}

@media only screen and (max-width: 767px) {
  .l-localNav > li #btn-toggleKnowledge.is-open {
    border-bottom: 1px dotted #999;
  }
}

.l-localNav > li #btn-toggleKnowledge.is-open:after {
  bottom: 0;
  color: #FFF;
  content: "\e902";
  font-family: "icomoon";
  font-size: 16px;
  font-weight: normal;
  height: 16px;
  margin: auto;
  position: absolute;
  right: 23px;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .l-localNav > li #btn-toggleKnowledge.is-open:after {
    font-size: 15px;
    right: 12px;
  }
}

ul.l-extraNav {
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 767px) {
  ul.l-extraNav {
    margin: 0 0 35px 0;
  }
}

ul.l-extraNav li {
  border-bottom: dotted 1px #80add5;
}

ul.l-extraNav li a {
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.l-extraNav li:nth-child(1) a {
  height: 125px;
}

@media only screen and (max-width: 767px) {
  ul.l-extraNav li:nth-child(1) a {
    height: 91px;
  }
  ul.l-extraNav li:nth-child(1) a img {
    height: 40px;
  }
}

ul.l-extraNav li:nth-child(2) a {
  height: 125px;
}

@media only screen and (max-width: 767px) {
  ul.l-extraNav li:nth-child(2) a {
    height: 94px;
  }
  ul.l-extraNav li:nth-child(2) a img {
    height: 62px;
  }
}

ul.l-utilityNav {
  margin: 0 auto 20px auto;
  width: 320px;
}

@media only screen and (max-width: 767px) {
  ul.l-utilityNav {
    margin: 0 auto 35px auto;
    width: calc(100% - 20px);
  }
}

ul.l-utilityNav li {
  margin: 0 0 20px 0;
}

ul.l-utilityNav li a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 100;
}

ul.l-utilityNav li a:before {
  color: #fff;
  content: "\e904";
  font-family: "icomoon";
  font-size: 8px;
  font-weight: normal;
  margin: 0 6px 0 0;
}

#l-globalKnowledge {
  background: #fff;
  bottom: 0;
  max-width: calc(100% - 360px);
  opacity: 0;
  overflow-y: auto;
  padding: 30px 50px;
  position: fixed;
  right: -900px;
  top: 0;
  transition: right .1s , opacity .1s;
  width: 900px;
  z-index: -1;
}

#l-globalKnowledge.is-open {
  opacity: 1;
  right: 360px;
}

@media only screen and (max-width: 767px) {
  #l-globalKnowledge {
    display: none;
    max-width: none;
    opacity: 1;
    padding: 15px;
    position: static;
    width: 100%;
    overflow-x: hidden;
    z-index: 1001;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

#l-globalKnowledge .fxb-section {
  margin: 0;
}

#l-globalKnowledge .fxb-row {
  margin: 0 -5px 0 -5px;
}

@media only screen and (max-width: 767px) {
  #l-globalKnowledge .fxb-row {
    margin: 0 -5px 0 -5px;
  }
}

#l-globalKnowledge .fxb-row .fxb-col-3 {
  padding: 0 5px;
}

#l-globalKnowledge .bg-grayMedium {
  margin: 0 0 20px 0;
}

#l-globalKnowledge .grid-md-4 ._item {
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 767px) {
  #l-globalKnowledge a.btn-sizeSmall {
    height: auto;
    min-height: auto;
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
    padding: 0 0 0 14px;
  }
  #l-globalKnowledge a.btn-sizeSmall:before {
    left: 0;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  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 {
  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;
  margin: 0 auto;
}

.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;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* PC・スマホ表示で切り替え */
.display-pc {
  display: block !important;
}

.display-sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .display-pc {
    display: none !important;
  }
  .display-sp {
    display: block !important;
  }
}

/* NEWアイコン */
.icon-new, .text-new {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  font-size: 1.2rem;
  font-weight: bold;
}

.icon-new {
  padding: 4px 6px;
  color: #fff;
  background-color: #e31f18;
}

.text-new {
  color: #e31f18;
  font-weight: bold;
}

/* フレキシブルカラム */
.l-flexibleColumn > * {
  box-sizing: border-box;
  padding: 20px 10px;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.88;
}

.l-flexibleColumn._addDottedLine {
  border-top: 1px dotted #999;
}

.l-flexibleColumn._addDottedLine > * {
  border-bottom: 1px dotted #999;
}

.l-flexibleColumn._sns-block {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px;
  max-width: 840px;
  background-color: #deecf8;
}

.l-flexibleColumn._sns-block > * {
  padding: 0;
  font-weight: bold;
}

.l-flexibleColumn._sns-block > * + * {
  margin-top: 10px;
  text-align: center;
}

.l-flexibleColumn._sns-block .banner {
  display: inline-block;
}

.l-flexibleColumn._textImage > * {
  padding: 0;
}

.l-flexibleColumn._textImage .image {
  margin-top: 12px;
  text-align: center;
}

.l-flexibleColumn._textImage .image > * {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .l-flexibleColumn {
    display: flex;
    flex-wrap: wrap;
  }
  .l-flexibleColumn._twoColumn > * {
    width: 50%;
  }
  .l-flexibleColumn._threeColumn > * {
    width: 33.3%;
  }
  .l-flexibleColumn._fourColumn > * {
    width: 25%;
  }
  .l-flexibleColumn._fiveColumn > * {
    width: 20%;
  }
  .l-flexibleColumn._sixColumn > * {
    width: 16.66%;
  }
  .l-flexibleColumn._sns-block > * {
    width: 45%;
  }
  .l-flexibleColumn._sns-block > * + * {
    margin-top: 0;
    margin-left: 20px;
    width: calc(55% - 20px);
  }
  .l-flexibleColumn._textImage .text {
    width: calc(100% - 280px);
  }
  .l-flexibleColumn._textImage .image {
    margin-top: 0;
    padding: 0 40px;
    width: 280px;
  }
}

.l-flexibleColumn._textImage.imgFloatR-sp .image {
  order: 2;
}

@media only screen and (max-width: 767px) {
  .l-flexibleColumn._textImage.imgFloatR-sp {
    display: block;
  }
  .l-flexibleColumn._textImage.imgFloatR-sp .image,
  .l-flexibleColumn._textImage.imgFloatL-sp .image {
    width: 30%;
  }

  .l-flexibleColumn._textImage.imgFloatR-sp .image {
    float: right;
    margin-left: 10px;
  }

  .l-flexibleColumn._textImage.imgFloatL-sp .image {
    float: left;
    width: 30%;
    margin-right: 10px;
  }
}

/* お客様事例・プロフィール */
.l-publicationsB._profile > dl dt {
  width: 180px;
  padding: 12px 12px 12px 0;
}

.l-publicationsB._profile > dl dd {
  width: calc(100% - 180px);
  padding: 12px 12px 12px 0;
}

/* フロー式で使用するテーブル */
table.l-flowType:not(:last-of-type) {
  position: relative;
}

table.l-flowType:not(:last-of-type):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 22px 0 22px;
  border-color: #deecf8 transparent transparent transparent;
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translate(-50%, 0);
}

table.l-flowType + table.l-flowType {
  margin-top: 50px !important;
}

table.l-flowType th {
  background-color: #deecf8;
}

/* アイキャッチ付きリスト */
.l-subjectList {
  font-size: 1.4rem;
}

.l-subjectList dt {
  padding: 12px 0 12px 134px;
  position: relative;
  font-weight: bold;
}

.l-subjectList dt ._icon {
  display: block;
  padding: 12px 0;
  width: 118px;
  text-align: center;
  background-color: #deecf8;
  position: absolute;
  top: 0;
  left: 0;
}

.l-subjectList dd {
  margin-top: 16px;
}

.l-subjectList dd + dt {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .l-subjectList dt {
    padding: 0;
    position: static;
  }
  .l-subjectList dt ._icon {
    margin-bottom: 10px;
    padding: 8px 0;
    position: static;
  }
}

/* 拡大ボタン */
.btn-zoom {
  display: block;
  width: 144px;
  height: 50px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #0c419a;
  text-align: center;
  border: solid 1px #ccc;
  padding: 15px 0;
}

.btn-zoom:hover {
  background-color: #F4F4F4;
}

.btn-zoom:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 10px;
  height: 9px;
  background: url(../images/icon-external.svg) no-repeat;
  background-size: contain;
}

/* テキスト強調 */
strong._emphasis {
  color: #e31f18;
}

/* 内部リンクボタン */
.l-anchorLink li a {
  justify-content: center;
}

.l-anchorLink li a > span {
  display: inline-block;
  vertical-align: middle;
}

.l-anchorLink._multiLine a.new:hover {
  text-decoration: none;
}

.l-anchorLink._multiLine a.new:hover > span {
  text-decoration: underline;
}

.l-anchorLink._multiLine a.new:hover > .icon-new, .l-anchorLink._multiLine a.new:hover > .text-new {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .l-anchorLink li a {
    justify-content: flex-start;
  }
  .l-anchorLink._multiLine {
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .l-anchorLink._multiLine li {
    box-sizing: content-box;
    width: calc(25% - 2px);
  }
  .l-anchorLink._multiLine li:nth-child(4n) {
    border-right: 1px solid #666;
  }
  .l-anchorLink._multiLine li:nth-child(n+5) {
    margin-top: 20px;
  }
}

/* 通常リンクボタン */
.l-btnGroup {
  width: 100%;
}

.l-btnGroup li + li {
  margin-top: 8px;
}

.l-btnGroup li a {
  display: block;
  padding: 15px;
  border: solid 1px #ccc;
  font-size: 1.4rem;
  line-height: 1;
  color: #0c419a;
  text-align: center;
}

.l-btnGroup li a:hover {
  background-color: #F4F4F4;
  text-decoration: none;
}

.l-btnGroup li a:hover > span {
  text-decoration: none;
}

.l-btnGroup li .arrow {
  position: relative;
}

.l-btnGroup li .downArrow:before, .l-btnGroup li .arrow:before {
  font-family: "icomoon";
  font-weight: normal;
  font-size: 12px;
  color: #231815;
}

.l-btnGroup li .downArrow:before {
  content: "\e90c";
  margin-right: 15px;
}

.l-btnGroup li .arrow:before {
  content: "\e904";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
}

.l-btnGroup li .pdf:before, .l-btnGroup li .excel:before, .l-btnGroup li .word:before, .l-btnGroup li .external:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.l-btnGroup li .pdf:before {
  background-image: url(../images/icon-pdf.svg);
}

.l-btnGroup li .excel:before {
  background-image: url(../images/icon-excel.svg);
}

.l-btnGroup li .word:before {
  background-image: url(../images/icon-word.svg);
}

.l-btnGroup li .external:before {
  margin-right: 8px;
  width: 10px;
  height: 10px;
  background-image: url(../images/icon-external.svg);
}

.l-btnGroup._blueBtn li a {
  color: #fff;
  background-color: #005bac;
  border: none;
}

.l-btnGroup._blueBtn li a:hover {
  background-color: #005bac;
  opacity: .8;
}

.l-btnGroup._blueBtn li .downArrow:before, .l-btnGroup._blueBtn li .arrow:before {
  color: #fff;
}

.l-btnGroup._clearBtn li a {
  border-color: #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}

.l-btnGroup._clearBtn li a:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.l-btnGroup._clearBtn li .downArrow:before, .l-btnGroup._clearBtn li .arrow:before {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .l-btnGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .l-btnGroup li + li {
    margin-top: 0;
  }
  .l-btnGroup._two li {
    width: calc(50% - 10px);
  }
  .l-btnGroup._two li:nth-of-type(2n) {
    margin-left: 20px;
  }
  .l-btnGroup._two li:nth-of-type(n+3) {
    margin-top: 20px;
  }
  .l-btnGroup._three li {
    width: calc(33.33% - 14px);
  }
  .l-btnGroup._three li:nth-of-type(3n+2) {
    margin-left: 21px;
    margin-right: 21px;
  }
  .l-btnGroup._three li:nth-of-type(n+4) {
    margin-top: 20px;
  }
  .l-btnGroup._four li {
    margin-left: 20px;
    width: calc(25% - 15px);
  }
  .l-btnGroup._four li:nth-of-type(4n+1) {
    margin-left: 0;
  }
  .l-btnGroup._four li:nth-of-type(n+5) {
    margin-top: 20px;
  }
}

/* カルーセル */
.slick-main {
  margin: 0 auto 36px;
  padding-bottom: 36px;
  width: 480px;
}

.slick-main .slick-prev, .slick-main .slick-next {
  width: 26px;
  height: 26px;
  top: auto;
  bottom: 0;
  transform: translate(0, 0);
  z-index: 2;
}

.slick-main .slick-prev {
  left: 0;
}

.slick-main .slick-next {
  right: 0;
}

.slick-main .slick-prev:before, .slick-main .slick-next:before {
  font-family: "icomoon";
  font-weight: normal;
  font-size: 26px;
  color: black;
  opacity: 0.25;
}

.slick-main .slick-prev:before {
  content: "\e908";
}

.slick-main .slick-next:before {
  content: "\e904";
}

.slick-main .slick-dots {
  bottom: 3px;
  z-index: 1;
}

.slick-main img {
  max-width: 100%;
}

@media screen and (max-width: 519px) {
  .slick-main {
    width: 100%;
  }
}

/* 画像とリストの組み合わせ */
.l-publicationsC {
  display: flex;
  flex-wrap: wrap;
}

.l-publicationsC ._image {
  width: 170px;
}

.l-publicationsC ._table {
  margin-left: 20px;
  width: calc(100% - 20px - 170px);
  font-size: 1.6rem;
  line-height: 1.88;
  overflow: hidden;
}

.l-publicationsC ._table:after {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px dotted #999;
  clear: both;
}

.l-publicationsC ._table dt, .l-publicationsC ._table dd {
  float: left;
  border-top: 1px dotted #999;
}

.l-publicationsC ._table dt {
  width: 180px;
  padding: 12px 12px 12px 0;
  clear: left;
}

.l-publicationsC ._table dd {
  width: calc(100% - 180px);
  padding: 12px 12px 12px 0;
}

@media screen and (max-width: 767px) {
  .l-publicationsC ._table {
    border-top: 1px dotted #999;
  }
  .l-publicationsC ._table:after {
    content: none;
  }
  .l-publicationsC ._table dt, .l-publicationsC ._table dd {
    width: 100%;
    border: none;
    float: none;
  }
  .l-publicationsC ._table dt {
    padding-bottom: 0;
    clear: none;
  }
  .l-publicationsC ._table dd {
    padding-top: 4px;
    border-bottom: 1px dotted #999;
  }
}

/* .panel-horizontalSmall-thoughtleader
--------------------------------------*/
.panel-horizontalSmall-thoughtleader {
  border-style: dotted;
  border-color: #999;
  border-width: 0 0 1px;
  padding: 20px 0;
}

.panel-horizontalSmall-thoughtleader:first-child {
  border-top-width: 1px;
}

.panel-horizontalSmall-thoughtleader > ._image {
  margin-bottom: 20px;
}

.panel-horizontalSmall-thoughtleader > ._content {
  margin-bottom: 20px;
  width: calc(100% - 100px -20px);
}

.panel-horizontalSmall-thoughtleader ._outline {
  clear: left;
}

@media screen and (min-width: 768px) {
  .panel-horizontalSmall-thoughtleader > ._image, .panel-horizontalSmall-thoughtleader > ._content {
    float: left;
  }
  .panel-horizontalSmall-thoughtleader > ._image {
    width: 100px;
    height: 105px;
  }
  .panel-horizontalSmall-thoughtleader > ._content {
    margin: 0 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .panel-horizontalSmall-thoughtleader > ._image {
    height: auto;
    text-align: center;
    width: auto;
  }
  .panel-horizontalSmall-thoughtleader > ._image img {
    max-width: 150px;
    height: auto;
  }
}

.l-tableSet-transform {}

@media screen and (max-width: 767px) {
    .l-tableSet-transform,
    .l-tableSet-transform > tbody,
    .l-tableSet-transform > tbody > tr,
    .l-tableSet-transform > tbody > tr > th,
    .l-tableSet-transform > tbody > tr > td {
      display: block;
    }
    .l-tableSet-transform > tbody > tr > th,
    .l-tableSet-transform > tbody > tr > td {
      width: 100%;
    }
    .l-tableSet-transform > tbody > tr > th,
    .l-tableSet-transform > tbody > tr > td,
    .l-tableSet-transform > tbody > tr > th + th,
    .l-tableSet-transform > tbody > tr > th + td {
      border-left-width: 0;
    }
}

ul.list-indent {
  display: table;
  width: 100%;
}
ul.list-indent > li {
  dislay: table-row;
}
ul.list-indent > li > * {
  display: table-cell;
  vertical-align: top;
}
ul.list-indent > li > *:first-child {
  white-space: nowrap;
}

.n-btnBox {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}
.n-btnBox.jst-st {
  justify-content: flex-start !important;
}
.n-btnBox.jst-ct {
  justify-content: center !important;
}
.n-btnBox.jst-spbw {
  justify-content: space-between !important;
}
.n-btnBox.jst-ed {
  justify-content: flex-end !important;
}
.n-btnBox.al-ct {
  align-items: center !important;
}
.n-btnBox.al-st {
  align-items: flex-start !important;
}
.n-btnBox.al-ed {
  align-items: flex-end !important;
}
.n-btnBox.dir-row {
  flex-direction: row !important;
}
.n-btnBox.dir-row-rev {
  flex-direction: row-reverse !important;
}
.n-btnBox.dir-col {
  flex-direction: column !important;
}
.n-btnBox.dir-col-rev {
  flex-direction: column-reverse !important;
}

@media screen and (max-width: 767px) {
  .n-btnBox.jst-st-sp {
    justify-content: flex-start !important;
  }
  .n-btnBox.jst-ct-sp {
    justify-content: center !important;
  }
  .n-btnBox.jst-spbw-sp {
    justify-content: space-between !important;
  }
  .n-btnBox.jst-ed-sp {
    justify-content: flex-end !important;
  }
  .n-btnBox.al-ct-sp {
    align-items: center !important;
  }
  .n-btnBox.al-st-sp {
    align-items: flex-start !important;
  }
  .n-btnBox.al-ed-sp {
    align-items: flex-end !important;
  }
  .n-btnBox.dir-row-sp {
    flex-direction: row !important;
  }
  .n-btnBox.dir-row-rev-sp {
    flex-direction: row-reverse !important;
  }
  .n-btnBox.dir-col-sp {
    flex-direction: column !important;
  }
  .n-btnBox.dir-col-rev-sp {
    flex-direction: column-reverse !important;
  }
}

/* .n-jounalSnsBlock
---------------------------------------- */
.n-jounalSnsBlock {
background-color: #deecf8;
max-width: 840px;
margin: 0 auto;
padding: 15px;
}

.n-jounalSnsBlock dl {
display: table;
width: 100%;
}

.n-jounalSnsBlock dt,
.n-jounalSnsBlock dd {
display: table-cell;
vertical-align: middle;
}

.n-jounalSnsBlock dt {
padding-right: 20px;
line-height: 1.5;
font-size: 16px;
font-weight: bold;
}

.n-jounalSnsBlock dd.sp { display: none; }

@media only screen and (max-width: 767px){
.n-jounalSnsBlock {
width: auto;
margin: 2em 0 30px;
}

.n-jounalSnsBlock dl,
.n-jounalSnsBlock dt,
.n-jounalSnsBlock dd { display: block; }

.n-jounalSnsBlock dt {
margin-bottom: 10px;
padding: 0;
}

.n-jounalSnsBlock dd.pc { display: none; }
.n-jounalSnsBlock dd.sp {
display: block;
text-align: center;
}

}/* @media */

@media only screen and (max-width: 380px){
.n-jounalSnsBlock {
margin: 2em -20px 30px;
padding: 15px 10px;
}
}/* @media */

.n-ad-irlink {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.n-ad-irlink.is-hidden {
  display: none;
}

.n-ad-irlink a {
  color:white;
  margin-right: 3em;
}

.n-ad-irlink a:hover {
  opacity: .85;
}

@media only screen and (max-width: 767px) {
  .n-ad-irlink {
    display: none !important;
  }
}

/**---------------------------------------------------------*
 * Utility
 *----------------------------------------------------------*/

/* Display
---------------------------------------------*/
.u-dsp-blk {
  display: block !important;
}
.u-dsp-flx {
  display: flex !important;
}
.u-dsp-il {
  display: inline !important;
}
.u-dsp-ilb {
  display: inline-block !important;
}

/* Text-align
---------------------------------------------*/
.u-ta-l { text-align: left !important; }
.u-ta-r { text-align: right !important; }
.u-ta-c { text-align: center !important; }

/* Flex
---------------------------------------------*/
.u-flex-algn-st {
  align-items: stretch !important;
}
.u-flex-algn-ct {
  align-items: center !important;
}
.u-flex-algn-t {
  align-items: flex-start !important;
}
.u-flex-algn-b {
  align-items: flex-end !important;
}
.u-flex-jsc-l {
  justify-content: flex-start !important;
}
.u-flex-jsc-r {
  justify-content: flex-end !important;
}
.u-flex-jsc-sb {
  justify-content: space-between !important;
}

/* Table
---------------------------------------------*/
.u-tbl {
  display: table !important;
}
.u-tbl > .u-tbl-row {
  display: table-row !important;
}
.u-tbl > .u-tbl-cel,
.u-tbl > .u-tbl-row > .u-tbl-cel  {
  display: table-cell !important;
}

/* Word break
---------------------------------------------*/
.u-wb-a {
  word-break: break-all !important;
}
.u-wb-n {
  word-break: normal !important;
}
.u-wb-k {
  word-break: keep-all !important;
}

/* Margin
---------------------------------------------*/
.u-mh-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-ml-0 { margin-left: 0px !important; }
.u-ml-10 { margin-left: 10px !important; }
.u-ml-20 { margin-left: 20px !important; }
.u-ml-30 { margin-left: 30px !important; }
.u-ml-40 { margin-left: 40px !important; }
.u-ml-50 { margin-left: 50px !important; }
.u-ml-60 { margin-left: 60px !important; }
.u-ml-70 { margin-left: 70px !important; }
.u-ml-80 { margin-left: 80px !important; }
.u-ml-90 { margin-left: 90px !important; }
.u-ml-100 { margin-left: 100px !important; }
.u-mr-0 { margin-right: 0px !important; }
.u-mr-10 { margin-right: 10px !important; }
.u-mr-20 { margin-right: 20px !important; }
.u-mr-30 { margin-right: 30px !important; }
.u-mr-40 { margin-right: 40px !important; }
.u-mr-50 { margin-right: 50px !important; }
.u-mr-60 { margin-right: 60px !important; }
.u-mr-70 { margin-right: 70px !important; }
.u-mr-80 { margin-right: 80px !important; }
.u-mr-90 { margin-right: 90px !important; }
.u-mr-100 { margin-right: 100px !important; }
.u-mt-0 { margin-top: 0px !important; }
.u-mt-10 { margin-top: 10px !important; }
.u-mt-20 { margin-top: 20px !important; }
.u-mt-30 { margin-top: 30px !important; }
.u-mt-40 { margin-top: 40px !important; }
.u-mt-50 { margin-top: 50px !important; }
.u-mt-60 { margin-top: 60px !important; }
.u-mt-70 { margin-top: 70px !important; }
.u-mt-80 { margin-top: 80px !important; }
.u-mt-90 { margin-top: 90px !important; }
.u-mt-100 { margin-top: 100px !important; }
.u-mb-0 { margin-bottom: 0px !important; }
.u-mb-10 { margin-bottom: 10px !important; }
.u-mb-20 { margin-bottom: 20px !important; }
.u-mb-30 { margin-bottom: 30px !important; }
.u-mb-40 { margin-bottom: 40px !important; }
.u-mb-50 { margin-bottom: 50px !important; }
.u-mb-60 { margin-bottom: 60px !important; }
.u-mb-70 { margin-bottom: 70px !important; }
.u-mb-80 { margin-bottom: 80px !important; }
.u-mb-90 { margin-bottom: 90px !important; }
.u-mb-100 { margin-bottom: 100px !important; }


/* Width
---------------------------------------------*/
.u-w-full { width: 100% !important; }

.u-w-0p { width: 0% !important; }
.u-w-10p { width: 10% !important; }
.u-w-20p { width: 20% !important; }
.u-w-30p { width: 30% !important; }
.u-w-40p { width: 40% !important; }
.u-w-50p { width: 50% !important; }
.u-w-60p { width: 60% !important; }
.u-w-70p { width: 70% !important; }
.u-w-80p { width: 80% !important; }
.u-w-90p { width: 90% !important; }
.u-w-100p { width: 100% !important; }

.u-w-0 { width: 0px !important; }
.u-w-10 { width: 10px !important; }
.u-w-20 { width: 20px !important; }
.u-w-30 { width: 30px !important; }
.u-w-40 { width: 40px !important; }
.u-w-50 { width: 50px !important; }
.u-w-60 { width: 60px !important; }
.u-w-70 { width: 70px !important; }
.u-w-80 { width: 80px !important; }
.u-w-90 { width: 90px !important; }
.u-w-100 { width: 100px !important; }
.u-w-110 { width: 110px !important; }
.u-w-120 { width: 120px !important; }
.u-w-130 { width: 130px !important; }
.u-w-140 { width: 140px !important; }
.u-w-150 { width: 150px !important; }
.u-w-160 { width: 160px !important; }
.u-w-170 { width: 170px !important; }
.u-w-180 { width: 180px !important; }
.u-w-190 { width: 190px !important; }
.u-w-200 { width: 200px !important; }
.u-w-210 { width: 210px !important; }
.u-w-220 { width: 220px !important; }
.u-w-230 { width: 230px !important; }
.u-w-240 { width: 240px !important; }
.u-w-250 { width: 250px !important; }
.u-w-260 { width: 260px !important; }
.u-w-270 { width: 270px !important; }
.u-w-280 { width: 280px !important; }
.u-w-290 { width: 290px !important; }
.u-w-300 { width: 300px !important; }
.u-w-310 { width: 310px !important; }
.u-w-320 { width: 320px !important; }
.u-w-330 { width: 330px !important; }
.u-w-340 { width: 340px !important; }
.u-w-350 { width: 350px !important; }
.u-w-360 { width: 360px !important; }
.u-w-370 { width: 370px !important; }
.u-w-380 { width: 380px !important; }
.u-w-390 { width: 390px !important; }
.u-w-400 { width: 400px !important; }
.u-w-410 { width: 410px !important; }
.u-w-420 { width: 420px !important; }
.u-w-430 { width: 430px !important; }
.u-w-440 { width: 440px !important; }
.u-w-450 { width: 450px !important; }
.u-w-460 { width: 460px !important; }
.u-w-470 { width: 470px !important; }
.u-w-480 { width: 480px !important; }
.u-w-490 { width: 490px !important; }
.u-w-500 { width: 500px !important; }
.u-w-510 { width: 510px !important; }
.u-w-520 { width: 520px !important; }
.u-w-530 { width: 530px !important; }
.u-w-540 { width: 540px !important; }
.u-w-550 { width: 550px !important; }
.u-w-560 { width: 560px !important; }
.u-w-570 { width: 570px !important; }
.u-w-580 { width: 580px !important; }
.u-w-590 { width: 590px !important; }
.u-w-600 { width: 600px !important; }
.u-w-610 { width: 610px !important; }
.u-w-620 { width: 620px !important; }
.u-w-630 { width: 630px !important; }
.u-w-640 { width: 640px !important; }
.u-w-650 { width: 650px !important; }
.u-w-660 { width: 660px !important; }
.u-w-670 { width: 670px !important; }
.u-w-680 { width: 680px !important; }
.u-w-690 { width: 690px !important; }
.u-w-700 { width: 700px !important; }
.u-w-710 { width: 710px !important; }
.u-w-720 { width: 720px !important; }
.u-w-730 { width: 730px !important; }
.u-w-740 { width: 740px !important; }
.u-w-750 { width: 750px !important; }
.u-w-760 { width: 760px !important; }
.u-w-770 { width: 770px !important; }
.u-w-780 { width: 780px !important; }
.u-w-790 { width: 790px !important; }
.u-w-800 { width: 800px !important; }
.u-w-810 { width: 810px !important; }
.u-w-820 { width: 820px !important; }
.u-w-830 { width: 830px !important; }
.u-w-840 { width: 840px !important; }
.u-w-850 { width: 850px !important; }
.u-w-860 { width: 860px !important; }
.u-w-870 { width: 870px !important; }
.u-w-880 { width: 880px !important; }
.u-w-890 { width: 890px !important; }
.u-w-900 { width: 900px !important; }
.u-w-910 { width: 910px !important; }
.u-w-920 { width: 920px !important; }
.u-w-930 { width: 930px !important; }
.u-w-940 { width: 940px !important; }
.u-w-950 { width: 950px !important; }
.u-w-960 { width: 960px !important; }
.u-w-970 { width: 970px !important; }
.u-w-980 { width: 980px !important; }
.u-w-990 { width: 990px !important; }
.u-w-1000 { width: 1000px !important; }

/* Padding
---------------------------------------------*/
.u-ph-0 { padding-left: 0px !important; padding-right: 0px !important; }
.u-ph-5 { padding-left: 5px !important; padding-right: 5px !important; }
.u-ph-10 { padding-left: 10px !important; padding-right: 10px !important; }
.u-ph-15 { padding-left: 15px !important; padding-right: 15px !important; }
.u-ph-20 { padding-left: 20px !important; padding-right: 20px !important; }
.u-ph-25 { padding-left: 25px !important; padding-right: 25px !important; }
.u-ph-30 { padding-left: 30px !important; padding-right: 30px !important; }
.u-ph-35 { padding-left: 35px !important; padding-right: 35px !important; }
.u-ph-40 { padding-left: 40px !important; padding-right: 40px !important; }
.u-ph-45 { padding-left: 45px !important; padding-right: 45px !important; }
.u-ph-50 { padding-left: 50px !important; padding-right: 50px !important; }
.u-ph-55 { padding-left: 55px !important; padding-right: 55px !important; }
.u-ph-60 { padding-left: 60px !important; padding-right: 60px !important; }
.u-ph-65 { padding-left: 65px !important; padding-right: 65px !important; }
.u-ph-70 { padding-left: 70px !important; padding-right: 70px !important; }
.u-ph-75 { padding-left: 75px !important; padding-right: 75px !important; }
.u-ph-80 { padding-left: 80px !important; padding-right: 80px !important; }
.u-ph-85 { padding-left: 85px !important; padding-right: 85px !important; }
.u-ph-90 { padding-left: 90px !important; padding-right: 90px !important; }
.u-ph-95 { padding-left: 95px !important; padding-right: 95px !important; }
.u-ph-100 { padding-left: 100px !important; padding-right: 100px !important; }

.u-pv-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.u-pv-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.u-pv-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.u-pv-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.u-pv-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.u-pv-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.u-pv-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.u-pv-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.u-pv-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.u-pv-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.u-pv-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.u-pv-55 { padding-top: 55px !important; padding-bottom: 55px !important; }
.u-pv-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.u-pv-65 { padding-top: 65px !important; padding-bottom: 65px !important; }
.u-pv-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.u-pv-75 { padding-top: 75px !important; padding-bottom: 75px !important; }
.u-pv-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.u-pv-85 { padding-top: 85px !important; padding-bottom: 85px !important; }
.u-pv-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.u-pv-95 { padding-top: 95px !important; padding-bottom: 95px !important; }
.u-pv-100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.u-p-0 { padding: 0px !important; }
.u-p-5 { padding: 5px !important; }
.u-p-10 { padding: 10px !important; }
.u-p-15 { padding: 15px !important; }
.u-p-20 { padding: 20px !important; }
.u-p-25 { padding: 25px !important; }
.u-p-30 { padding: 30px !important; }
.u-p-35 { padding: 35px !important; }
.u-p-40 { padding: 40px !important; }
.u-p-45 { padding: 45px !important; }
.u-p-50 { padding: 50px !important; }
.u-p-55 { padding: 55px !important; }
.u-p-60 { padding: 60px !important; }
.u-p-65 { padding: 65px !important; }
.u-p-70 { padding: 70px !important; }
.u-p-75 { padding: 75px !important; }
.u-p-80 { padding: 80px !important; }
.u-p-85 { padding: 85px !important; }
.u-p-90 { padding: 90px !important; }
.u-p-95 { padding: 95px !important; }
.u-p-100 { padding: 100px !important; }

.u-pl-0 { padding-left: 0px !important; }
.u-pl-5 { padding-left: 5px !important; }
.u-pl-10 { padding-left: 10px !important; }
.u-pl-15 { padding-left: 15px !important; }
.u-pl-20 { padding-left: 20px !important; }
.u-pl-25 { padding-left: 25px !important; }
.u-pl-30 { padding-left: 30px !important; }
.u-pl-35 { padding-left: 35px !important; }
.u-pl-40 { padding-left: 40px !important; }
.u-pl-45 { padding-left: 45px !important; }
.u-pl-50 { padding-left: 50px !important; }
.u-pl-55 { padding-left: 55px !important; }
.u-pl-60 { padding-left: 60px !important; }
.u-pl-65 { padding-left: 65px !important; }
.u-pl-70 { padding-left: 70px !important; }
.u-pl-75 { padding-left: 75px !important; }
.u-pl-80 { padding-left: 80px !important; }
.u-pl-85 { padding-left: 85px !important; }
.u-pl-90 { padding-left: 90px !important; }
.u-pl-95 { padding-left: 95px !important; }
.u-pl-100 { padding-left: 100px !important; }

.u-pr-0 { padding-right: 0px !important; }
.u-pr-5 { padding-right: 5px !important; }
.u-pr-10 { padding-right: 10px !important; }
.u-pr-15 { padding-right: 15px !important; }
.u-pr-20 { padding-right: 20px !important; }
.u-pr-25 { padding-right: 25px !important; }
.u-pr-30 { padding-right: 30px !important; }
.u-pr-35 { padding-right: 35px !important; }
.u-pr-40 { padding-right: 40px !important; }
.u-pr-45 { padding-right: 45px !important; }
.u-pr-50 { padding-right: 50px !important; }
.u-pr-55 { padding-right: 55px !important; }
.u-pr-60 { padding-right: 60px !important; }
.u-pr-65 { padding-right: 65px !important; }
.u-pr-70 { padding-right: 70px !important; }
.u-pr-75 { padding-right: 75px !important; }
.u-pr-80 { padding-right: 80px !important; }
.u-pr-85 { padding-right: 85px !important; }
.u-pr-90 { padding-right: 90px !important; }
.u-pr-95 { padding-right: 95px !important; }
.u-pr-100 { padding-right: 100px !important; }

.u-pt-0 { padding-top: 0px !important; }
.u-pt-5 { padding-top: 5px !important; }
.u-pt-10 { padding-top: 10px !important; }
.u-pt-15 { padding-top: 15px !important; }
.u-pt-20 { padding-top: 20px !important; }
.u-pt-25 { padding-top: 25px !important; }
.u-pt-30 { padding-top: 30px !important; }
.u-pt-35 { padding-top: 35px !important; }
.u-pt-40 { padding-top: 40px !important; }
.u-pt-45 { padding-top: 45px !important; }
.u-pt-50 { padding-top: 50px !important; }
.u-pt-55 { padding-top: 55px !important; }
.u-pt-60 { padding-top: 60px !important; }
.u-pt-65 { padding-top: 65px !important; }
.u-pt-70 { padding-top: 70px !important; }
.u-pt-75 { padding-top: 75px !important; }
.u-pt-80 { padding-top: 80px !important; }
.u-pt-85 { padding-top: 85px !important; }
.u-pt-90 { padding-top: 90px !important; }
.u-pt-95 { padding-top: 95px !important; }
.u-pt-100 { padding-top: 100px !important; }

.u-pb-0 { padding-bottom: 0px !important; }
.u-pb-5 { padding-bottom: 5px !important; }
.u-pb-10 { padding-bottom: 10px !important; }
.u-pb-15 { padding-bottom: 15px !important; }
.u-pb-20 { padding-bottom: 20px !important; }
.u-pb-25 { padding-bottom: 25px !important; }
.u-pb-30 { padding-bottom: 30px !important; }
.u-pb-35 { padding-bottom: 35px !important; }
.u-pb-40 { padding-bottom: 40px !important; }
.u-pb-45 { padding-bottom: 45px !important; }
.u-pb-50 { padding-bottom: 50px !important; }
.u-pb-55 { padding-bottom: 55px !important; }
.u-pb-60 { padding-bottom: 60px !important; }
.u-pb-65 { padding-bottom: 65px !important; }
.u-pb-70 { padding-bottom: 70px !important; }
.u-pb-75 { padding-bottom: 75px !important; }
.u-pb-80 { padding-bottom: 80px !important; }
.u-pb-85 { padding-bottom: 85px !important; }
.u-pb-90 { padding-bottom: 90px !important; }
.u-pb-95 { padding-bottom: 95px !important; }
.u-pb-100 { padding-bottom: 100px !important; }

@media only screen and (max-width: 767px) {

  /* Display
  ---------------------------------------------*/
  .u-dsp-blk-sp {
    display: block !important;
  }
  .u-dsp-flx-sp {
    display: flex !important;
  }
  .u-dsp-il-sp {
    display: inline !important;
  }
  .u-dsp-ilb-sp {
    display: inline-block !important;
  }

  /* Text-align
  ---------------------------------------------*/
  .u-ta-l-sp { text-align: left !important; }
  .u-ta-r-sp { text-align: right !important; }
  .u-ta-c-sp { text-align: center !important; }

  /* Flex
  ---------------------------------------------*/
  .u-flex-algn-st-sp {
    align-items: stretch !important;
  }
  .u-flex-algn-ct-sp {
    align-items: center !important;
  }
  .u-flex-algn-t-sp {
    align-items: flex-start !important;
  }
  .u-flex-algn-b-sp {
    align-items: flex-end !important;
  }
  .u-flex-jsc-l-sp {
    justify-content: flex-start !important;
  }
  .u-flex-jsc-r-sp {
    justify-content: flex-end !important;
  }
  .u-flex-jsc-sb-sp {
    justify-content: space-between !important;
  }

  /* Table
  ---------------------------------------------*/
  .u-tbl,
  .u-tbl > .u-tbl-row,
  .u-tbl > .u-tbl-cel,
  .u-tbl > .u-tbl-row > .u-tbl-cel {
    display: block !important;
  }
  .u-tbl-sp {
    display: table !important;
  }
  .u-tbl-sp > .u-tbl-row-sp {
    display: table-row !important;
  }
  .u-tbl-sp > .u-tbl-cel-sp,
  .u-tbl-sp > .u-tbl-row-sp > .u-tbl-cel-sp  {
    display: table-cell !important;
  }

  /* Word break
  ---------------------------------------------*/
  .u-wb-a-sp {
    word-break: break-all !important;
  }
  .u-wb-n-sp {
    word-break: normal !important;
  }
  .u-wb-k-sp {
    word-break: keep-all !important;
  }

  /* Margin
  ---------------------------------------------*/
  .u-mh-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-ml-0-sp { margin-left: 0px !important; }
  .u-ml-10-sp { margin-left: 10px !important; }
  .u-ml-20-sp { margin-left: 20px !important; }
  .u-ml-30-sp { margin-left: 30px !important; }
  .u-ml-40-sp { margin-left: 40px !important; }
  .u-ml-50-sp { margin-left: 50px !important; }
  .u-ml-60-sp { margin-left: 60px !important; }
  .u-ml-70-sp { margin-left: 70px !important; }
  .u-ml-80-sp { margin-left: 80px !important; }
  .u-ml-90-sp { margin-left: 90px !important; }
  .u-ml-100-sp { margin-left: 100px !important; }
  .u-mr-0-sp { margin-right: 0px !important; }
  .u-mr-10-sp { margin-right: 10px !important; }
  .u-mr-20-sp { margin-right: 20px !important; }
  .u-mr-30-sp { margin-right: 30px !important; }
  .u-mr-40-sp { margin-right: 40px !important; }
  .u-mr-50-sp { margin-right: 50px !important; }
  .u-mr-60-sp { margin-right: 60px !important; }
  .u-mr-70-sp { margin-right: 70px !important; }
  .u-mr-80-sp { margin-right: 80px !important; }
  .u-mr-90-sp { margin-right: 90px !important; }
  .u-mr-100-sp { margin-right: 100px !important; }
  .u-mt-0-sp { margin-top: 0px !important; }
  .u-mt-10-sp { margin-top: 10px !important; }
  .u-mt-20-sp { margin-top: 20px !important; }
  .u-mt-30-sp { margin-top: 30px !important; }
  .u-mt-40-sp { margin-top: 40px !important; }
  .u-mt-50-sp { margin-top: 50px !important; }
  .u-mt-60-sp { margin-top: 60px !important; }
  .u-mt-70-sp { margin-top: 70px !important; }
  .u-mt-80-sp { margin-top: 80px !important; }
  .u-mt-90-sp { margin-top: 90px !important; }
  .u-mt-100-sp { margin-top: 100px !important; }
  .u-mb-0-sp { margin-bottom: 0px !important; }
  .u-mb-10-sp { margin-bottom: 10px !important; }
  .u-mb-20-sp { margin-bottom: 20px !important; }
  .u-mb-30-sp { margin-bottom: 30px !important; }
  .u-mb-40-sp { margin-bottom: 40px !important; }
  .u-mb-50-sp { margin-bottom: 50px !important; }
  .u-mb-60-sp { margin-bottom: 60px !important; }
  .u-mb-70-sp { margin-bottom: 70px !important; }
  .u-mb-80-sp { margin-bottom: 80px !important; }
  .u-mb-90-sp { margin-bottom: 90px !important; }
  .u-mb-100-sp { margin-bottom: 100px !important; }


  /* Width
  ---------------------------------------------*/
  .u-w-full-sp { width: 100% !important; }

  .u-w-0p-sp { width: 0% !important; }
  .u-w-10p-sp { width: 10% !important; }
  .u-w-20p-sp { width: 20% !important; }
  .u-w-30p-sp { width: 30% !important; }
  .u-w-40p-sp { width: 40% !important; }
  .u-w-50p-sp { width: 50% !important; }
  .u-w-60p-sp { width: 60% !important; }
  .u-w-70p-sp { width: 70% !important; }
  .u-w-80p-sp { width: 80% !important; }
  .u-w-90p-sp { width: 90% !important; }
  .u-w-100p-sp { width: 100% !important; }

  .u-w-0-sp { width: 0px !important; }
  .u-w-10-sp { width: 10px !important; }
  .u-w-20-sp { width: 20px !important; }
  .u-w-30-sp { width: 30px !important; }
  .u-w-40-sp { width: 40px !important; }
  .u-w-50-sp { width: 50px !important; }
  .u-w-60-sp { width: 60px !important; }
  .u-w-70-sp { width: 70px !important; }
  .u-w-80-sp { width: 80px !important; }
  .u-w-90-sp { width: 90px !important; }
  .u-w-100-sp { width: 100px !important; }
  .u-w-110-sp { width: 110px !important; }
  .u-w-120-sp { width: 120px !important; }
  .u-w-130-sp { width: 130px !important; }
  .u-w-140-sp { width: 140px !important; }
  .u-w-150-sp { width: 150px !important; }
  .u-w-160-sp { width: 160px !important; }
  .u-w-170-sp { width: 170px !important; }
  .u-w-180-sp { width: 180px !important; }
  .u-w-190-sp { width: 190px !important; }
  .u-w-200-sp { width: 200px !important; }
  .u-w-210-sp { width: 210px !important; }
  .u-w-220-sp { width: 220px !important; }
  .u-w-230-sp { width: 230px !important; }
  .u-w-240-sp { width: 240px !important; }
  .u-w-250-sp { width: 250px !important; }
  .u-w-260-sp { width: 260px !important; }
  .u-w-270-sp { width: 270px !important; }
  .u-w-280-sp { width: 280px !important; }
  .u-w-290-sp { width: 290px !important; }
  .u-w-300-sp { width: 300px !important; }
  .u-w-310-sp { width: 310px !important; }
  .u-w-320-sp { width: 320px !important; }
  .u-w-330-sp { width: 330px !important; }
  .u-w-340-sp { width: 340px !important; }
  .u-w-350-sp { width: 350px !important; }
  .u-w-360-sp { width: 360px !important; }
  .u-w-370-sp { width: 370px !important; }
  .u-w-380-sp { width: 380px !important; }
  .u-w-390-sp { width: 390px !important; }
  .u-w-400-sp { width: 400px !important; }
  .u-w-410-sp { width: 410px !important; }
  .u-w-420-sp { width: 420px !important; }
  .u-w-430-sp { width: 430px !important; }
  .u-w-440-sp { width: 440px !important; }
  .u-w-450-sp { width: 450px !important; }
  .u-w-460-sp { width: 460px !important; }
  .u-w-470-sp { width: 470px !important; }
  .u-w-480-sp { width: 480px !important; }
  .u-w-490-sp { width: 490px !important; }
  .u-w-500-sp { width: 500px !important; }
  .u-w-510-sp { width: 510px !important; }
  .u-w-520-sp { width: 520px !important; }
  .u-w-530-sp { width: 530px !important; }
  .u-w-540-sp { width: 540px !important; }
  .u-w-550-sp { width: 550px !important; }
  .u-w-560-sp { width: 560px !important; }
  .u-w-570-sp { width: 570px !important; }
  .u-w-580-sp { width: 580px !important; }
  .u-w-590-sp { width: 590px !important; }
  .u-w-600-sp { width: 600px !important; }
  .u-w-610-sp { width: 610px !important; }
  .u-w-620-sp { width: 620px !important; }
  .u-w-630-sp { width: 630px !important; }
  .u-w-640-sp { width: 640px !important; }
  .u-w-650-sp { width: 650px !important; }
  .u-w-660-sp { width: 660px !important; }
  .u-w-670-sp { width: 670px !important; }
  .u-w-680-sp { width: 680px !important; }
  .u-w-690-sp { width: 690px !important; }
  .u-w-700-sp { width: 700px !important; }
  .u-w-710-sp { width: 710px !important; }
  .u-w-720-sp { width: 720px !important; }
  .u-w-730-sp { width: 730px !important; }
  .u-w-740-sp { width: 740px !important; }
  .u-w-750-sp { width: 750px !important; }
  .u-w-760-sp { width: 760px !important; }
  .u-w-770-sp { width: 770px !important; }
  .u-w-780-sp { width: 780px !important; }
  .u-w-790-sp { width: 790px !important; }
  .u-w-800-sp { width: 800px !important; }
  .u-w-810-sp { width: 810px !important; }
  .u-w-820-sp { width: 820px !important; }
  .u-w-830-sp { width: 830px !important; }
  .u-w-840-sp { width: 840px !important; }
  .u-w-850-sp { width: 850px !important; }
  .u-w-860-sp { width: 860px !important; }
  .u-w-870-sp { width: 870px !important; }
  .u-w-880-sp { width: 880px !important; }
  .u-w-890-sp { width: 890px !important; }
  .u-w-900-sp { width: 900px !important; }
  .u-w-910-sp { width: 910px !important; }
  .u-w-920-sp { width: 920px !important; }
  .u-w-930-sp { width: 930px !important; }
  .u-w-940-sp { width: 940px !important; }
  .u-w-950-sp { width: 950px !important; }
  .u-w-960-sp { width: 960px !important; }
  .u-w-970-sp { width: 970px !important; }
  .u-w-980-sp { width: 980px !important; }
  .u-w-990-sp { width: 990px !important; }
  .u-w-1000-sp { width: 1000px !important; }

  /* Padding
  ---------------------------------------------*/
  .u-ph-0-sp { padding-left: 0px !important; padding-right: 0px !important; }
  .u-ph-5-sp { padding-left: 5px !important; padding-right: 5px !important; }
  .u-ph-10-sp { padding-left: 10px !important; padding-right: 10px !important; }
  .u-ph-15-sp { padding-left: 15px !important; padding-right: 15px !important; }
  .u-ph-20-sp { padding-left: 20px !important; padding-right: 20px !important; }
  .u-ph-25-sp { padding-left: 25px !important; padding-right: 25px !important; }
  .u-ph-30-sp { padding-left: 30px !important; padding-right: 30px !important; }
  .u-ph-35-sp { padding-left: 35px !important; padding-right: 35px !important; }
  .u-ph-40-sp { padding-left: 40px !important; padding-right: 40px !important; }
  .u-ph-45-sp { padding-left: 45px !important; padding-right: 45px !important; }
  .u-ph-50-sp { padding-left: 50px !important; padding-right: 50px !important; }
  .u-ph-55-sp { padding-left: 55px !important; padding-right: 55px !important; }
  .u-ph-60-sp { padding-left: 60px !important; padding-right: 60px !important; }
  .u-ph-65-sp { padding-left: 65px !important; padding-right: 65px !important; }
  .u-ph-70-sp { padding-left: 70px !important; padding-right: 70px !important; }
  .u-ph-75-sp { padding-left: 75px !important; padding-right: 75px !important; }
  .u-ph-80-sp { padding-left: 80px !important; padding-right: 80px !important; }
  .u-ph-85-sp { padding-left: 85px !important; padding-right: 85px !important; }
  .u-ph-90-sp { padding-left: 90px !important; padding-right: 90px !important; }
  .u-ph-95-sp { padding-left: 95px !important; padding-right: 95px !important; }
  .u-ph-100-sp { padding-left: 100px !important; padding-right: 100px !important; }

  .u-pv-0-sp { padding-top: 0px !important; padding-bottom: 0px !important; }
  .u-pv-5-sp { padding-top: 5px !important; padding-bottom: 5px !important; }
  .u-pv-10-sp { padding-top: 10px !important; padding-bottom: 10px !important; }
  .u-pv-15-sp { padding-top: 15px !important; padding-bottom: 15px !important; }
  .u-pv-20-sp { padding-top: 20px !important; padding-bottom: 20px !important; }
  .u-pv-25-sp { padding-top: 25px !important; padding-bottom: 25px !important; }
  .u-pv-30-sp { padding-top: 30px !important; padding-bottom: 30px !important; }
  .u-pv-35-sp { padding-top: 35px !important; padding-bottom: 35px !important; }
  .u-pv-40-sp { padding-top: 40px !important; padding-bottom: 40px !important; }
  .u-pv-45-sp { padding-top: 45px !important; padding-bottom: 45px !important; }
  .u-pv-50-sp { padding-top: 50px !important; padding-bottom: 50px !important; }
  .u-pv-55-sp { padding-top: 55px !important; padding-bottom: 55px !important; }
  .u-pv-60-sp { padding-top: 60px !important; padding-bottom: 60px !important; }
  .u-pv-65-sp { padding-top: 65px !important; padding-bottom: 65px !important; }
  .u-pv-70-sp { padding-top: 70px !important; padding-bottom: 70px !important; }
  .u-pv-75-sp { padding-top: 75px !important; padding-bottom: 75px !important; }
  .u-pv-80-sp { padding-top: 80px !important; padding-bottom: 80px !important; }
  .u-pv-85-sp { padding-top: 85px !important; padding-bottom: 85px !important; }
  .u-pv-90-sp { padding-top: 90px !important; padding-bottom: 90px !important; }
  .u-pv-95-sp { padding-top: 95px !important; padding-bottom: 95px !important; }
  .u-pv-100-sp { padding-top: 100px !important; padding-bottom: 100px !important; }

  .u-p-0-sp { padding: 0px !important; }
  .u-p-5-sp { padding: 5px !important; }
  .u-p-10-sp { padding: 10px !important; }
  .u-p-15-sp { padding: 15px !important; }
  .u-p-20-sp { padding: 20px !important; }
  .u-p-25-sp { padding: 25px !important; }
  .u-p-30-sp { padding: 30px !important; }
  .u-p-35-sp { padding: 35px !important; }
  .u-p-40-sp { padding: 40px !important; }
  .u-p-45-sp { padding: 45px !important; }
  .u-p-50-sp { padding: 50px !important; }
  .u-p-55-sp { padding: 55px !important; }
  .u-p-60-sp { padding: 60px !important; }
  .u-p-65-sp { padding: 65px !important; }
  .u-p-70-sp { padding: 70px !important; }
  .u-p-75-sp { padding: 75px !important; }
  .u-p-80-sp { padding: 80px !important; }
  .u-p-85-sp { padding: 85px !important; }
  .u-p-90-sp { padding: 90px !important; }
  .u-p-95-sp { padding: 95px !important; }
  .u-p-100-sp { padding: 100px !important; }

  .u-pl-0-sp { padding-left: 0px !important; }
  .u-pl-5-sp { padding-left: 5px !important; }
  .u-pl-10-sp { padding-left: 10px !important; }
  .u-pl-15-sp { padding-left: 15px !important; }
  .u-pl-20-sp { padding-left: 20px !important; }
  .u-pl-25-sp { padding-left: 25px !important; }
  .u-pl-30-sp { padding-left: 30px !important; }
  .u-pl-35-sp { padding-left: 35px !important; }
  .u-pl-40-sp { padding-left: 40px !important; }
  .u-pl-45-sp { padding-left: 45px !important; }
  .u-pl-50-sp { padding-left: 50px !important; }
  .u-pl-55-sp { padding-left: 55px !important; }
  .u-pl-60-sp { padding-left: 60px !important; }
  .u-pl-65-sp { padding-left: 65px !important; }
  .u-pl-70-sp { padding-left: 70px !important; }
  .u-pl-75-sp { padding-left: 75px !important; }
  .u-pl-80-sp { padding-left: 80px !important; }
  .u-pl-85-sp { padding-left: 85px !important; }
  .u-pl-90-sp { padding-left: 90px !important; }
  .u-pl-95-sp { padding-left: 95px !important; }
  .u-pl-100-sp { padding-left: 100px !important; }

  .u-pr-0-sp { padding-right: 0px !important; }
  .u-pr-5-sp { padding-right: 5px !important; }
  .u-pr-10-sp { padding-right: 10px !important; }
  .u-pr-15-sp { padding-right: 15px !important; }
  .u-pr-20-sp { padding-right: 20px !important; }
  .u-pr-25-sp { padding-right: 25px !important; }
  .u-pr-30-sp { padding-right: 30px !important; }
  .u-pr-35-sp { padding-right: 35px !important; }
  .u-pr-40-sp { padding-right: 40px !important; }
  .u-pr-45-sp { padding-right: 45px !important; }
  .u-pr-50-sp { padding-right: 50px !important; }
  .u-pr-55-sp { padding-right: 55px !important; }
  .u-pr-60-sp { padding-right: 60px !important; }
  .u-pr-65-sp { padding-right: 65px !important; }
  .u-pr-70-sp { padding-right: 70px !important; }
  .u-pr-75-sp { padding-right: 75px !important; }
  .u-pr-80-sp { padding-right: 80px !important; }
  .u-pr-85-sp { padding-right: 85px !important; }
  .u-pr-90-sp { padding-right: 90px !important; }
  .u-pr-95-sp { padding-right: 95px !important; }
  .u-pr-100-sp { padding-right: 100px !important; }

  .u-pt-0-sp { padding-top: 0px !important; }
  .u-pt-5-sp { padding-top: 5px !important; }
  .u-pt-10-sp { padding-top: 10px !important; }
  .u-pt-15-sp { padding-top: 15px !important; }
  .u-pt-20-sp { padding-top: 20px !important; }
  .u-pt-25-sp { padding-top: 25px !important; }
  .u-pt-30-sp { padding-top: 30px !important; }
  .u-pt-35-sp { padding-top: 35px !important; }
  .u-pt-40-sp { padding-top: 40px !important; }
  .u-pt-45-sp { padding-top: 45px !important; }
  .u-pt-50-sp { padding-top: 50px !important; }
  .u-pt-55-sp { padding-top: 55px !important; }
  .u-pt-60-sp { padding-top: 60px !important; }
  .u-pt-65-sp { padding-top: 65px !important; }
  .u-pt-70-sp { padding-top: 70px !important; }
  .u-pt-75-sp { padding-top: 75px !important; }
  .u-pt-80-sp { padding-top: 80px !important; }
  .u-pt-85-sp { padding-top: 85px !important; }
  .u-pt-90-sp { padding-top: 90px !important; }
  .u-pt-95-sp { padding-top: 95px !important; }
  .u-pt-100-sp { padding-top: 100px !important; }

  .u-pb-0-sp { padding-bottom: 0px !important; }
  .u-pb-5-sp { padding-bottom: 5px !important; }
  .u-pb-10-sp { padding-bottom: 10px !important; }
  .u-pb-15-sp { padding-bottom: 15px !important; }
  .u-pb-20-sp { padding-bottom: 20px !important; }
  .u-pb-25-sp { padding-bottom: 25px !important; }
  .u-pb-30-sp { padding-bottom: 30px !important; }
  .u-pb-35-sp { padding-bottom: 35px !important; }
  .u-pb-40-sp { padding-bottom: 40px !important; }
  .u-pb-45-sp { padding-bottom: 45px !important; }
  .u-pb-50-sp { padding-bottom: 50px !important; }
  .u-pb-55-sp { padding-bottom: 55px !important; }
  .u-pb-60-sp { padding-bottom: 60px !important; }
  .u-pb-65-sp { padding-bottom: 65px !important; }
  .u-pb-70-sp { padding-bottom: 70px !important; }
  .u-pb-75-sp { padding-bottom: 75px !important; }
  .u-pb-80-sp { padding-bottom: 80px !important; }
  .u-pb-85-sp { padding-bottom: 85px !important; }
  .u-pb-90-sp { padding-bottom: 90px !important; }
  .u-pb-95-sp { padding-bottom: 95px !important; }
  .u-pb-100-sp { padding-bottom: 100px !important; }

}

.inquiry:empty{
  margin: 0px 0px !important;
}

.inquiry{
  margin: -60px 0 120px 0;
}

@media only screen and (max-width: 767px) {
  .inquiry:empty{
    margin: 0px 0px !important;
  }

  .inquiry{
    margin: -30px 0 60px 0;
  }
}