@charset "UTF-8";
/* width
---------------------------------------------------------- */
/* fonts
---------------------------------------------------------- */
/* color
---------------------------------------------------------- */
/* z-index
---------------------------------------------------------- */
/* Media query
---------------------------------------------------------- */
/* hover
---------------------------------------------------------- */
/* ==========================================================
  fonts
========================================================== */
/* ==========================================================
  html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section, main {
  display: block; }

/* ==========================================================
  reseting
========================================================== */
@media all and (min-width: 897px) {
  #__next {
    height: 100%; } }

html {
  font-size: 62.5%;
  scroll-behavior: smooth; }
  @media all and (max-width: 896px) {
    html.-is-fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; } }
  @media all and (min-width: 897px) {
    html {
      height: 100%; } }

body {
  background-color: #fff;
  color: #222;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.75px;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }
  @media all and (min-width: 897px) {
    body {
      height: 100%;
      font-size: 1.3rem; } }

input, textarea, select, button {
  font-family: "Noto Sans JP", sans-serif;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption {
  margin: 0;
  padding: 0; }

input, textarea {
  margin: 0;
  font-size: 100%; }

textarea {
  resize: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none; }

button {
  border: none;
  overflow: visible;
  background: none;
  vertical-align: top;
  font-size: 100%;
  color: inherit;
  cursor: pointer;
  appearance: none; }

label {
  cursor: pointer; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; }

fieldset {
  border: 0; }

img {
  border: 0;
  height: auto;
  vertical-align: top; }

address, caption, code, em, th {
  font-style: normal;
  font-weight: 500; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6, strong, em {
  font-size: 100%;
  font-weight: normal; }

sup, sub {
  font-size: 63%; }

sup {
  vertical-align: top; }

sub {
  vertical-align: baseline; }

a {
  color: inherit;
  text-decoration: none; }

* {
  box-sizing: border-box; }

/* ==========================================================
  libs
========================================================== */
@keyframes closeWindow {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.ril__outer {
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
  background-color: #000; }
  @media all and (min-width: 897px) {
    .ril__outer {
      background: rgba(0, 0, 0, 0.5); } }

.ril__outerClosing {
  opacity: 0; }

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none; }

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7; }

.ril__navButtons:hover {
  opacity: 1; }

.ril__navButtons:active {
  opacity: 0.7; }

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat center; }

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+") no-repeat center; }

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  background-size: cover; }

.ril__caption,
.ril__toolbar {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between; }

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto; }

.ril__captionContent {
  padding: 10px 20px;
  color: #fff; }

.ril__toolbar {
  top: 20px;
  height: 50px; }

.ril__toolbarSide {
  height: 50px;
  margin: 0; }

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis; }

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  flex: 0 0 auto; }

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ril__toolbarItemChild {
  vertical-align: middle; }

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7; }

.ril__builtinButton:hover {
  opacity: 1; }

.ril__builtinButton:active {
  outline: none; }

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5; }

.ril__builtinButtonDisabled:hover {
  opacity: 0.5; }

.ril__closeButton {
  opacity: 1;
  vertical-align: top; }
  @media all and (max-width: 896px) {
    .ril__closeButton {
      width: 44px;
      height: 44px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ0IDQ0Ij4NCiAgPGcgaWQ9ImJ0biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMTguNzkzIC0xNjQwKSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yNyIgZGF0YS1uYW1lPSJFbGxpcHNlIDI3IiBjeD0iMjIiIGN5PSIyMiIgcj0iMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMTguNzkzIDE2NDApIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjYiLz4NCiAgICA8ZyBpZD0iR3JvdXBfMTcyIiBkYXRhLW5hbWU9Ikdyb3VwIDE3MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzMi43OTMgMTY1NCkiPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDciIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwNyIgd2lkdGg9IjIwLjg4NyIgaGVpZ2h0PSIxLjc0MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYgMS4yMzEpIHJvdGF0ZSgxMzUpIiBmaWxsPSIjMjIyIi8+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIwNy0yIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDciIHdpZHRoPSIyMC44ODciIGhlaWdodD0iMS43NDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMjMxIDApIHJvdGF0ZSg0NSkiIGZpbGw9IiMyMjIiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K) no-repeat;
      background-size: 44px; } }
  @media all and (min-width: 897px) {
    .ril__closeButton {
      width: 30px;
      height: 30px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS42OTkiIGhlaWdodD0iMjkuNjk4IiB2aWV3Qm94PSIwIDAgMjkuNjk5IDI5LjY5OCI+DQogIDxnIGlkPSJfIiBkYXRhLW5hbWU9IsOXIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyOCAtMjYyMSkiPg0KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjczIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNzMiIHdpZHRoPSI0MCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI5LjQxNCAyNjIxKSByb3RhdGUoNDUpIiBmaWxsPSIjZmZmIi8+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNzQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI3NCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNTcuNjk4IDI2MjIuNDE0KSByb3RhdGUoMTM1KSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==) no-repeat;
      background-size: 30px; } }

.ril__zoomInButton {
  display: none;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") no-repeat center; }

.ril__zoomOutButton {
  display: none;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") no-repeat center; }

.ril__outerAnimating {
  animation-name: closeWindow; }

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0; }
  20% {
    opacity: 1; } }

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative; }

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both; }

.ril__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg); }

.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg); }

.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms; }

.ril__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg); }

.ril__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg); }

.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms; }

.ril__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg); }

.ril__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg); }

.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms; }

.ril__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg); }

.ril__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg); }

.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms; }

.ril__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg); }

.ril__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg); }

.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms; }

.ril__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg); }

.ril__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg); }

.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms; }

.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg); }

.ril__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg); }

.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms; }

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none; }

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff; }

.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none; }

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

/* ==========================================================
  components
========================================================== */
/* banner-compass
---------------------------------------------------------- */
.banner-compass {
  overflow: hidden; }
  .banner-compass > .link {
    position: relative;
    display: block; }
    @media all and (min-width: 897px) {
      .banner-compass > .link {
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        .banner-compass > .link:hover {
          opacity: 0.6; } }
  .banner-compass > .link > .boxinfo {
    display: flex;
    align-items: center; }
    @media all and (max-width: 896px) {
      .banner-compass > .link > .boxinfo {
        height: 52.266vw;
        padding: 25px;
        background: url(/_next/static/images/img_banner_compass_sp-7ed8e44e24399eb831fba2de7a4e82f3.jpg) center no-repeat;
        background-size: cover; } }
    @media all and (min-width: 897px) {
      .banner-compass > .link > .boxinfo {
        position: absolute;
        top: 0;
        left: 202px;
        height: 200px; } }
  .banner-compass > .link > .boxinfo > .inner > .text {
    font-size: 1.1rem;
    line-height: 1.6; }
    @media all and (min-width: 897px) {
      .banner-compass > .link > .boxinfo > .inner > .text {
        font-size: 1.5rem; } }
  .banner-compass > .link > .boxinfo > .inner > .logo {
    display: block;
    height: 21px;
    margin-top: 20px; }
    @media all and (min-width: 897px) {
      .banner-compass > .link > .boxinfo > .inner > .logo {
        height: 37px;
        margin-top: 15px; } }
  .banner-compass > .link > .boxinfo > .inner > .arrow {
    position: relative;
    display: inline-block;
    color: #A88D51;
    font-size: 1.1rem;
    font-weight: 500; }
    @media all and (max-width: 896px) {
      .banner-compass > .link > .boxinfo > .inner > .arrow {
        margin-top: 35px;
        padding-bottom: 12px; } }
    @media all and (min-width: 897px) {
      .banner-compass > .link > .boxinfo > .inner > .arrow {
        margin-top: 30px;
        padding-right: 70px;
        font-size: 1.6rem; } }
    .banner-compass > .link > .boxinfo > .inner > .arrow::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 42px;
      height: 6px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAMCAYAAAD8tppbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTExLTA2VDE3OjM4OjUzKzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMS0wNlQxNzo0Nzo1OSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMS0wNlQxNzo0Nzo1OSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplZTg4NzJlOS0yNDBhLTc4NDgtYjFhMC04NjQwZDc2YWQxZDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZWU4ODcyZTktMjQwYS03ODQ4LWIxYTAtODY0MGQ3NmFkMWQyIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZWU4ODcyZTktMjQwYS03ODQ4LWIxYTAtODY0MGQ3NmFkMWQyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplZTg4NzJlOS0yNDBhLTc4NDgtYjFhMC04NjQwZDc2YWQxZDIiIHN0RXZ0OndoZW49IjIwMjAtMTEtMDZUMTc6Mzg6NTMrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ajFUSAAAAiklEQVRIx+3XsQ2AIBCFYUdwFDdwhWMjawO6gh2ERjfQDRzFERCwsJCYnF75XvJXhOaroKqwx+aRaqdp9T01nHshBOCVZg11zqjgDB0cVIC+oWqauKgAFUYFqDAqQIVRASqMClBhVIAKo2ZQP6gW8YqP/r2EmkGvA/S9GzWDWqM29K8Iu6TvagI9Ab9Yi3rfuy77AAAAAElFTkSuQmCC) no-repeat;
      background-size: 42px 6px;
      content: ''; }
      @media all and (min-width: 897px) {
        .banner-compass > .link > .boxinfo > .inner > .arrow::after {
          top: 50%;
          left: auto;
          right: 0;
          width: 52px;
          height: 10px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAKCAYAAAD7CH02AAAABHNCSVQICAgIfAhkiAAAAIpJREFUSEtjZBgCYP38AgHG/yzr/zMyFgYmdl/A52TGIeAfhvXzSw0Y//0/wMD4//9/RiZHfJ4aEh4CBTqxnhoyHiLWU0PKQ8R4ash5iJCnhqSH8HmKcdO8UvuhUNJhc+N/xn8GDP8ZJ/xn+P8BVvoxbpxX8n+oegjZ3TBPMa6fX+IwHDwE8QPjBwAzx1jxUGG6hwAAAABJRU5ErkJggg==) no-repeat;
          background-size: 52px 10px;
          transform: translateY(-50%); } }
  @media all and (max-width: 896px) {
    .banner-compass > .link > .figure {
      display: none; } }
  @media all and (max-width: 896px) {
    .banner-compass.-compass-plus > .link > .boxinfo {
      background-image: url(/_next/static/images/img_banner_compassplus_sp-509a71e5b6cba63ad0de47647a16ff09.jpg); } }

/* banner-maf
---------------------------------------------------------- */
.banner-maf > .link {
  display: block; }
  @media all and (min-width: 897px) {
    .banner-maf > .link {
      display: flex;
      transition: opacity 0.2s ease-out;
      transform: translateZ(0); }
      .banner-maf > .link:hover {
        opacity: 0.6; } }

.banner-maf > .link > .boxinfo {
  padding: 25px;
  background-color: #F6F6F6; }
  @media all and (min-width: 897px) {
    .banner-maf > .link > .boxinfo {
      display: flex;
      padding: 25px 50px;
      justify-content: center;
      flex-direction: column;
      width: 50%; } }

.banner-maf > .link > .boxinfo > .logo {
  display: block;
  width: 115px; }
  @media all and (min-width: 897px) {
    .banner-maf > .link > .boxinfo > .logo {
      width: 155px; } }

@media all and (max-width: 896px) {
  .banner-maf > .link > .boxinfo > .inner {
    display: flex;
    align-items: flex-end;
    margin-top: 10px; } }

.banner-maf > .link > .boxinfo > .inner > .text {
  font-weight: 500;
  line-height: 1.7; }
  @media all and (max-width: 896px) {
    .banner-maf > .link > .boxinfo > .inner > .text {
      flex: 1;
      font-size: 1.8rem; } }
  @media all and (min-width: 897px) {
    .banner-maf > .link > .boxinfo > .inner > .text {
      margin-top: 15px;
      font-size: 2.2rem; } }

.banner-maf > .link > .boxinfo > .inner > .arrow {
  position: relative;
  color: #888;
  font-weight: 500; }
  @media all and (max-width: 896px) {
    .banner-maf > .link > .boxinfo > .inner > .arrow {
      flex: 0 0 auto;
      margin-left: 15px;
      padding-bottom: 12px;
      font-size: 1.1rem; } }
  @media all and (min-width: 897px) {
    .banner-maf > .link > .boxinfo > .inner > .arrow {
      display: inline-block;
      margin-top: 30px;
      padding-right: 70px;
      font-size: 1.6rem; } }
  .banner-maf > .link > .boxinfo > .inner > .arrow::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAMCAYAAAD8tppbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTExLTA2VDE2OjQwOjA3KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMS0wNlQxNjo0MTozMSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMS0wNlQxNjo0MTozMSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOWU0YWYyNi1jMzJjLTJhNDQtOGI2Yy05Zjk0YjhmMWVhNGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzllNGFmMjYtYzMyYy0yYTQ0LThiNmMtOWY5NGI4ZjFlYTRlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MzllNGFmMjYtYzMyYy0yYTQ0LThiNmMtOWY5NGI4ZjFlYTRlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozOWU0YWYyNi1jMzJjLTJhNDQtOGI2Yy05Zjk0YjhmMWVhNGUiIHN0RXZ0OndoZW49IjIwMjAtMTEtMDZUMTY6NDA6MDcrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sb8LGAAAAgElEQVRIx+3QsQ2DYAyE0RuBUdiA1dL55MYrMEI2IBtkFEa4NBENKNIfXN5JX2W5eYB3WlVNJLfMnEf+JBnvahHxICmS+wiqQX+jrqOoBm1GNWgzqkGbUQ3ajGrQZlSDNqNKAjJzcWORfF+hSgK+B/d/B6okICJe7l4kn1U1ScIH0bigAJwySHEAAAAASUVORK5CYII=) no-repeat;
    background-size: 42px 6px;
    content: ''; }
    @media all and (min-width: 897px) {
      .banner-maf > .link > .boxinfo > .inner > .arrow::after {
        top: 50%;
        right: 0;
        width: 52px;
        height: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAKCAYAAAD7CH02AAAABHNCSVQICAgIfAhkiAAAAIVJREFUSEvd1LERgzAMheEneYGMwgaEkWi8gn1qzCZZgREYhdaNyMFdmlzOcfvQBP+n4gkIrpTyqLW+VHWOMW6tZCHwwMwGd18BHKo6tVAUoPPpvSgaUC+KCtSDogP9Q1GCWigxs5Fh6X41uvsAYAGwf9ZPcs4HK+ir+0JJSul5ExBCCPsbSjBNp5N+hnQAAAAASUVORK5CYII=) no-repeat;
        background-size: 52px 10px;
        transform: translateY(-50%); } }

.banner-maf > .link > .figure {
  display: block; }

.banner-maf > .link > .figure > .image {
  display: block;
  width: 100%; }

/* button-arrow
---------------------------------------------------------- */
.button-arrow {
  position: relative;
  display: flex;
  background-color: #F5F5F5;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  transition: background-color 0.2s ease-out; }
  @media all and (min-width: 897px) {
    .button-arrow {
      font-size: 1.4rem;
      cursor: pointer; } }
  .button-arrow::after {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 11px;
    height: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTA1VDE2OjAwOjQ3KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0wNVQxNjowMzowOSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0wNVQxNjowMzowOSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5M2ZiODY0OC02NTZmLTdlNDktYjQ5Yi04N2U5NjU3ZTRkOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTNmYjg2NDgtNjU2Zi03ZTQ5LWI0OWItODdlOTY1N2U0ZDljIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTNmYjg2NDgtNjU2Zi03ZTQ5LWI0OWItODdlOTY1N2U0ZDljIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5M2ZiODY0OC02NTZmLTdlNDktYjQ5Yi04N2U5NjU3ZTRkOWMiIHN0RXZ0OndoZW49IjIwMjAtMTAtMDVUMTY6MDA6NDcrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5EgaZHAAAApklEQVQoka3QUQ3CQBCE4ZlDAFcH0zPASaBOcAYWUNBKKA7WQYuBW15o0oQErin/8+bLZIENSbqklK41t4cNqEIIPYDcNI2mabp/uw+1sJlZKaUD8ATwczlr4SVJOYQwADi6++junZnNu+FavPoV68xsLKVkd3+QzCR7SXH34iVJkeRA8uTu83v5CACUdAbgO/xI8kYyrnGmlPagHy0427Yd/gkvvQCFkVaqdQhKNQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 11px 5px;
    transform: translateY(-50%) rotate(0.01deg);
    content: ''; }
    @media all and (min-width: 897px) {
      .button-arrow::after {
        right: 30px; } }
  @media all and (min-width: 897px) {
    .button-arrow:hover {
      background-color: #222;
      color: #fff; }
      .button-arrow:hover::after {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTA1VDE2OjA0OjM5KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0wNVQxNjowOToyOSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0wNVQxNjowOToyOSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiYzgyMDk4ZS00MzRmLWNhNDEtOTRkMS1mNTg4ZjE3OTJmMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YmM4MjA5OGUtNDM0Zi1jYTQxLTk0ZDEtZjU4OGYxNzkyZjAzIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YmM4MjA5OGUtNDM0Zi1jYTQxLTk0ZDEtZjU4OGYxNzkyZjAzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiYzgyMDk4ZS00MzRmLWNhNDEtOTRkMS1mNTg4ZjE3OTJmMDMiIHN0RXZ0OndoZW49IjIwMjAtMTAtMDVUMTY6MDQ6MzkrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51M+uuAAAAZ0lEQVQokdXMsRGAIBBE0b0OKIESKAE7sTMtxQ6kE+3gG6gjgYEMEPiTC272SQUBIzCVbL6gnqfmeAT2XnjI8BVwv8E9kHrhLsM3INw/A6IkKnwnab7uLmkws2RADfrWiQNLY1iSdADdr3vmUlSNwAAAAABJRU5ErkJggg==) no-repeat;
        background-size: 11px 5px; } }
  .button-arrow > .inner {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 10px 35px; }
    @media all and (min-width: 897px) {
      .button-arrow > .inner {
        min-height: 60px;
        padding: 8px 45px; } }
  @media all and (min-width: 897px) {
    .button-arrow.-size-md {
      max-width: 300px;
      margin: 0 auto; } }
  .button-arrow.-color-black {
    background-color: #222;
    color: #fff;
    transition: opacity 0.2s ease-out;
    transform: translateZ(0); }
    .button-arrow.-color-black:hover {
      opacity: 0.6; }
    .button-arrow.-color-black::after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTA1VDE2OjA0OjM5KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0wNVQxNjowOToyOSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0wNVQxNjowOToyOSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiYzgyMDk4ZS00MzRmLWNhNDEtOTRkMS1mNTg4ZjE3OTJmMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YmM4MjA5OGUtNDM0Zi1jYTQxLTk0ZDEtZjU4OGYxNzkyZjAzIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YmM4MjA5OGUtNDM0Zi1jYTQxLTk0ZDEtZjU4OGYxNzkyZjAzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiYzgyMDk4ZS00MzRmLWNhNDEtOTRkMS1mNTg4ZjE3OTJmMDMiIHN0RXZ0OndoZW49IjIwMjAtMTAtMDVUMTY6MDQ6MzkrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51M+uuAAAAZ0lEQVQokdXMsRGAIBBE0b0OKIESKAE7sTMtxQ6kE+3gG6gjgYEMEPiTC272SQUBIzCVbL6gnqfmeAT2XnjI8BVwv8E9kHrhLsM3INw/A6IkKnwnab7uLmkws2RADfrWiQNLY1iSdADdr3vmUlSNwAAAAABJRU5ErkJggg==); }
  .button-arrow.-top-service {
    font-size: 1.3rem; }
    @media all and (min-width: 897px) {
      .button-arrow.-top-service {
        max-width: 500px;
        margin: 0 auto;
        font-size: 1.5rem; } }
    .button-arrow.-top-service::after {
      right: 30px; }
    .button-arrow.-top-service > .inner {
      min-height: 54px; }
      @media all and (min-width: 897px) {
        .button-arrow.-top-service > .inner {
          min-height: 70px; } }
  .button-arrow.-no-icon::after {
    display: none; }
  .button-arrow.-service-list {
    font-size: 1.3rem; }
    @media all and (min-width: 897px) {
      .button-arrow.-service-list {
        font-size: 1.4rem; } }
    .button-arrow.-service-list > .inner {
      min-height: 78px; }
      @media all and (min-width: 897px) {
        .button-arrow.-service-list > .inner {
          min-height: 70px; } }
  .button-arrow.-principle-list {
    font-size: 1.4rem;
    font-family: "Noto Serif JP", serif; }
    @media all and (min-width: 897px) {
      .button-arrow.-principle-list {
        font-size: 1.8rem; }
        .button-arrow.-principle-list:hover {
          background-color: #F5F5F5;
          color: inherit;
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          .button-arrow.-principle-list:hover:hover {
            opacity: 0.6; }
          .button-arrow.-principle-list:hover::after {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAAQCAYAAADnP8bTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTI2VDE2OjI2OjE3KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0yNlQxNjozOToyNCswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0yNlQxNjozOToyNCswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNjdmYzM2Ny01M2NkLTNiNGYtYTc0Yy00ZDYyMjAyYjlmMTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY3ZmMzNjctNTNjZC0zYjRmLWE3NGMtNGQ2MjIwMmI5ZjEwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjY3ZmMzNjctNTNjZC0zYjRmLWE3NGMtNGQ2MjIwMmI5ZjEwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjdmYzM2Ny01M2NkLTNiNGYtYTc0Yy00ZDYyMjAyYjlmMTAiIHN0RXZ0OndoZW49IjIwMjAtMTAtMjZUMTY6MjY6MTcrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7rriZFAAABMklEQVRoge3YzU3DQBAF4JmhAFzCrCtwB4QOSAU4HdABLUAFcSdxCaaB7NCBK/DjgK8o/kORkvfd9uCnOTx5tfMgRBOklE5FUXz3fR9rswCIbTAT3Th3r1V1Z2Ynd6+3yGTx6KKIaETkU0TEzI5lWb6vzdS1AXQ/3L02s+N4bM7n82FJDgAWj+Zx9xcza0TkEUALYB8R/ZwMFo8WcffKzFr5LV8H4HlO+fi4oEUiohuGoQLwpaqVqmZ3r+ZksHi0SEQEgN1YvkJVT+6+m/o9r1paLaXUqOqriMgwDIfxFfwnXrW0iZxzLTPXLfzj0Wamrlv4qqXNTVm3sHj0Ly6tWwCIuvvT1SakW+aq+qGqBYB+LF8nMhavLEtceUC6A2P59hHRAhBNKbXXHoruB4C3nHP3A+hBquK8g1OEAAAAAElFTkSuQmCC) no-repeat;
            background-size: 79px 8px; } }
    .button-arrow.-principle-list::after {
      right: 18px;
      width: 42px;
      height: 6px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAMCAYAAAD8tppbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTI2VDE3OjI5OjI2KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0yNlQxNzozMToyMiswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0yNlQxNzozMToyMiswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNWI0ZGFhMS1jNWUyLTEwNGMtYjA2NC1lODlmZjg4YzUzZDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDViNGRhYTEtYzVlMi0xMDRjLWIwNjQtZTg5ZmY4OGM1M2Q2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDViNGRhYTEtYzVlMi0xMDRjLWIwNjQtZTg5ZmY4OGM1M2Q2Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowNWI0ZGFhMS1jNWUyLTEwNGMtYjA2NC1lODlmZjg4YzUzZDYiIHN0RXZ0OndoZW49IjIwMjAtMTAtMjZUMTc6Mjk6MjYrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5d99cxAAAAt0lEQVRIie3WsQ3CMBSEYZ9ZwNng2RNkA2ASMgKjMAJMQQkjwAROSekNjhYFKbGRIsvoff2TTr9ceGPUFxFxXdddnXPPlNIr946ksWsOa5W19ghgB+AmIn3JLVba1Dzv/RnAgWQiuR/H8bF0oy90RoxxIHkB4Epeqgad8UtUDbqgNKoGzVASVYNmyo2qQQvkRIWIbCtsaxqAE4B++qUiaRBCYOV9TfuMStLAe3+vPeoPJJJDjDG9ASthcSUEP2abAAAAAElFTkSuQmCC) no-repeat;
      background-size: 42px 6px; }
      @media all and (min-width: 897px) {
        .button-arrow.-principle-list::after {
          width: 79px;
          height: 8px;
          right: 48px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAAQCAYAAADnP8bTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTI2VDE2OjI2OjE3KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0yNlQxNjozOToyNCswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0yNlQxNjozOToyNCswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNjdmYzM2Ny01M2NkLTNiNGYtYTc0Yy00ZDYyMjAyYjlmMTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY3ZmMzNjctNTNjZC0zYjRmLWE3NGMtNGQ2MjIwMmI5ZjEwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjY3ZmMzNjctNTNjZC0zYjRmLWE3NGMtNGQ2MjIwMmI5ZjEwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjdmYzM2Ny01M2NkLTNiNGYtYTc0Yy00ZDYyMjAyYjlmMTAiIHN0RXZ0OndoZW49IjIwMjAtMTAtMjZUMTY6MjY6MTcrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7rriZFAAABMklEQVRoge3YzU3DQBAF4JmhAFzCrCtwB4QOSAU4HdABLUAFcSdxCaaB7NCBK/DjgK8o/kORkvfd9uCnOTx5tfMgRBOklE5FUXz3fR9rswCIbTAT3Th3r1V1Z2Ynd6+3yGTx6KKIaETkU0TEzI5lWb6vzdS1AXQ/3L02s+N4bM7n82FJDgAWj+Zx9xcza0TkEUALYB8R/ZwMFo8WcffKzFr5LV8H4HlO+fi4oEUiohuGoQLwpaqVqmZ3r+ZksHi0SEQEgN1YvkJVT+6+m/o9r1paLaXUqOqriMgwDIfxFfwnXrW0iZxzLTPXLfzj0Wamrlv4qqXNTVm3sHj0Ly6tWwCIuvvT1SakW+aq+qGqBYB+LF8nMhavLEtceUC6A2P59hHRAhBNKbXXHoruB4C3nHP3A+hBquK8g1OEAAAAAElFTkSuQmCC) no-repeat;
          background-size: 79px 8px; } }
    .button-arrow.-principle-list > .inner {
      min-height: 80px;
      padding: 10px 65px 10px 12px;
      justify-content: flex-start; }
      @media all and (min-width: 897px) {
        .button-arrow.-principle-list > .inner {
          min-height: 120px;
          padding: 8px 135px 8px 50px; } }

/* button-pagetop
---------------------------------------------------------- */
.button-pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40ODQiIGhlaWdodD0iMTIuNTM5IiB2aWV3Qm94PSIwIDAgMjMuNDg0IDEyLjUzOSI+DQogIDxnIGlkPSJHcm91cF8zNTQiIGRhdGEtbmFtZT0iR3JvdXAgMzU0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMwNC43NTggLTM3NjguMjMxKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfMjciIGRhdGEtbmFtZT0iUGF0aCAyNyIgZD0iTTE0Ljg5MS4wMzYsMCwuNzgyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzE2Ljk5NiAzNzY4Ljk0Nikgcm90YXRlKDQ1KSIgZmlsbD0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF8yNiIgZGF0YS1uYW1lPSJQYXRoIDI2IiBkPSJNMTQuODg5Ljc0NiwwLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMTYuNTU1IDM3NjkuNSkgcm90YXRlKDEzNSkiIGZpbGw9InJnYmEoMCwwLDAsMCkiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogIDwvZz4NCjwvc3ZnPg0K) center rgba(0, 0, 0, 0.2) no-repeat;
  background-size: 16px 7px;
  transition: background-color 0.2s ease-out; }
  @media all and (min-width: 897px) {
    .button-pagetop {
      right: 30px;
      width: 60px;
      height: 60px;
      background-size: 22px 11px;
      cursor: pointer; }
      .button-pagetop:hover {
        background-color: #000; } }
  .button-pagetop.-stop {
    position: absolute;
    top: -64px; }
    @media all and (min-width: 897px) {
      .button-pagetop.-stop {
        top: -80px; } }

/* card-news
---------------------------------------------------------- */
.card-news {
  display: flex;
  text-decoration: none; }
  @media all and (min-width: 897px) {
    .card-news {
      display: block;
      transition: opacity 0.2s ease-out;
      transform: translateZ(0); }
      .card-news:hover {
        opacity: 0.6; } }
  @media all and (max-width: 896px) {
    .card-news > .figure {
      flex: 0 0 auto;
      width: 146px; } }
  @media all and (min-width: 897px) {
    .card-news > .figure {
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
      height: 140px; } }
  .card-news > .figure > .image {
    display: block;
    width: 100%; }
    @media all and (min-width: 897px) {
      .card-news > .figure > .image {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  @media all and (max-width: 896px) {
    .card-news > .info {
      flex: 1;
      padding-left: 15px; } }
  .card-news > .info > .boxdate {
    display: flex; }
    @media all and (max-width: 896px) {
      .card-news > .info > .boxdate {
        align-items: flex-start;
        margin-bottom: 15px;
        line-height: 1.2; } }
    @media all and (min-width: 897px) {
      .card-news > .info > .boxdate {
        margin-bottom: 10px;
        line-height: 1.5; } }
  .card-news > .info > .boxdate > .date {
    flex: 0 0 auto;
    font-family: "Noto Serif JP", serif;
    color: #999;
    font-size: 1.2rem;
    font-weight: 500; }
    @media all and (min-width: 897px) {
      .card-news > .info > .boxdate > .date {
        order: 2;
        margin-left: 15px;
        font-size: 1.5rem; } }
  .card-news > .info > .boxdate > .tag {
    display: inline-block;
    margin-left: 14px;
    padding: 2px 5px;
    background-color: #ADADAD;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center; }
    @media all and (min-width: 897px) {
      .card-news > .info > .boxdate > .tag {
        order: 1;
        margin-left: 0;
        padding: 1px 10px;
        font-size: 1.2rem; } }
  .card-news > .info > .title {
    color: #3A5F9B;
    font-size: 1.4rem;
    line-height: 1.7; }
    @media all and (min-width: 897px) {
      .card-news > .info > .title {
        font-size: 1.5rem;
        line-height: 2; } }

/* card-news-list-archive
---------------------------------------------------------- */
.card-news-list-archive {
  display: flex;
  align-items: flex-start;
  line-height: 1.7; }
  @media all and (max-width: 896px) {
    .card-news-list-archive {
      flex-wrap: wrap; } }
  @media all and (min-width: 897px) {
    .card-news-list-archive.-center {
      align-items: center; } }
  @media all and (min-width: 897px) {
    .card-news-list-archive {
      transform: translateZ(0) rotate(0.01deg); } }
  .card-news-list-archive > .date {
    font-family: "Noto Serif JP", serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #999; }
    @media all and (min-width: 897px) {
      .card-news-list-archive > .date {
        flex: 0 0 auto;
        width: 110px;
        font-size: 1.5rem; } }
  @media all and (max-width: 896px) {
    .card-news-list-archive > .category {
      padding-left: 14px; } }
  @media all and (min-width: 897px) {
    .card-news-list-archive > .category {
      flex: 0 0 auto;
      padding-top: 2px; } }
  .card-news-list-archive > .category > .tag {
    display: block;
    padding: 1px 6px;
    font-size: 1rem;
    color: #fff;
    background-color: #BEBEBE;
    font-weight: 500;
    text-align: center; }
    @media all and (min-width: 897px) {
      .card-news-list-archive > .category > .tag {
        min-width: 120px;
        padding: 0 5px 2px;
        font-size: 1.2rem; } }
  .card-news-list-archive > .link {
    font-size: 1.4rem;
    color: #3A5F9B; }
    @media all and (max-width: 896px) {
      .card-news-list-archive > .link {
        width: 100%;
        margin-top: 5px; } }
    @media all and (min-width: 897px) {
      .card-news-list-archive > .link {
        flex: 1;
        padding-left: 35px;
        font-size: 1.5rem;
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        .card-news-list-archive > .link:hover {
          opacity: 0.6; } }
  .card-news-list-archive > .link > .info.-pdf {
    position: relative;
    display: inline-block;
    padding-left: 30px; }
    .card-news-list-archive > .link > .info.-pdf::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 18px;
      height: 18px;
      background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9wZGYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMjIgMjIiPgogIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTM1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMzUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMCIvPgogIDxwYXRoIGlkPSJmMWMxIiBkPSJNMTUuMjkyLDQuMjQxYTIuNjI2LDIuNjI2LDAsMCwxLC41Ljg0OEEyLjczMiwyLjczMiwwLDAsMSwxNiw2LjA3MVYxOC45MjlhMS4wNzIsMS4wNzIsMCwwLDEtLjI5Mi43NTlBLjkzMy45MzMsMCwwLDEsMTUsMjBIMWEuOTMzLjkzMywwLDAsMS0uNzA4LS4zMTJBMS4wNzIsMS4wNzIsMCwwLDEsMCwxOC45MjlWMS4wNzFBMS4wNzIsMS4wNzIsMCwwLDEsLjI5Mi4zMTMuOTMzLjkzMywwLDAsMSwxLDBoOS4zMzNhMi4yNzEsMi4yNzEsMCwwLDEsLjkxNy4yMjMsMi40MSwyLjQxLDAsMCwxLC43OTIuNTM2Wk0xMC42NjcsMS41MTh2NC4yaDMuOTE3YTEuMjQ3LDEuMjQ3LDAsMCwwLS4yMjktLjQ1OGwtMy4yNi0zLjQ5M0ExLjExOCwxLjExOCwwLDAsMCwxMC42NjcsMS41MThabTQsMTcuMDU0VjcuMTQzSDEwLjMzM2EuOTMzLjkzMywwLDAsMS0uNzA4LS4zMTMsMS4wNzIsMS4wNzIsMCwwLDEtLjI5Mi0uNzU5VjEuNDI5aC04VjE4LjU3MlpNOS4zMTMsMTEuOTUzYTcuOTEyLDcuOTEyLDAsMCwwLC44NzUuNjI1LDkuNjU3LDkuNjU3LDAsMCwxLDEuMjE5LS4wNzhxMS41MzEsMCwxLjg0NC41NDdhLjU3Mi41NzIsMCwwLDEsLjAyMS41OC4wMzMuMDMzLDAsMCwxLS4wMS4wMjJsLS4wMjEuMDIydi4wMTFxLS4wNjIuNDI0LS43NC40MjRhNC4wMzgsNC4wMzgsMCwwLDEtMS4yLS4yMjMsNy4zMTUsNy4zMTUsMCwwLDEtMS4zNTQtLjU5MiwxNy42ODQsMTcuNjg0LDAsMCwwLTQuMDgzLjkyNnEtMS41OTQsMi45MjQtMi41MjEsMi45MjRhLjU3NC41NzQsMCwwLDEtLjI5Mi0uMDc4bC0uMjUtLjEzNHEtLjAxLS4wMTEtLjA2My0uMDU2YS40ODguNDg4LDAsMCwxLS4wNjItLjQsMi40NjMsMi40NjMsMCwwLDEsLjU4My0xLjAyMSw1LjA3Myw1LjA3MywwLDAsMSwxLjM3NS0xLjA3N3EuMTQ2LS4xLjI0LjA2N2EuMDY2LjA2NiwwLDAsMSwuMDIxLjA0NXEuNTQyLS45NDksMS4xMTUtMi4yQTE3Ljc3LDE3Ljc3LDAsMCwwLDcuMDk0LDkuMzY0YTkuNiw5LjYsMCwwLDEtLjMxOC0xLjc4LDQuNjQzLDQuNjQzLDAsMCwxLC4wNjgtMS40MjNxLjExNS0uNDQ2LjQzOC0uNDQ2SDcuNTFhLjQyNy40MjcsMCwwLDEsLjM2NS4xNjcuOTQ1Ljk0NSwwLDAsMSwuMDk0Ljc1OS4yNDkuMjQ5LDAsMCwxLS4wNDIuMDg5LjMxLjMxLDAsMCwxLC4wMS4wODl2LjMzNUExNS42MzgsMTUuNjM4LDAsMCwxLDcuNzkyLDkuMyw1LjcxNiw1LjcxNiwwLDAsMCw5LjMxMywxMS45NTNabS02LDQuNTg3QTQuODI3LDQuODI3LDAsMCwwLDQuNzQsMTQuNzc3YTYuMTQ0LDYuMTQ0LDAsMCwwLS45MTEuOTM4QTMuNzQyLDMuNzQyLDAsMCwwLDMuMzEzLDE2LjU0Wk03LjQ1OCw2LjI3MmEzLjU0OSwzLjU0OSwwLDAsMC0uMDIxLDEuNDczcS4wMS0uMDc4LjA3My0uNDkxLDAtLjAzMy4wNzMtLjQ4YS4yNTkuMjU5LDAsMCwxLC4wNDItLjA4OS4wMzMuMDMzLDAsMCwxLS4wMS0uMDIyLjAyNC4wMjQsMCwwLDAtLjAwNS0uMDE3QS4wMjQuMDI0LDAsMCwxLDcuNiw2LjYzYS42NzEuNjcxLDAsMCwwLS4xMzUtLjQuMDMzLjAzMywwLDAsMS0uMDEuMDIyWk02LjE2NywxMy42NWExNC41LDE0LjUsMCwwLDEsMi45NTgtLjksMS41ODEsMS41ODEsMCwwLDEtLjEzNS0uMTA2LDEuOSwxLjksMCwwLDEtLjE2Ny0uMTUxQTUuOTEzLDUuOTEzLDAsMCwxLDcuNSwxMC41MjVhMTUuNTE2LDE1LjUxNiwwLDAsMS0uODY1LDIuMlE2LjMyMywxMy4zNDgsNi4xNjcsMTMuNjVabTYuNzI5LS4xNzlxLS4yNS0uMjY4LTEuNDU4LS4yNjhhMy43MTgsMy43MTgsMCwwLDAsMS4yOTIuMzEzLjk0My45NDMsMCwwLDAsLjE4OC0uMDExUTEyLjkxNywxMy40OTMsMTIuOSwxMy40NzFaTTE2LDE3LjE0MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAxKSIgZmlsbD0iIzNBNUY5QiIvPgo8L3N2Zz4K) center no-repeat;
      background-size: 18px 18px;
      transform: translateY(-50%);
      content: ''; }
      @media all and (min-width: 897px) {
        .card-news-list-archive > .link > .info.-pdf::before {
          width: 22px;
          height: 22px;
          background-size: 22px 22px; } }

/* card-news-list
---------------------------------------------------------- */
.card-news-list {
  display: flex;
  align-items: flex-start;
  line-height: 1.7; }
  @media all and (max-width: 896px) {
    .card-news-list {
      flex-wrap: wrap; } }
  @media all and (min-width: 897px) {
    .card-news-list.-center {
      align-items: center; } }
  @media all and (min-width: 897px) {
    .card-news-list {
      transition: opacity 0.2s ease-out;
      transform: translateZ(0);
      transform: translateZ(0) rotate(0.01deg); }
      .card-news-list:hover {
        opacity: 0.6; } }
  .card-news-list > .date {
    font-family: "Noto Serif JP", serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #999; }
    @media all and (min-width: 897px) {
      .card-news-list > .date {
        flex: 0 0 auto;
        width: 110px;
        font-size: 1.5rem; } }
  @media all and (max-width: 896px) {
    .card-news-list > .category {
      padding-left: 14px; } }
  @media all and (min-width: 897px) {
    .card-news-list > .category {
      flex: 0 0 auto;
      padding-top: 2px; } }
  .card-news-list > .category > .tag {
    display: block;
    padding: 1px 6px;
    font-size: 1rem;
    color: #fff;
    background-color: #BEBEBE;
    font-weight: 500;
    text-align: center; }
    @media all and (min-width: 897px) {
      .card-news-list > .category > .tag {
        min-width: 120px;
        padding: 0 5px 2px;
        font-size: 1.2rem; } }
  .card-news-list > .info {
    font-size: 1.4rem;
    color: #3A5F9B; }
    @media all and (max-width: 896px) {
      .card-news-list > .info {
        width: 100%;
        margin-top: 5px; } }
    @media all and (min-width: 897px) {
      .card-news-list > .info {
        flex: 1;
        padding-left: 35px;
        font-size: 1.5rem; } }
  .card-news-list > .info.-pdf {
    position: relative;
    display: inline-block;
    padding-left: 30px; }
    .card-news-list > .info.-pdf::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 18px;
      height: 18px;
      background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9wZGYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMjIgMjIiPgogIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTM1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMzUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMCIvPgogIDxwYXRoIGlkPSJmMWMxIiBkPSJNMTUuMjkyLDQuMjQxYTIuNjI2LDIuNjI2LDAsMCwxLC41Ljg0OEEyLjczMiwyLjczMiwwLDAsMSwxNiw2LjA3MVYxOC45MjlhMS4wNzIsMS4wNzIsMCwwLDEtLjI5Mi43NTlBLjkzMy45MzMsMCwwLDEsMTUsMjBIMWEuOTMzLjkzMywwLDAsMS0uNzA4LS4zMTJBMS4wNzIsMS4wNzIsMCwwLDEsMCwxOC45MjlWMS4wNzFBMS4wNzIsMS4wNzIsMCwwLDEsLjI5Mi4zMTMuOTMzLjkzMywwLDAsMSwxLDBoOS4zMzNhMi4yNzEsMi4yNzEsMCwwLDEsLjkxNy4yMjMsMi40MSwyLjQxLDAsMCwxLC43OTIuNTM2Wk0xMC42NjcsMS41MTh2NC4yaDMuOTE3YTEuMjQ3LDEuMjQ3LDAsMCwwLS4yMjktLjQ1OGwtMy4yNi0zLjQ5M0ExLjExOCwxLjExOCwwLDAsMCwxMC42NjcsMS41MThabTQsMTcuMDU0VjcuMTQzSDEwLjMzM2EuOTMzLjkzMywwLDAsMS0uNzA4LS4zMTMsMS4wNzIsMS4wNzIsMCwwLDEtLjI5Mi0uNzU5VjEuNDI5aC04VjE4LjU3MlpNOS4zMTMsMTEuOTUzYTcuOTEyLDcuOTEyLDAsMCwwLC44NzUuNjI1LDkuNjU3LDkuNjU3LDAsMCwxLDEuMjE5LS4wNzhxMS41MzEsMCwxLjg0NC41NDdhLjU3Mi41NzIsMCwwLDEsLjAyMS41OC4wMzMuMDMzLDAsMCwxLS4wMS4wMjJsLS4wMjEuMDIydi4wMTFxLS4wNjIuNDI0LS43NC40MjRhNC4wMzgsNC4wMzgsMCwwLDEtMS4yLS4yMjMsNy4zMTUsNy4zMTUsMCwwLDEtMS4zNTQtLjU5MiwxNy42ODQsMTcuNjg0LDAsMCwwLTQuMDgzLjkyNnEtMS41OTQsMi45MjQtMi41MjEsMi45MjRhLjU3NC41NzQsMCwwLDEtLjI5Mi0uMDc4bC0uMjUtLjEzNHEtLjAxLS4wMTEtLjA2My0uMDU2YS40ODguNDg4LDAsMCwxLS4wNjItLjQsMi40NjMsMi40NjMsMCwwLDEsLjU4My0xLjAyMSw1LjA3Myw1LjA3MywwLDAsMSwxLjM3NS0xLjA3N3EuMTQ2LS4xLjI0LjA2N2EuMDY2LjA2NiwwLDAsMSwuMDIxLjA0NXEuNTQyLS45NDksMS4xMTUtMi4yQTE3Ljc3LDE3Ljc3LDAsMCwwLDcuMDk0LDkuMzY0YTkuNiw5LjYsMCwwLDEtLjMxOC0xLjc4LDQuNjQzLDQuNjQzLDAsMCwxLC4wNjgtMS40MjNxLjExNS0uNDQ2LjQzOC0uNDQ2SDcuNTFhLjQyNy40MjcsMCwwLDEsLjM2NS4xNjcuOTQ1Ljk0NSwwLDAsMSwuMDk0Ljc1OS4yNDkuMjQ5LDAsMCwxLS4wNDIuMDg5LjMxLjMxLDAsMCwxLC4wMS4wODl2LjMzNUExNS42MzgsMTUuNjM4LDAsMCwxLDcuNzkyLDkuMyw1LjcxNiw1LjcxNiwwLDAsMCw5LjMxMywxMS45NTNabS02LDQuNTg3QTQuODI3LDQuODI3LDAsMCwwLDQuNzQsMTQuNzc3YTYuMTQ0LDYuMTQ0LDAsMCwwLS45MTEuOTM4QTMuNzQyLDMuNzQyLDAsMCwwLDMuMzEzLDE2LjU0Wk03LjQ1OCw2LjI3MmEzLjU0OSwzLjU0OSwwLDAsMC0uMDIxLDEuNDczcS4wMS0uMDc4LjA3My0uNDkxLDAtLjAzMy4wNzMtLjQ4YS4yNTkuMjU5LDAsMCwxLC4wNDItLjA4OS4wMzMuMDMzLDAsMCwxLS4wMS0uMDIyLjAyNC4wMjQsMCwwLDAtLjAwNS0uMDE3QS4wMjQuMDI0LDAsMCwxLDcuNiw2LjYzYS42NzEuNjcxLDAsMCwwLS4xMzUtLjQuMDMzLjAzMywwLDAsMS0uMDEuMDIyWk02LjE2NywxMy42NWExNC41LDE0LjUsMCwwLDEsMi45NTgtLjksMS41ODEsMS41ODEsMCwwLDEtLjEzNS0uMTA2LDEuOSwxLjksMCwwLDEtLjE2Ny0uMTUxQTUuOTEzLDUuOTEzLDAsMCwxLDcuNSwxMC41MjVhMTUuNTE2LDE1LjUxNiwwLDAsMS0uODY1LDIuMlE2LjMyMywxMy4zNDgsNi4xNjcsMTMuNjVabTYuNzI5LS4xNzlxLS4yNS0uMjY4LTEuNDU4LS4yNjhhMy43MTgsMy43MTgsMCwwLDAsMS4yOTIuMzEzLjk0My45NDMsMCwwLDAsLjE4OC0uMDExUTEyLjkxNywxMy40OTMsMTIuOSwxMy40NzFaTTE2LDE3LjE0MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAxKSIgZmlsbD0iIzNBNUY5QiIvPgo8L3N2Zz4K) center no-repeat;
      background-size: 18px 18px;
      transform: translateY(-50%);
      content: ''; }
      @media all and (min-width: 897px) {
        .card-news-list > .info.-pdf::before {
          width: 22px;
          height: 22px;
          background-size: 22px 22px; } }

/* contents
---------------------------------------------------------- */
@media all and (min-width: 897px) {
  .contents {
    min-width: 1190px; } }

/* footer
---------------------------------------------------------- */
.footer-main {
  position: relative;
  padding: 0 20px 25px;
  background-color: #222; }
  @media all and (min-width: 897px) {
    .footer-main {
      min-width: 1190px;
      margin-top: -241px;
      padding: 65px 20px 25px; } }
  @media all and (min-width: 897px) {
    .footer-main > .inner {
      width: 1150px;
      margin: 0 auto; } }
  .footer-main > .inner > .container {
    display: flex; }
    @media all and (max-width: 896px) {
      .footer-main > .inner > .container {
        flex-wrap: wrap; } }
    @media all and (min-width: 897px) {
      .footer-main > .inner > .container {
        justify-content: space-between; } }
  .footer-main .container__lower {
    color: white; }
    .footer-main .container__lower a {
      color: white; }
    @media all and (min-width: 897px) {
      .footer-main .container__lower {
        font-size: 1.4rem;
        width: 1150px;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse; } }
    @media all and (max-width: 896px) {
      .footer-main .container__lower {
        font-size: 1.3rem;
        padding: 0 12px; } }
    .footer-main .container__lower .copyright {
      color: #fff;
      margin-top: 20px;
      font-size: 0.8rem;
      text-align: center; }
      @media all and (min-width: 897px) {
        .footer-main .container__lower .copyright {
          font-size: 1.2rem;
          text-align: left;
          flex: 0 0 auto;
          display: flex;
          flex-direction: column;
          justify-content: flex-end; } }
    @media all and (min-width: 897px) {
      .footer-main .container__lower .footer-policy-text {
        max-width: 605px;
        margin: 50px 0 0 30px; } }
    @media all and (max-width: 896px) {
      .footer-main .container__lower .footer-policy-text {
        margin: 40px 0; } }

@media all and (max-width: 896px) {
  .footer-info {
    order: 2;
    width: 100%;
    margin-top: 40px;
    padding: 0 12px; } }

.footer-info > .logowrap {
  display: block; }
  @media all and (max-width: 896px) {
    .footer-info > .logowrap {
      max-width: 306px;
      margin: 0 auto; } }
  @media all and (min-width: 897px) {
    .footer-info > .logowrap {
      max-width: 400px; } }

.footer-info > .logowrap > .logo {
  display: block;
  width: 100%; }

.footer-info > .list {
  margin-top: 20px; }
  @media all and (min-width: 897px) {
    .footer-info > .list {
      margin-top: 25px; } }

.footer-info > .list > .item, #news-detail .box-content .footer-info > ul.list > li {
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
  color: #999; }
  .footer-info > .list > .item:first-child, #news-detail .box-content .footer-info > ul.list > li:first-child {
    margin-top: 0; }

.footer-info > .list > .item > .tag, #news-detail .box-content .footer-info > ul.list > li > .tag {
  flex: 0 0 auto;
  min-width: 45px;
  padding: 0 5px;
  border: 1px solid #999;
  border-radius: 10px;
  font-size: 0.8rem;
  text-align: center; }
  @media all and (min-width: 897px) {
    .footer-info > .list > .item > .tag, #news-detail .box-content .footer-info > ul.list > li > .tag {
      min-width: 62px;
      font-size: 1rem; } }

.footer-info > .list > .item > .text, #news-detail .box-content .footer-info > ul.list > li > .text {
  flex: 1;
  margin-left: 5px;
  font-size: 0.9rem; }
  @media all and (min-width: 897px) {
    .footer-info > .list > .item > .text, #news-detail .box-content .footer-info > ul.list > li > .text {
      margin-left: 10px;
      font-size: 1.1rem; } }

@media all and (max-width: 896px) {
  .footer-links {
    order: 1;
    width: 100%; } }

@media all and (min-width: 897px) {
  .footer-links {
    overflow: hidden;
    flex: 0 0 auto;
    max-width: 605px;
    margin-left: 30px; } }

@media all and (min-width: 897px) {
  .footer-links > .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -25px;
    margin-left: -10px; } }

@media all and (max-width: 896px) {
  .footer-links > .list > .item, #news-detail .box-content .footer-links > ul.list > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }

@media all and (min-width: 897px) {
  .footer-links > .list > .item, #news-detail .box-content .footer-links > ul.list > li {
    margin-top: 25px;
    padding-left: 10px; }
    .footer-links > .list > .item:nth-child(5n), #news-detail .box-content .footer-links > ul.list > li:nth-child(5n) {
      flex: 1;
      padding-left: 0; }
    .footer-links > .list > .item:nth-child(5n - 1), #news-detail .box-content .footer-links > ul.list > li:nth-child(5n - 1) {
      width: 26.4%; }
    .footer-links > .list > .item:nth-child(5n - 2), #news-detail .box-content .footer-links > ul.list > li:nth-child(5n - 2), .footer-links > .list > .item:nth-child(5n - 3), #news-detail .box-content .footer-links > ul.list > li:nth-child(5n - 3) {
      width: 19%; }
    .footer-links > .list > .item:nth-child(5n - 4), #news-detail .box-content .footer-links > ul.list > li:nth-child(5n - 4) {
      width: 23.96%; } }

.footer-links > .list > .item > .link, #news-detail .box-content .footer-links > ul.list > li > .link {
  color: #fff;
  font-weight: 500; }
  @media all and (max-width: 896px) {
    .footer-links > .list > .item > .link, #news-detail .box-content .footer-links > ul.list > li > .link {
      display: block;
      padding: 20px 10px;
      font-size: 1.3rem;
      line-height: 1.5;
      text-align: center; } }
  @media all and (min-width: 897px) {
    .footer-links > .list > .item > .link, #news-detail .box-content .footer-links > ul.list > li > .link {
      font-size: 1.4rem;
      transition: opacity 0.2s ease-out;
      transform: translateZ(0); }
      .footer-links > .list > .item > .link:hover, #news-detail .box-content .footer-links > ul.list > li > .link:hover {
        opacity: 0.6; } }

.footer-links > .listutil {
  display: flex;
  justify-content: center;
  margin: 35px -20px 0; }

.footer-links > .listutil > .item, #news-detail .box-content .footer-links > ul.listutil > li {
  padding: 0 20px; }

.footer-links > .listutil > .item > .link, #news-detail .box-content .footer-links > ul.listutil > li > .link {
  font-size: 1.2rem;
  font-weight: 500;
  color: #999;
  text-align: center; }

/* fund-heading
---------------------------------------------------------- */
.fund-heading {
  position: relative;
  z-index: 0;
  padding: 0 20px; }
  @media all and (min-width: 897px) {
    .fund-heading {
      overflow: hidden;
      min-height: 334px; } }
  @media all and (min-width: 897px) {
    .fund-heading > .container {
      position: relative;
      z-index: 0;
      width: 1150px;
      margin: 0 auto; } }
  @media all and (max-width: 896px) {
    .fund-heading > .container > .box {
      display: flex;
      margin: 0 -20px;
      background-color: #F8F8F8; } }
  @media all and (min-width: 897px) {
    .fund-heading > .container > .box {
      width: 1150px;
      margin: 0 auto; } }
  .fund-heading > .container > .box > .info {
    display: flex; }
    @media all and (max-width: 896px) {
      .fund-heading > .container > .box > .info {
        flex: 1;
        justify-content: center;
        flex-direction: column;
        padding: 22px; } }
    @media all and (min-width: 897px) {
      .fund-heading > .container > .box > .info {
        flex-wrap: wrap;
        align-items: center; } }
  .fund-heading > .container > .box > .info > .logowrap {
    flex: 0 0 auto; }
  .fund-heading > .container > .box > .info > .logowrap > .logo {
    display: block; }
    @media all and (max-width: 896px) {
      .fund-heading > .container > .box > .info > .logowrap > .logo {
        height: 18px; } }
    @media all and (min-width: 897px) {
      .fund-heading > .container > .box > .info > .logowrap > .logo {
        height: 20px; } }
  .fund-heading > .container > .box > .info > .text {
    margin-top: 8px;
    color: #666;
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      .fund-heading > .container > .box > .info > .text {
        flex: 0 0 auto;
        margin-top: 4px;
        margin-left: 10px;
        font-size: 1.6rem;
        line-height: 1.2; } }
  @media all and (max-width: 896px) {
    .fund-heading > .container > .box > .imagewrap {
      flex: 0 0 auto;
      width: 40%; } }
  @media all and (min-width: 897px) {
    .fund-heading > .container > .box > .imagewrap {
      position: absolute;
      top: 0;
      left: 700px;
      width: 40.849vw;
      min-width: 470px;
      max-width: 558px; } }
  .fund-heading > .container > .box > .imagewrap > .image {
    display: block;
    width: 100%; }
  .fund-heading > .container > .title {
    margin-top: 50px;
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 700; }
    @media all and (min-width: 897px) {
      .fund-heading > .container > .title {
        position: relative;
        max-width: 700px;
        margin-top: 40px;
        padding-top: 30px;
        padding-right: 30px;
        font-size: 3.4rem; }
        .fund-heading > .container > .title::before {
          position: absolute;
          top: 0;
          left: 0;
          width: 18px;
          height: 2px;
          background-color: #707070;
          content: ''; } }
  @media all and (max-width: 896px) {
    .fund-heading.-title-icon > .container > .title {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 60px;
      padding-left: 75px;
      font-size: 2rem; }
      .fund-heading.-title-icon > .container > .title::before {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 60px;
        height: 60px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9Ikdyb3VwXzM1NCIgZGF0YS1uYW1lPSJHcm91cCAzNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQxLjAwMiAtOTAzKSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yNyIgZGF0YS1uYW1lPSJFbGxpcHNlIDI3IiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNDEuMDAyIDkwMykiIGZpbGw9IiMyMjIiLz4NCiAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODY1LjAwMiAyNDkuMjI0KSI+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE4MiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgyIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0IDY3NS43NzYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE4MyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgzIiB3aWR0aD0iMiIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODcgNjcyLjc3NikiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTg0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxODQiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MSA2NzAuNzc2KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE4NSIgd2lkdGg9IjIiIGhlaWdodD0iOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk1IDY2Ny43NzYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8cGF0aCBpZD0iVW5pb25fMiIgZGF0YS1uYW1lPSJVbmlvbiAyIiBkPSJNOC4yMSw0Ljc1NGgtMS4zVjEuM0gwVjBIOC4yMVYzLjQ1N2g3Ljc3OHYxLjNaIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc4OCwgLTAuNjE2LCAwLjYxNiwgMC43ODgsIDE4My45OTksIDY2Ny42MikiIGZpbGw9IiNmZmYiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K) no-repeat;
        background-size: 60px;
        transform: translateY(-50%);
        content: ''; } }

/* header
---------------------------------------------------------- */
@media all and (max-width: 896px) {
  .header-main {
    padding-top: 60px; } }

@media all and (min-width: 897px) {
  .header-main {
    min-width: 1190px; } }

@media all and (max-width: 896px) {
  .header-main > .container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10; } }

.header-main > .container > .inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media all and (max-width: 896px) {
    .header-main > .container > .inner {
      height: 60px;
      padding: 10px 15px;
      background-color: #fff; } }
  @media all and (min-width: 897px) {
    .header-main > .container > .inner {
      height: 100px;
      padding-left: 30px; } }

.header-main > .container > .inner > .logowrap {
  width: 225px; }
  @media all and (min-width: 897px) {
    .header-main > .container > .inner > .logowrap {
      width: 350px; } }

.header-main > .container > .inner > .logowrap > .logo {
  display: block;
  width: 100%; }

.header-main > .container > .inner > .button {
  position: relative;
  display: block;
  width: 22px;
  height: 18px;
  margin-right: 4px; }
  @media all and (min-width: 897px) {
    .header-main > .container > .inner > .button {
      display: none; } }
  .header-main > .container > .inner > .button > .line {
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #222;
    opacity: 1;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
    transform: translateZ(0); }
    .header-main > .container > .inner > .button > .line:nth-child(1) {
      top: 0; }
    .header-main > .container > .inner > .button > .line:nth-child(2), .header-main > .container > .inner > .button > .line:nth-child(3) {
      top: 8px; }
    .header-main > .container > .inner > .button > .line:nth-child(4) {
      top: 16px; }
  .header-main > .container > .inner > .button.-open > .line:nth-child(1) {
    width: 0;
    left: 50%; }
  .header-main > .container > .inner > .button.-open > .line:nth-child(2) {
    transform: rotate(45deg); }
  .header-main > .container > .inner > .button.-open > .line:nth-child(3) {
    transform: rotate(-45deg); }
  .header-main > .container > .inner > .button.-open > .line:nth-child(4) {
    left: 50%;
    width: 0; }

/* link-arrow
---------------------------------------------------------- */
.link-arrow {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  font-weight: 500;
  font-size: 1.2rem;
  color: #222; }
  @media all and (min-width: 897px) {
    .link-arrow {
      padding-right: 25px;
      font-size: 1.4rem;
      transition: opacity 0.2s ease-out;
      transform: translateZ(0); }
      .link-arrow:hover {
        opacity: 0.6; } }
  .link-arrow::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTA1VDE2OjAwOjQ3KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0wNVQxNjowMzowOSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0wNVQxNjowMzowOSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5M2ZiODY0OC02NTZmLTdlNDktYjQ5Yi04N2U5NjU3ZTRkOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTNmYjg2NDgtNjU2Zi03ZTQ5LWI0OWItODdlOTY1N2U0ZDljIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTNmYjg2NDgtNjU2Zi03ZTQ5LWI0OWItODdlOTY1N2U0ZDljIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5M2ZiODY0OC02NTZmLTdlNDktYjQ5Yi04N2U5NjU3ZTRkOWMiIHN0RXZ0OndoZW49IjIwMjAtMTAtMDVUMTY6MDA6NDcrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5EgaZHAAAApklEQVQoka3QUQ3CQBCE4ZlDAFcH0zPASaBOcAYWUNBKKA7WQYuBW15o0oQErin/8+bLZIENSbqklK41t4cNqEIIPYDcNI2mabp/uw+1sJlZKaUD8ATwczlr4SVJOYQwADi6++junZnNu+FavPoV68xsLKVkd3+QzCR7SXH34iVJkeRA8uTu83v5CACUdAbgO/xI8kYyrnGmlPagHy0427Yd/gkvvQCFkVaqdQhKNQAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 11px 5px;
    transform: translateY(-50%);
    content: ''; }
  .link-arrow.-icon-building {
    padding-left: 30px; }
    @media all and (min-width: 897px) {
      .link-arrow.-icon-building {
        padding-left: 42px; } }
    .link-arrow.-icon-building::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 24px;
      height: 24px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPGcgaWQ9Ikdyb3VwXzM1NSIgZGF0YS1uYW1lPSJHcm91cCAzNTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDMwLjAwMiAtOTEwKSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yNyIgZGF0YS1uYW1lPSJFbGxpcHNlIDI3IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMzAuMDAyIDkxMCkiIGZpbGw9IiMyMjIiLz4NCiAgICA8ZyBpZD0iR3JvdXBfMTIzIiBkYXRhLW5hbWU9Ikdyb3VwIDEyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzMy41MDIgOTEyLjUwMSkiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTAiIGRhdGEtbmFtZT0iUGF0aCAxMCIgZD0iTTEyLjMzMyw4LjMzM1YzSDUuNjY2VjUuNjY2SDNWMTVIOC4zMzNWMTIuMzMzSDkuNjY2VjE1SDE1VjguMzMzWk01LjY2NiwxMy42NjZINC4zMzNWMTIuMzMzSDUuNjY2Wm0wLTIuNjY2SDQuMzMzVjkuNjY2SDUuNjY2Wm0wLTIuNjY2SDQuMzMzVjdINS42NjZaTTguMzMzLDExSDdWOS42NjZIOC4zMzNabTAtMi42NjZIN1Y3SDguMzMzWm0wLTIuNjY2SDdWNC4zMzNIOC4zMzNaTTExLDExSDkuNjY2VjkuNjY2SDExWm0wLTIuNjY2SDkuNjY2VjdIMTFabTAtMi42NjZIOS42NjZWNC4zMzNIMTFabTIuNjY2LDhIMTIuMzMzVjEyLjMzM2gxLjMzM1ptMC0yLjY2NkgxMi4zMzNWOS42NjZoMS4zMzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2ZmZiIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=) no-repeat;
      background-size: 24px;
      transform: translateY(-50%);
      content: ''; }
      @media all and (min-width: 897px) {
        .link-arrow.-icon-building::before {
          width: 32px;
          height: 32px;
          background-size: 32px; } }
  .link-arrow.-icon-chart {
    padding-left: 30px; }
    @media all and (min-width: 897px) {
      .link-arrow.-icon-chart {
        padding-left: 42px; } }
    .link-arrow.-icon-chart::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 24px;
      height: 24px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9Ikdyb3VwXzM1NCIgZGF0YS1uYW1lPSJHcm91cCAzNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQxLjAwMiAtOTAzKSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yNyIgZGF0YS1uYW1lPSJFbGxpcHNlIDI3IiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNDEuMDAyIDkwMykiIGZpbGw9IiMyMjIiLz4NCiAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODY1LjAwMiAyNDkuMjI0KSI+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE4MiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgyIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0IDY3NS43NzYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE4MyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgzIiB3aWR0aD0iMiIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODcgNjcyLjc3NikiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTg0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxODQiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MSA2NzAuNzc2KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE4NSIgd2lkdGg9IjIiIGhlaWdodD0iOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk1IDY2Ny43NzYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8cGF0aCBpZD0iVW5pb25fMiIgZGF0YS1uYW1lPSJVbmlvbiAyIiBkPSJNOC4yMSw0Ljc1NGgtMS4zVjEuM0gwVjBIOC4yMVYzLjQ1N2g3Ljc3OHYxLjNaIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc4OCwgLTAuNjE2LCAwLjYxNiwgMC43ODgsIDE4My45OTksIDY2Ny42MikiIGZpbGw9IiNmZmYiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K) center no-repeat;
      background-size: 24px;
      transform: translateY(-50%);
      content: ''; }
      @media all and (min-width: 897px) {
        .link-arrow.-icon-chart::before {
          width: 32px;
          height: 32px;
          background-size: 32px; } }

/* link-text-blue
---------------------------------------------------------- */
.link-text-blue {
  color: #3A5F9B; }
  @media all and (min-width: 897px) {
    .link-text-blue {
      transition: opacity 0.2s ease-out;
      transform: translateZ(0); }
      .link-text-blue:hover {
        opacity: 0.6; } }

/* link-pdf
---------------------------------------------------------- */
.link-pdf {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-weight: 400;
  font-size: 1.4rem;
  color: #3A5F9B; }
  @media all and (min-width: 897px) {
    .link-pdf {
      padding-left: 30px;
      font-size: 1.5rem;
      transition: opacity 0.2s ease-out;
      transform: translateZ(0); }
      .link-pdf:hover {
        opacity: 0.6; } }
  .link-pdf::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9wZGYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMjIgMjIiPgogIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTM1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMzUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMCIvPgogIDxwYXRoIGlkPSJmMWMxIiBkPSJNMTUuMjkyLDQuMjQxYTIuNjI2LDIuNjI2LDAsMCwxLC41Ljg0OEEyLjczMiwyLjczMiwwLDAsMSwxNiw2LjA3MVYxOC45MjlhMS4wNzIsMS4wNzIsMCwwLDEtLjI5Mi43NTlBLjkzMy45MzMsMCwwLDEsMTUsMjBIMWEuOTMzLjkzMywwLDAsMS0uNzA4LS4zMTJBMS4wNzIsMS4wNzIsMCwwLDEsMCwxOC45MjlWMS4wNzFBMS4wNzIsMS4wNzIsMCwwLDEsLjI5Mi4zMTMuOTMzLjkzMywwLDAsMSwxLDBoOS4zMzNhMi4yNzEsMi4yNzEsMCwwLDEsLjkxNy4yMjMsMi40MSwyLjQxLDAsMCwxLC43OTIuNTM2Wk0xMC42NjcsMS41MTh2NC4yaDMuOTE3YTEuMjQ3LDEuMjQ3LDAsMCwwLS4yMjktLjQ1OGwtMy4yNi0zLjQ5M0ExLjExOCwxLjExOCwwLDAsMCwxMC42NjcsMS41MThabTQsMTcuMDU0VjcuMTQzSDEwLjMzM2EuOTMzLjkzMywwLDAsMS0uNzA4LS4zMTMsMS4wNzIsMS4wNzIsMCwwLDEtLjI5Mi0uNzU5VjEuNDI5aC04VjE4LjU3MlpNOS4zMTMsMTEuOTUzYTcuOTEyLDcuOTEyLDAsMCwwLC44NzUuNjI1LDkuNjU3LDkuNjU3LDAsMCwxLDEuMjE5LS4wNzhxMS41MzEsMCwxLjg0NC41NDdhLjU3Mi41NzIsMCwwLDEsLjAyMS41OC4wMzMuMDMzLDAsMCwxLS4wMS4wMjJsLS4wMjEuMDIydi4wMTFxLS4wNjIuNDI0LS43NC40MjRhNC4wMzgsNC4wMzgsMCwwLDEtMS4yLS4yMjMsNy4zMTUsNy4zMTUsMCwwLDEtMS4zNTQtLjU5MiwxNy42ODQsMTcuNjg0LDAsMCwwLTQuMDgzLjkyNnEtMS41OTQsMi45MjQtMi41MjEsMi45MjRhLjU3NC41NzQsMCwwLDEtLjI5Mi0uMDc4bC0uMjUtLjEzNHEtLjAxLS4wMTEtLjA2My0uMDU2YS40ODguNDg4LDAsMCwxLS4wNjItLjQsMi40NjMsMi40NjMsMCwwLDEsLjU4My0xLjAyMSw1LjA3Myw1LjA3MywwLDAsMSwxLjM3NS0xLjA3N3EuMTQ2LS4xLjI0LjA2N2EuMDY2LjA2NiwwLDAsMSwuMDIxLjA0NXEuNTQyLS45NDksMS4xMTUtMi4yQTE3Ljc3LDE3Ljc3LDAsMCwwLDcuMDk0LDkuMzY0YTkuNiw5LjYsMCwwLDEtLjMxOC0xLjc4LDQuNjQzLDQuNjQzLDAsMCwxLC4wNjgtMS40MjNxLjExNS0uNDQ2LjQzOC0uNDQ2SDcuNTFhLjQyNy40MjcsMCwwLDEsLjM2NS4xNjcuOTQ1Ljk0NSwwLDAsMSwuMDk0Ljc1OS4yNDkuMjQ5LDAsMCwxLS4wNDIuMDg5LjMxLjMxLDAsMCwxLC4wMS4wODl2LjMzNUExNS42MzgsMTUuNjM4LDAsMCwxLDcuNzkyLDkuMyw1LjcxNiw1LjcxNiwwLDAsMCw5LjMxMywxMS45NTNabS02LDQuNTg3QTQuODI3LDQuODI3LDAsMCwwLDQuNzQsMTQuNzc3YTYuMTQ0LDYuMTQ0LDAsMCwwLS45MTEuOTM4QTMuNzQyLDMuNzQyLDAsMCwwLDMuMzEzLDE2LjU0Wk03LjQ1OCw2LjI3MmEzLjU0OSwzLjU0OSwwLDAsMC0uMDIxLDEuNDczcS4wMS0uMDc4LjA3My0uNDkxLDAtLjAzMy4wNzMtLjQ4YS4yNTkuMjU5LDAsMCwxLC4wNDItLjA4OS4wMzMuMDMzLDAsMCwxLS4wMS0uMDIyLjAyNC4wMjQsMCwwLDAtLjAwNS0uMDE3QS4wMjQuMDI0LDAsMCwxLDcuNiw2LjYzYS42NzEuNjcxLDAsMCwwLS4xMzUtLjQuMDMzLjAzMywwLDAsMS0uMDEuMDIyWk02LjE2NywxMy42NWExNC41LDE0LjUsMCwwLDEsMi45NTgtLjksMS41ODEsMS41ODEsMCwwLDEtLjEzNS0uMTA2LDEuOSwxLjksMCwwLDEtLjE2Ny0uMTUxQTUuOTEzLDUuOTEzLDAsMCwxLDcuNSwxMC41MjVhMTUuNTE2LDE1LjUxNiwwLDAsMS0uODY1LDIuMlE2LjMyMywxMy4zNDgsNi4xNjcsMTMuNjVabTYuNzI5LS4xNzlxLS4yNS0uMjY4LTEuNDU4LS4yNjhhMy43MTgsMy43MTgsMCwwLDAsMS4yOTIuMzEzLjk0My45NDMsMCwwLDAsLjE4OC0uMDExUTEyLjkxNywxMy40OTMsMTIuOSwxMy40NzFaTTE2LDE3LjE0MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAxKSIgZmlsbD0iIzNBNUY5QiIvPgo8L3N2Zz4K) center no-repeat;
    background-size: 18px 18px;
    transform: translateY(-50%);
    content: ''; }
    @media all and (min-width: 897px) {
      .link-pdf::before {
        width: 22px;
        height: 22px;
        background-size: 22px 22px; } }
  .link-pdf.-icon-right {
    padding-left: 0;
    padding-right: 30px; }
    @media all and (min-width: 897px) {
      .link-pdf.-icon-right {
        padding-right: 30px; } }
    .link-pdf.-icon-right::before {
      right: 0;
      left: inherit; }

/* link-tel
---------------------------------------------------------- */
@media all and (min-width: 897px) {
  .link-tel {
    pointer-events: none; } }

/* list-arrow
---------------------------------------------------------- */
.list-arrow {
  line-height: 2; }
  .list-arrow > .item, #news-detail .box-content ul.list-arrow > li {
    margin-top: 10px; }
    @media all and (min-width: 897px) {
      .list-arrow > .item, #news-detail .box-content ul.list-arrow > li {
        margin-top: 5px; } }
    .list-arrow > .item:first-child, #news-detail .box-content ul.list-arrow > li:first-child {
      margin-top: 0; }
  .list-arrow > .item > .link, #news-detail .box-content ul.list-arrow > li > .link {
    position: relative;
    padding-left: 22px;
    color: #3A5F9B;
    font-size: 1.4rem; }
    @media all and (min-width: 897px) {
      .list-arrow > .item > .link, #news-detail .box-content ul.list-arrow > li > .link {
        padding-left: 25px;
        font-size: 1.5rem;
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        .list-arrow > .item > .link:hover, #news-detail .box-content ul.list-arrow > li > .link:hover {
          opacity: 0.6; } }
    .list-arrow > .item > .link::before, #news-detail .box-content ul.list-arrow > li > .link::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 18px;
      height: 18px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBpZD0iaWNvbl9hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMy41IC00ODcuODkyKSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEzNiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMy41IDQ4Ny44OTIpIiBmaWxsPSIjZDlkOWQ5IiBvcGFjaXR5PSIwIi8+CiAgICA8cGF0aCBpZD0iXzMyIiBkYXRhLW5hbWU9IjMyIiBkPSJNMS4zNjksNi42ODcsNiwxLjk5MWw0LjYzMSw0LjdhLjY1LjY1LDAsMCwwLDEuMS4wMjYuNzM5LjczOSwwLDAsMCwwLTEuMTQ5TDYuNTQ4LjI1NWEuNzE1LjcxNSwwLDAsMC0xLjEsMEwuMjc0LDUuNTY0YS43MzkuNzM5LDAsMCwwLDAsMS4xNDlBLjY1LjY1LDAsMCwwLDEuMzY5LDYuNjg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE5LjUgNTAxLjg5Mikgcm90YXRlKDE4MCkiIGZpbGw9IiMzQTVGOUIiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;
      background-size: 18px;
      transform: translateY(-50%) rotate(-90deg);
      content: ''; }
      @media all and (min-width: 897px) {
        .list-arrow > .item > .link::before, #news-detail .box-content ul.list-arrow > li > .link::before {
          width: 20px;
          height: 20px;
          background-size: 20px; } }

/* list-line
---------------------------------------------------------- */
.list-line > .item, #news-detail .box-content ul > .item, #news-detail .box-content ul > li {
  position: relative;
  padding-left: 24px; }
  .list-line > .item:not(:first-child), #news-detail .box-content ul > .item:not(:first-child), #news-detail .box-content ul > li:not(:first-child) {
    margin-top: 10px; }
  .list-line > .item:before, #news-detail .box-content ul > .item:before, #news-detail .box-content ul > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 10px;
    height: 1px;
    background-color: #999; }
    @media all and (max-width: 896px) {
      .list-line > .item:before, #news-detail .box-content ul > .item:before, #news-detail .box-content ul > li:before {
        top: 13px; } }

/* list-note
---------------------------------------------------------- */
.list-note > .item, #news-detail .box-content ul.list-note > li {
  display: flex;
  font-size: 1.2rem;
  color: #999;
  line-height: 2; }
  @media all and (min-width: 897px) {
    .list-note > .item, #news-detail .box-content ul.list-note > li {
      font-size: 1.5rem; } }
  .list-note > .item:not(:first-child), #news-detail .box-content ul.list-note > li:not(:first-child) {
    margin-top: 10px; }
  .list-note > .item:before, #news-detail .box-content ul.list-note > li:before {
    content: '\203B';
    width: 15px;
    flex: 0 0 auto;
    margin-right: 6px; }
    @media all and (max-width: 896px) {
      .list-note > .item:before, #news-detail .box-content ul.list-note > li:before {
        width: 12px; } }

* + .list-note {
  margin-top: 10px; }

/* nav-global-accordion
---------------------------------------------------------- */
@media all and (min-width: 897px) {
  .nav-global-accordion {
    display: none; } }

.nav-global-accordion > .main {
  position: relative;
  display: block;
  padding: 19px 60px 20px 30px;
  background: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: left; }
  .nav-global-accordion > .main::after {
    position: absolute;
    top: 50%;
    right: 35px;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Ikdyb3VwXzM1NCIgZGF0YS1uYW1lPSJHcm91cCAzNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjQgLTM1Ni41KSI+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNCAzNjQpIiBmaWxsPSIjMjIyIi8+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzMi41IDM1Ni41KSByb3RhdGUoOTApIiBmaWxsPSIjMjIyIi8+DQogIDwvZz4NCjwvc3ZnPg0K) center no-repeat;
    background-size: 16px;
    transform: translateY(-50%);
    content: ''; }
  .nav-global-accordion > .main.-open::after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMTYgMSI+DQogIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjAzIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxIiBmaWxsPSIjMjIyIi8+DQo8L3N2Zz4NCg==) center no-repeat;
    background-size: 16px 1px; }

.nav-global-accordion > .navsub {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out; }

.nav-global-accordion > .navsub > .list > .item, #news-detail .box-content .nav-global-accordion > .navsub > ul.list > li {
  border-top: 1px solid #E5E5E5; }

.nav-global-accordion > .navsub > .list > .item > .link, #news-detail .box-content .nav-global-accordion > .navsub > ul.list > li > .link {
  display: block;
  padding: 19px 30px;
  background-color: #F8F8F8;
  font-size: 1.4rem; }

/* nav-global-list
---------------------------------------------------------- */
.nav-global-list {
  letter-spacing: normal; }
  @media all and (min-width: 897px) {
    .nav-global-list {
      display: flex;
      align-items: center; } }
  @media all and (max-width: 896px) {
    .nav-global-list > .navitem {
      border-top: 1px solid #E5E5E5; } }
  @media all and (min-width: 897px) {
    .nav-global-list > .navitem {
      min-height: 43px;
      margin-left: 60px; }
      .nav-global-list > .navitem:first-child {
        margin-left: 0; } }
  .nav-global-list > .navitem > .navlink {
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: left; }
    @media all and (max-width: 896px) {
      .nav-global-list > .navitem > .navlink {
        padding: 19px 60px 20px 30px;
        background: #fff; } }
    .nav-global-list > .navitem > .navlink::after {
      position: absolute;
      left: 0;
      bottom: -15px;
      width: 0;
      height: 1px;
      background: #222;
      content: ''; }
    @media all and (min-width: 897px) {
      .nav-global-list > .navitem > .navlink {
        line-height: 1.4;
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        .nav-global-list > .navitem > .navlink:hover {
          opacity: 0.6; }
        .nav-global-list > .navitem > .navlink.-active {
          opacity: 1 !important; }
          .nav-global-list > .navitem > .navlink.-active::after {
            width: 100%; } }
  @media all and (max-width: 896px) {
    .nav-global-list > .navitem > .navlink > .en {
      display: none; } }
  @media all and (min-width: 897px) {
    .nav-global-list > .navitem > .navlink > .en {
      display: block;
      margin-top: 4px;
      font-family: "Noto Serif JP", serif;
      font-size: 1.1rem;
      font-weight: 500;
      color: #999;
      letter-spacing: 0.5px; } }

/* nav-global
---------------------------------------------------------- */
@media all and (max-width: 896px) {
  .nav-global {
    overflow: auto;
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    transform: translateX(101%);
    transition: transform 0.3s ease-out; }
    .nav-global.-open {
      transform: translateX(0); } }

@media all and (min-width: 897px) {
  .nav-global {
    flex: 0 0 auto; } }

.nav-global > .inner {
  background: #fff; }
  @media all and (min-width: 897px) {
    .nav-global > .inner {
      display: flex;
      height: 100px; } }

@media all and (max-width: 896px) {
  .nav-global > .inner > .contact {
    display: none; } }

@media all and (min-width: 897px) {
  .nav-global > .inner > .contact {
    position: relative;
    display: block;
    width: 120px;
    flex: 0 0 auto;
    margin-left: 60px;
    background-color: #fff; } }

.nav-global > .inner > .contact > .link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 120px;
  background-color: #fff; }

.nav-global > .inner > .contact > .link > .linkin {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  background-color: #222;
  transition: opacity 0.2s ease-out;
  transform: translateZ(0); }
  .nav-global > .inner > .contact > .link > .linkin:hover {
    opacity: 0.8; }

.nav-global > .inner > .contact > .link > .linkin > .text {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 35px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj4NCiAgPHBhdGggaWQ9IlBhdGhfMTUyIiBkYXRhLW5hbWU9IlBhdGggMTUyIiBkPSJNMjYuNjk1LDRIMy4zYy0xLjQzLDAtMS4yODctLjEyNS0xLjI4NywxLjI1TDIsMjIuNzQ1YzAsMS4zNzUtLjEzLDEuMjUsMS4zLDEuMjVIMjYuNjk1YzEuNDMsMCwxLjMuMTI1LDEuMy0xLjI1VjUuMjVDMjcuOTk1LDMuODc2LDI4LjEyNSw0LDI2LjY5NSw0Wm0wLDE4Ljc0NEgzLjNWNi41TDE1LDE1bDExLjctOC41Wm0tMTEuNy05TDMuMyw1LjI1SDI2LjY5NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk5OCAtMy45OTgpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==) bottom center no-repeat;
  background-size: 26px 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 1.1rem;
  font-weight: 500;
  color: #fff;
  text-align: center; }

/* nav-global-overlay
---------------------------------------------------------- */
.nav-global-overlay {
  display: none; }
  @media all and (max-width: 896px) {
    .nav-global-overlay {
      position: fixed;
      top: 60px;
      left: 0;
      bottom: 0;
      z-index: 9;
      width: 100%;
      display: none;
      background: rgba(0, 0, 0, 0.5); }
      .nav-global-overlay.-open {
        display: block; } }

/* nav-local-list
---------------------------------------------------------- */
.nav-local-list {
  display: flex;
  align-items: center; }
  @media all and (max-width: 896px) {
    .nav-local-list {
      justify-content: center; } }
  .nav-local-list > .navitem {
    position: relative;
    padding-left: 13px; }
    @media all and (min-width: 897px) {
      .nav-local-list > .navitem {
        padding-left: 20px; } }
    .nav-local-list > .navitem::before {
      position: absolute;
      top: 50%;
      left: 10px;
      width: 1px;
      height: 38px;
      background-color: #E5E5E5;
      transform: translateY(-50%) rotate(20deg);
      content: ''; }
      @media all and (min-width: 897px) {
        .nav-local-list > .navitem::before {
          height: 64px; } }
    .nav-local-list > .navitem:first-child {
      padding-left: 0; }
      .nav-local-list > .navitem:first-child::before {
        display: none; }
  .nav-local-list > .navitem > .link {
    display: block;
    padding: 10px 25px;
    font-family: "Noto Serif JP", serif;
    font-size: 1.3rem;
    font-weight: 600;
    color: #999;
    line-height: 1.4;
    text-align: center; }
    @media all and (min-width: 897px) {
      .nav-local-list > .navitem > .link {
        padding: 18px 50px;
        font-size: 1.8rem;
        text-align: left;
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        .nav-local-list > .navitem > .link:hover {
          opacity: 0.6; } }
    .nav-local-list > .navitem > .link.-active {
      color: #222;
      opacity: 1 !important; }
  @media all and (max-width: 896px) {
    .nav-local-list > .navitem:first-child > .link {
      padding-left: 0; } }
  @media all and (max-width: 896px) {
    .nav-local-list > .navitem:last-child > .link {
      padding-right: 0; } }

/* nav-local
---------------------------------------------------------- */
.nav-local {
  overflow: hidden;
  padding: 40px 20px 0; }
  @media all and (min-width: 897px) {
    .nav-local {
      padding-top: 100px; } }
  @media all and (min-width: 897px) {
    .nav-local > .container {
      display: flex;
      justify-content: space-between;
      width: 1150px;
      margin: 0 auto; } }
  @media all and (max-width: 896px) {
    .nav-local > .container > .navs {
      margin-top: 50px; } }
  @media all and (min-width: 897px) {
    .nav-local > .container > .navs {
      margin-top: 8px;
      margin-right: 50px; } }

/* text-content
---------------------------------------------------------- */
.text-content {
  font-size: 1.3rem; }
  @media all and (min-width: 897px) {
    .text-content {
      font-size: 1.5rem; } }

/* title-line-left
---------------------------------------------------------- */
.title-line-left {
  margin-bottom: 35px; }
  @media all and (min-width: 897px) {
    .title-line-left {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  .title-line-left > .text {
    border-left: 5px solid #ccc;
    padding-left: 15px;
    font-family: "Noto Serif JP", serif;
    font-size: 1.6rem;
    font-weight: 700;
    display: inline-block;
    line-height: 1.5; }
    @media all and (min-width: 897px) {
      .title-line-left > .text {
        font-size: 1.8rem;
        line-height: 1.4; } }
  .title-line-left > .date {
    display: block;
    font-size: 1.2rem;
    color: #999;
    text-align: right; }
    @media all and (max-width: 896px) {
      .title-line-left > .date {
        font-size: 1.4rem;
        flex-grow: 1; } }
    @media all and (min-width: 897px) {
      .title-line-left > .date {
        font-size: 1.4rem;
        flex-grow: 1; } }
  @media all and (max-width: 896px) {
    .title-line-left > .text + .date {
      margin-top: 5px; } }

/* title-line-under
---------------------------------------------------------- */
.title-line-under {
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 9px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px;
  line-height: 2; }
  @media all and (min-width: 897px) {
    .title-line-under {
      font-size: 1.6rem;
      padding-bottom: 12px;
      margin-bottom: 25px; } }

/* title-normal
---------------------------------------------------------- */
.title-normal {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  line-height: 1.2; }
  @media all and (max-width: 896px) {
    .title-normal {
      margin-left: -10px; } }
  .title-normal > .texten {
    font-family: "\6E38\660E\671D\4F53", "Yu Mincho", YuMincho, "\30D2\30E9\30AE\30CE\660E\671D   Pro", "Hiragino Mincho Pro", "MS P\660E\671D", "MS PMincho", serif;
    font-weight: 500;
    font-size: 3.4rem;
    color: #ccc; }
    @media all and (max-width: 896px) {
      .title-normal > .texten {
        padding-left: 10px; } }
    @media all and (min-width: 897px) {
      .title-normal > .texten {
        font-size: 5rem; } }
  .title-normal > .textjp {
    position: relative;
    margin: 10px 0;
    padding-left: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #888; }
    @media all and (min-width: 897px) {
      .title-normal > .textjp {
        margin-top: 0;
        margin-bottom: 15px;
        padding-left: 40px;
        font-size: 1.7rem; } }
  @media all and (min-width: 897px) and (-ms-high-contrast: none) {
    .title-normal > .textjp {
      margin-bottom: 20px; } }
    .title-normal > .textjp::before {
      position: absolute;
      left: 15px;
      top: 50%;
      width: 1px;
      height: 14px;
      background-color: #888;
      transform: translateY(-50%) rotate(28deg);
      content: ''; }
      @media all and (min-width: 897px) {
        .title-normal > .textjp::before {
          left: 25px;
          height: 20px;
          transform: translateY(-50%) rotate(30deg); } }
  @media all and (max-width: 896px) {
    .title-normal.-investment > .texten {
      letter-spacing: -1px; } }

/* title-page
---------------------------------------------------------- */
.title-page {
  font-family: "\6E38\660E\671D\4F53", "Yu Mincho", YuMincho, "\30D2\30E9\30AE\30CE\660E\671D   Pro", "Hiragino Mincho Pro", "MS P\660E\671D", "MS PMincho", serif;
  font-size: 4.6rem;
  color: #d0d0d0;
  line-height: 1; }
  @media all and (min-width: 897px) {
    .title-page {
      font-size: 8rem; } }
  .title-page > .textjp {
    display: block;
    margin-top: 7px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #666;
    line-height: 1.2; }
    @media all and (min-width: 897px) {
      .title-page > .textjp {
        margin-top: 13px;
        font-size: 2.2rem; } }
  .title-page.-nopadding {
    padding: 0; }

/* title-sub
---------------------------------------------------------- */
.title-sub {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  line-height: 1.2;
  margin-bottom: 40px; }
  @media all and (max-width: 896px) {
    .title-sub {
      margin-left: -10px; } }
  @media all and (min-width: 897px) {
    .title-sub {
      margin-bottom: 70px; } }
  .title-sub > .title {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 2.2rem; }
    @media all and (max-width: 896px) {
      .title-sub > .title {
        padding-left: 10px; } }
    @media all and (min-width: 897px) {
      .title-sub > .title {
        font-size: 2.9rem; } }
  .title-sub > .sub {
    position: relative;
    margin: 10px 0;
    padding-left: 14px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #888; }
    @media all and (min-width: 897px) {
      .title-sub > .sub {
        margin: 0;
        padding-left: 40px;
        font-size: 1.7rem; } }
    .title-sub > .sub::before {
      position: absolute;
      left: 15px;
      top: 50%;
      width: 1px;
      height: 14px;
      background-color: #888;
      transform: translateY(-50%) rotate(28deg);
      content: ''; }
      @media all and (min-width: 897px) {
        .title-sub > .sub::before {
          left: 25px;
          height: 20px;
          transform: translateY(-50%) rotate(30deg); } }
      @media all and (max-width: 896px) {
        .title-sub > .sub::before {
          display: none; } }
  @media all and (max-width: 896px) {
    .title-sub.-investment > .texten {
      letter-spacing: -1px; } }

/* wrapper-button
---------------------------------------------------------- */
.wrapper-button {
  padding: 80px 50px;
  background-color: #F5F5F5; }
  @media all and (min-width: 897px) {
    .wrapper-button {
      padding: 60px 20px; } }

/* wrapper
---------------------------------------------------------- */
@media all and (min-width: 897px) {
  .wrapper {
    min-width: 1190px;
    min-height: 100%;
    padding-bottom: 241px; } }

/* ==========================================================
  pages
========================================================== */
#not-found main.contents {
  margin: 0 auto; }
  @media all and (min-width: 897px) {
    #not-found main.contents {
      padding: 65px 20px 50px;
      width: 1150px; } }
  @media all and (max-width: 896px) {
    #not-found main.contents {
      padding: 35px 20px 50px;
      width: 100%;
      max-width: 600px; } }
  #not-found main.contents > .title {
    margin-bottom: 40px;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    text-align: start;
    letter-spacing: 2px; }
    @media all and (min-width: 897px) {
      #not-found main.contents > .title {
        font-size: 2.5rem;
        letter-spacing: 3.3px; } }
    @media all and (max-width: 896px) {
      #not-found main.contents > .title {
        font-size: 2rem;
        letter-spacing: 2px; } }
  #not-found main.contents > .title-border {
    margin-bottom: 30px;
    width: 30vw;
    border-top: 2px solid #888; }
    @media all and (min-width: 897px) {
      #not-found main.contents > .title-border {
        max-width: 300px; } }
    @media all and (max-width: 896px) {
      #not-found main.contents > .title-border {
        min-width: 180px; } }
  #not-found main.contents > .message {
    margin-bottom: 50px;
    font-size: 1.5rem; }
    @media all and (max-width: 896px) {
      #not-found main.contents > .message {
        font-size: 1.4rem; } }
  @media all and (max-width: 896px) {
    #not-found main.contents > .button-arrow {
      margin: 0 auto;
      max-width: 300px; } }

#advantagecontrary {
  /* section-advantagecontrary
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */ }
  #advantagecontrary p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #advantagecontrary p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #advantagecontrary .section-advantagecontrary {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #advantagecontrary .section-advantagecontrary {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #advantagecontrary .section-advantagecontrary > .title-sub {
    margin-bottom: 70px; }
    @media all and (min-width: 897px) {
      #advantagecontrary .section-advantagecontrary > .title-sub {
        margin-bottom: 120px; } }
  #advantagecontrary .section-advantagecontrary > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #advantagecontrary .section-advantagecontrary > .link-arrow-wrap {
        margin-top: 95px; } }
  #advantagecontrary .section-advantagecontrary > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #advantagecontrary .section-advantagecontrary > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #advantagecontrary .section-content {
    margin-top: 55px; }
    @media all and (min-width: 897px) {
      #advantagecontrary .section-content {
        margin-top: 75px; } }
    #advantagecontrary .section-content > .list-line, #advantagecontrary #news-detail .box-content .section-content > ul, #news-detail .box-content #advantagecontrary .section-content > ul {
      margin-top: 18px;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #advantagecontrary .section-content > .list-line, #advantagecontrary #news-detail .box-content .section-content > ul, #news-detail .box-content #advantagecontrary .section-content > ul {
          margin-top: 28px;
          font-size: 1.6rem; } }
      @media all and (min-width: 897px) {
        #advantagecontrary .section-content > .list-line::before, #advantagecontrary #news-detail .box-content .section-content > ul::before, #news-detail .box-content #advantagecontrary .section-content > ul::before {
          top: 13px; } }
    #advantagecontrary .section-content > .text-right {
      text-align: right; }

#news-archive {
  /* section-news-archive
  ---------------------------------------------------------- */
  /* box-column
  ---------------------------------------------------------- */
  /* newslist
  ---------------------------------------------------------- */ }
  @media all and (max-width: 896px) {
    #news-archive .section-news-archive {
      padding: 10px 20px 105px; } }
  @media all and (min-width: 897px) {
    #news-archive .section-news-archive {
      width: 1150px;
      padding-top: 40px;
      padding-bottom: 140px;
      margin: 0 auto; } }
  #news-archive .section-news-archive > .link-arrow-wrap {
    text-align: right;
    margin-bottom: 50px; }
    @media all and (min-width: 897px) {
      #news-archive .section-news-archive > .link-arrow-wrap {
        margin-bottom: 60px; } }
  #news-archive .section-news-archive > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #news-archive .section-news-archive > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  @media all and (max-width: 896px) {
    #news-archive .section-news-archive > .button-wrap {
      padding-left: 30px;
      padding-right: 30px;
      margin-top: 60px; } }
  @media all and (min-width: 897px) {
    #news-archive .section-news-archive > .button-wrap {
      margin-top: 100px; } }
  @media all and (min-width: 897px) {
    #news-archive .box-column {
      display: flex;
      justify-content: flex-end; } }
  #news-archive .box-column + .box-column {
    margin-top: 35px; }
    @media all and (min-width: 897px) {
      #news-archive .box-column + .box-column {
        margin-top: 55px; } }
  @media all and (max-width: 896px) {
    #news-archive .box-column > .boxleft {
      margin-bottom: 35px; } }
  @media all and (min-width: 897px) {
    #news-archive .box-column > .boxleft {
      width: 100%;
      padding-right: 15px; } }
  #news-archive .box-column > .boxleft > .title {
    font-size: 1.8rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 700; }
    @media all and (min-width: 897px) {
      #news-archive .box-column > .boxleft > .title {
        font-size: 2.4rem; } }
  @media all and (min-width: 897px) {
    #news-archive .box-column > .boxright {
      width: 850px;
      flex: 0 0 850px; } }
  #news-archive .box-column > .boxright > p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #news-archive .box-column > .boxright > p {
        font-size: 1.5rem;
        line-height: 2; } }
  #news-archive .newslist > .newsitem {
    display: none;
    border-bottom: 1px solid #ddd; }
    @media all and (max-width: 896px) {
      #news-archive .newslist > .newsitem {
        padding: 19px 0; } }
    @media all and (min-width: 897px) {
      #news-archive .newslist > .newsitem {
        padding: 20px 0; } }
    #news-archive .newslist > .newsitem:first-child {
      padding-top: 0; }
    #news-archive .newslist > .newsitem.-visible {
      display: block;
      -webkit-animation: fadeIn 0.25s;
      animation: fadeIn 0.25s; }
  @media all and (max-width: 896px) {
    #news-archive .newslist > .newsitem > .card-news-list {
      align-items: center; } }
  #news-archive .newslist > .newsitem > .card-news-list > .date {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2; }
    @media all and (min-width: 897px) {
      #news-archive .newslist > .newsitem > .card-news-list > .date {
        font-size: 1.5rem;
        width: 105px; } }
  @media all and (min-width: 897px) {
    #news-archive .newslist > .newsitem > .card-news-list > .category {
      padding-top: 4px; } }
  #news-archive .newslist > .newsitem > .card-news-list > .info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 2; }
    @media all and (max-width: 896px) {
      #news-archive .newslist > .newsitem > .card-news-list > .info {
        line-height: 1.8; } }
  #news-archive .newslist > .newsitem > .card-news-list > .info.-pdf {
    padding-left: 25px; }
    @media all and (min-width: 897px) {
      #news-archive .newslist > .newsitem > .card-news-list > .info.-pdf {
        margin-left: 35px; } }

#contact {
  /* section-contact
  ---------------------------------------------------------- */
  /* link-email
  ---------------------------------------------------------- */
  /* text-requirement
  ---------------------------------------------------------- */ }
  #contact .section-contact {
    line-height: 2; }
    @media all and (max-width: 896px) {
      #contact .section-contact {
        padding: 60px 20px 105px;
        font-size: 1.3rem; } }
    @media all and (min-width: 897px) {
      #contact .section-contact {
        width: 850px;
        padding-top: 80px;
        padding-bottom: 95px;
        margin: 0 auto;
        font-size: 1.5rem; } }
  #contact .link-email {
    margin-top: 30px;
    text-align: center; }
    #contact .link-email > .link {
      position: relative;
      display: inline-block;
      padding-left: 30px;
      font-size: 2rem;
      color: #3A5F9B;
      line-height: 1.4; }
      @media all and (min-width: 897px) {
        #contact .link-email > .link {
          padding-left: 35px;
          font-size: 2.4rem;
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #contact .link-email > .link:hover {
            opacity: 0.6; } }
      #contact .link-email > .link::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 23px;
        height: 18px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE4IDE0Ij4KICA8cGF0aCBpZD0iUGF0aF8yNTAiIGRhdGEtbmFtZT0iUGF0aCAyNTAiIGQ9Ik0xOS4xLDRIMi45Yy0uOTksMC0uODkxLS4wODctLjg5MS44NzVMMiwxNy4xMjFjMCwuOTYyLS4wOS44NzUuOS44NzVIMTkuMWMuOTksMCwuOS4wODcuOS0uODc1VjQuODc0QzIwLDMuOTEyLDIwLjA4NSw0LDE5LjEsNFptMCwxMy4xMjFIMi45VjUuNzQ5TDExLDExLjdsOC4xLTUuOTQ4Wm0tOC4xLTYuM0wyLjksNC44NzRIMTkuMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk5OCAtMy45OTgpIiBmaWxsPSIjM0E1RjlCIi8+Cjwvc3ZnPgo=) no-repeat;
        background-size: 23px 18px;
        transform: translateY(-50%);
        content: ''; }
        @media all and (min-width: 897px) {
          #contact .link-email > .link::before {
            width: 26px;
            height: 20px;
            background-size: 26px 20px; } }
  #contact .text-requirement {
    margin-top: 30px;
    text-align: center; }
    @media all and (max-width: 896px) {
      #contact .text-requirement {
        border-top: 1px solid #E5E5E5;
        padding-top: 30px; } }

#disclosure {
  /* section-disclosure
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */
  /* section-inner
  ---------------------------------------------------------- */
  /* newslist
  ---------------------------------------------------------- */ }
  @media all and (max-width: 896px) {
    #disclosure .section-disclosure {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #disclosure .section-disclosure {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #disclosure .section-disclosure > .title-sub {
    margin-bottom: 70px;
    font-weight: 700; }
    @media all and (min-width: 897px) {
      #disclosure .section-disclosure > .title-sub {
        margin-bottom: 125px; } }
  #disclosure .section-content + .section-content {
    padding-top: 80px; }
    @media all and (min-width: 897px) {
      #disclosure .section-content + .section-content {
        padding-top: 75px; } }
  @media all and (min-width: 897px) {
    #disclosure .section-content > .box-column {
      display: flex;
      justify-content: flex-end; } }
  #disclosure .section-content .box-column + .box-column {
    margin-top: 35px; }
    @media all and (min-width: 897px) {
      #disclosure .section-content .box-column + .box-column {
        margin-top: 55px; } }
  @media all and (max-width: 896px) {
    #disclosure .section-content > .box-column > .boxleft {
      margin-bottom: 15px; } }
  @media all and (min-width: 897px) {
    #disclosure .section-content > .box-column > .boxleft {
      width: 100%;
      padding-right: 15px; } }
  @media all and (max-width: 896px) {
    #disclosure .section-content > .box-column > .boxleft > .title-line-left {
      margin-bottom: 25px;
      margin-top: 55px; } }
  @media all and (min-width: 897px) {
    #disclosure .section-content > .box-column > .boxleft > .title-line-left {
      margin-bottom: 0; } }
  #disclosure .section-content > .box-column > .boxleft > .title-disclosure {
    font-size: 1.8rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 700; }
    @media all and (min-width: 897px) {
      #disclosure .section-content > .box-column > .boxleft > .title-disclosure {
        font-size: 2.4rem; } }
  @media all and (min-width: 897px) {
    #disclosure .section-content > .box-column > .boxright {
      width: 600px;
      flex: 0 0 600px; } }
  #disclosure .section-content > .box-column > .boxright > p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #disclosure .section-content > .box-column > .boxright > p {
        font-size: 1.5rem;
        line-height: 2; } }
  #disclosure .section-inner {
    margin-top: 30px; }
    @media all and (min-width: 897px) {
      #disclosure .section-inner {
        margin-top: 50px; } }
  #disclosure .newslist > .newsitem {
    border-bottom: 1px solid #ddd; }
    @media all and (max-width: 896px) {
      #disclosure .newslist > .newsitem {
        padding: 19px 0; } }
    @media all and (min-width: 897px) {
      #disclosure .newslist > .newsitem {
        padding: 20px 0; } }
    #disclosure .newslist > .newsitem:first-child {
      padding-top: 0; }
  #disclosure .newslist > .newsitem > .card-news-list > .date {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    color: #222;
    font-weight: 400;
    line-height: 2; }
    @media all and (min-width: 897px) {
      #disclosure .newslist > .newsitem > .card-news-list > .date {
        font-size: 1.5rem;
        width: 195px; } }
  @media all and (min-width: 897px) {
    #disclosure .newslist.-lg > .newsitem > .card-news-list > .date {
      width: 250px; } }
  #disclosure .newslist > .newsitem > .card-news-list > .info {
    line-height: 2; }

#fiduciary {
  /* section-main
  ---------------------------------------------------------- */
  /* section-fiduciary
  ---------------------------------------------------------- */
  /* section-status
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */ }
  #fiduciary p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #fiduciary p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #fiduciary .section-main {
      padding: 60px 20px 0; } }
  @media all and (min-width: 897px) {
    #fiduciary .section-main {
      width: 850px;
      padding-top: 105px;
      margin: 0 auto; } }
  #fiduciary .section-main > .text-desc {
    margin-top: 15px; }
    @media all and (min-width: 897px) {
      #fiduciary .section-main > .text-desc {
        margin-top: 25px; } }
  @media all and (max-width: 896px) {
    #fiduciary .section-fiduciary {
      padding: 60px 20px 0; } }
  @media all and (min-width: 897px) {
    #fiduciary .section-fiduciary {
      width: 850px;
      padding-top: 80px;
      margin: 0 auto; } }
  @media all and (max-width: 896px) {
    #fiduciary .section-status {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #fiduciary .section-status {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #fiduciary .section-status > .box-pdf {
    background-color: #F6F6F6;
    margin-top: 20px;
    padding: 10px 30px 30px; }
    @media all and (min-width: 897px) {
      #fiduciary .section-status > .box-pdf {
        padding: 10px 50px 30px;
        margin-top: 30px; } }
  @media all and (min-width: 897px) {
    #fiduciary .section-status > .box-pdf .list {
      display: flex;
      flex-wrap: wrap;
      margin-left: -25px;
      margin-right: -25px; } }
  #fiduciary .section-status > .box-pdf .list .item, #fiduciary .section-status > .box-pdf .list #news-detail .box-content ul > li, #news-detail .box-content #fiduciary .section-status > .box-pdf .list ul > li {
    margin-top: 20px; }
    @media all and (min-width: 897px) {
      #fiduciary .section-status > .box-pdf .list .item, #fiduciary .section-status > .box-pdf .list #news-detail .box-content ul > li, #news-detail .box-content #fiduciary .section-status > .box-pdf .list ul > li {
        width: 50%;
        padding-left: 25px;
        padding-right: 25px; } }
  #fiduciary .section-status > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #fiduciary .section-status > .link-arrow-wrap {
        margin-top: 95px; } }
  #fiduciary .section-status > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #fiduciary .section-status > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #fiduciary .section-content {
    margin-top: 30px; }
    @media all and (min-width: 897px) {
      #fiduciary .section-content {
        margin-top: 50px; } }

#fund-detail {
  /* back-button
  ---------------------------------------------------------- */
  /* section-detail
  ---------------------------------------------------------- */
  /* section-banner
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */
  /* fund-detail
  ---------------------------------------------------------- */
  /* fund-detail-ref
  ---------------------------------------------------------- */
  /* fund-detail-info
  ---------------------------------------------------------- */
  /* banner-wrapper
  ---------------------------------------------------------- */
  /* list-anchor
  ---------------------------------------------------------- */
  /* box-content
  ---------------------------------------------------------- */
  /* table-fee
  ---------------------------------------------------------- */
  /* box-pdf-column
  ---------------------------------------------------------- */
  /* box-pdf-monthly
  ---------------------------------------------------------- */
  /* select-year
  ---------------------------------------------------------- */ }
  #fund-detail .back-button {
    text-align: right; }
    @media all and (max-width: 896px) {
      #fund-detail .back-button {
        margin-top: 20px;
        padding: 0 20px; } }
    @media all and (min-width: 897px) {
      #fund-detail .back-button {
        width: 1150px;
        margin: 60px auto 0; } }
  #fund-detail .section-detail {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    padding: 0 20px; }
    @media all and (min-width: 897px) {
      #fund-detail .section-detail {
        margin-top: -55px; } }
    @media all and (min-width: 897px) {
      #fund-detail .section-detail > .container {
        width: 1150px;
        margin: 0 auto; } }
  #fund-detail .section-banner {
    margin-top: 60px; }
    @media all and (min-width: 897px) {
      #fund-detail .section-banner {
        margin-top: 80px; } }
    @media all and (min-width: 897px) {
      #fund-detail .section-banner > .container {
        width: 1150px;
        margin: 0 auto; } }
  #fund-detail .section-content {
    background-color: #F5F5F5;
    margin-top: 60px;
    padding: 35px 20px 100px; }
    @media all and (min-width: 897px) {
      #fund-detail .section-content {
        padding-top: 80px; } }
    @media all and (min-width: 897px) {
      #fund-detail .section-content > .container {
        width: 850px;
        margin: 0 auto; } }
    #fund-detail .section-content > .container > .head {
      padding-bottom: 25px;
      border-bottom: 1px solid #ddd; }
      @media all and (min-width: 897px) {
        #fund-detail .section-content > .container > .head {
          padding-bottom: 30px; } }
    #fund-detail .section-content > .container > .body {
      margin-top: 60px; }
  #fund-detail .fund-detail {
    background-color: #F5F5F5; }
    @media all and (max-width: 896px) {
      #fund-detail .fund-detail {
        padding: 25px 30px; } }
    @media all and (min-width: 897px) {
      #fund-detail .fund-detail {
        position: relative;
        display: flex;
        padding-left: 149px; }
        #fund-detail .fund-detail::before {
          position: absolute;
          top: 50%;
          left: 50px;
          width: 90px;
          height: 90px;
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9Ikdyb3VwXzM1NCIgZGF0YS1uYW1lPSJHcm91cCAzNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQxLjAwMiAtOTAzKSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yNyIgZGF0YS1uYW1lPSJFbGxpcHNlIDI3IiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNDEuMDAyIDkwMykiIGZpbGw9IiMyMjIiLz4NCiAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODY1LjAwMiAyNDkuMjI0KSI+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE4MiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgyIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0IDY3NS43NzYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE4MyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgzIiB3aWR0aD0iMiIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODcgNjcyLjc3NikiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTg0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxODQiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MSA2NzAuNzc2KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE4NSIgd2lkdGg9IjIiIGhlaWdodD0iOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk1IDY2Ny43NzYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8cGF0aCBpZD0iVW5pb25fMiIgZGF0YS1uYW1lPSJVbmlvbiAyIiBkPSJNOC4yMSw0Ljc1NGgtMS4zVjEuM0gwVjBIOC4yMVYzLjQ1N2g3Ljc3OHYxLjNaIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc4OCwgLTAuNjE2LCAwLjYxNiwgMC43ODgsIDE4My45OTksIDY2Ny42MikiIGZpbGw9IiNmZmYiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K) no-repeat;
          background-size: 90px;
          transform: translateY(-50%);
          content: ''; } }
    @media all and (max-width: 896px) {
      #fund-detail .fund-detail > .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 8px; }
        #fund-detail .fund-detail > .row:first-child {
          margin-top: 0; }
        #fund-detail .fund-detail > .row:last-child {
          position: relative;
          padding-bottom: 15px; } }
    @media all and (min-width: 897px) {
      #fund-detail .fund-detail > .row {
        flex: 0 0 auto;
        width: 200px;
        height: 150px;
        padding-top: 33px;
        border-left: 1px solid #ddd;
        text-align: center; }
        #fund-detail .fund-detail > .row:first-child {
          padding-left: 42px;
          border-left: none;
          text-align: left; } }
    #fund-detail .fund-detail > .row > .title {
      flex: 0 0 auto;
      color: #999;
      font-size: 1.2rem;
      font-weight: 500; }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail > .row > .title {
          min-height: 38px;
          font-size: 1.4rem; } }
    @media all and (max-width: 896px) {
      #fund-detail .fund-detail > .row > .title > .date {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 1rem;
        font-weight: normal; } }
    @media all and (min-width: 897px) {
      #fund-detail .fund-detail > .row > .title > .date {
        display: block;
        font-size: 1.2rem;
        line-height: 1.4; } }
    #fund-detail .fund-detail > .row > .data {
      font-size: 2.4rem;
      font-weight: 700; }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail > .row > .data {
          font-size: 3rem;
          line-height: 1.2; } }
    #fund-detail .fund-detail > .row > .data > .unit {
      margin-left: 10px;
      font-size: 1.4rem;
      font-weight: normal; }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail > .row > .data > .unit {
          font-size: 1.6rem; } }
  #fund-detail .fund-detail-ref {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px; }
    @media all and (min-width: 897px) {
      #fund-detail .fund-detail-ref {
        justify-content: space-between;
        align-items: flex-start; } }
    #fund-detail .fund-detail-ref > .linkwrapper {
      text-align: left; }
      @media all and (max-width: 896px) {
        #fund-detail .fund-detail-ref > .linkwrapper {
          order: 2;
          width: 100%;
          margin-top: 15px; } }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-ref > .linkwrapper {
          padding-top: 5px; } }
    #fund-detail .fund-detail-ref > .linkwrapper > .link {
      position: relative;
      display: inline-block;
      padding-left: 23px;
      color: #3A5F9B;
      font-size: 1.3rem; }
      @media all and (max-width: 896px) {
        #fund-detail .fund-detail-ref > .linkwrapper > .link {
          line-height: 2.1; } }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-ref > .linkwrapper > .link {
          padding-left: 27px;
          font-size: 1.5rem; } }
      #fund-detail .fund-detail-ref > .linkwrapper > .link::before {
        position: absolute;
        top: 8px;
        left: 0;
        width: 18px;
        height: 18px;
        background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9leHRlcm5hbF9saW5rIiBkYXRhLW5hbWU9Imljb25fZXh0ZXJuYWwgbGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCI+DQogIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjg0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyODQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIvPg0KICA8ZyBpZD0iUmVjdGFuZ2xlXzI4MSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjgxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYTVmOWIiIHN0cm9rZS13aWR0aD0iMS41Ij4NCiAgICA8cmVjdCB3aWR0aD0iOSIgaGVpZ2h0PSI4IiBzdHJva2U9Im5vbmUiLz4NCiAgICA8cmVjdCB4PSIwLjc1IiB5PSIwLjc1IiB3aWR0aD0iNy41IiBoZWlnaHQ9IjYuNSIgZmlsbD0ibm9uZSIvPg0KICA8L2c+DQogIDxwYXRoIGlkPSJVbmlvbl8zIiBkYXRhLW5hbWU9IlVuaW9uIDMiIGQ9Ik0wLDdIMFYwSDEuMzMzVjUuNjg4SDhWN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMgNykiIGZpbGw9IiMzYTVmOWIiLz4NCjwvc3ZnPg0K) no-repeat;
        background-size: 18px;
        content: ''; }
        @media all and (min-width: 897px) {
          #fund-detail .fund-detail-ref > .linkwrapper > .link::before {
            top: 2px;
            width: 22px;
            height: 22px;
            background-size: 22px; } }
    #fund-detail .fund-detail-ref > .date {
      color: #999;
      text-align: right; }
      @media all and (max-width: 896px) {
        #fund-detail .fund-detail-ref > .date {
          order: 1;
          width: 100%;
          font-size: 1.2rem; } }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-ref > .date {
          font-size: 1.4rem; } }
  #fund-detail .fund-detail-info {
    margin-top: 30px; }
    @media all and (min-width: 897px) {
      #fund-detail .fund-detail-info {
        display: flex;
        align-items: flex-start;
        margin-top: 50px; } }
    #fund-detail .fund-detail-info > .boxpdf {
      padding: 30px 30px 40px;
      background-color: #F5F5F5; }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-info > .boxpdf {
          flex: 0 0 auto;
          width: 550px;
          padding: 40px 50px 50px; } }
    #fund-detail .fund-detail-info > .boxpdf > .filelist {
      margin-top: 20px; }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-info > .boxpdf > .filelist {
          margin-top: 28px; } }
    #fund-detail .fund-detail-info > .boxpdf > .filelist > .item, #fund-detail #news-detail .box-content .fund-detail-info > .boxpdf > ul.filelist > li, #news-detail .box-content #fund-detail .fund-detail-info > .boxpdf > ul.filelist > li {
      margin-top: 16px; }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-info > .boxpdf > .filelist > .item, #fund-detail #news-detail .box-content .fund-detail-info > .boxpdf > ul.filelist > li, #news-detail .box-content #fund-detail .fund-detail-info > .boxpdf > ul.filelist > li {
          margin-top: 19px; } }
      #fund-detail .fund-detail-info > .boxpdf > .filelist > .item:first-child, #fund-detail #news-detail .box-content .fund-detail-info > .boxpdf > ul.filelist > li:first-child, #news-detail .box-content #fund-detail .fund-detail-info > .boxpdf > ul.filelist > li:first-child {
        margin-top: 0; }
    #fund-detail .fund-detail-info > .boxinfo {
      color: #999;
      white-space: pre-wrap; }
      @media all and (max-width: 896px) {
        #fund-detail .fund-detail-info > .boxinfo {
          margin-top: 25px;
          font-size: 1.2rem;
          line-height: 1.8; } }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-info > .boxinfo {
          flex: 1;
          padding-left: 50px;
          font-size: 1.4rem;
          line-height: 2; } }
    @media all and (min-width: 897px) {
      #fund-detail .fund-detail-info > .boxinfo > .infolist {
        margin-top: -5px; } }
    #fund-detail .fund-detail-info > .boxinfo > .infolist > .row {
      display: flex;
      margin-top: 20px; }
      @media all and (min-width: 897px) {
        #fund-detail .fund-detail-info > .boxinfo > .infolist > .row {
          margin-top: 13px; } }
      #fund-detail .fund-detail-info > .boxinfo > .infolist > .row:first-child {
        margin-top: 0; }
  #fund-detail .banner-wrapper > .content {
    margin-top: 20px;
    padding: 0 20px;
    color: #999;
    font-size: 1.2rem;
    line-height: 1.8; }
    @media all and (min-width: 897px) {
      #fund-detail .banner-wrapper > .content {
        margin-top: 30px;
        padding: 0;
        font-size: 1.4rem;
        line-height: 2; } }
  #fund-detail .banner-wrapper > .content > .-list-maf-line {
    margin-top: 8px; }
    @media all and (min-width: 897px) {
      #fund-detail .banner-wrapper > .content > .-list-maf-line {
        margin-top: 15px; } }
  @media all and (max-width: 896px) {
    #fund-detail .banner-wrapper > .content > .-list-maf-line > .item:not(:first-child), #fund-detail #news-detail .box-content .banner-wrapper > .content > ul.-list-maf-line > li:not(:first-child), #news-detail .box-content #fund-detail .banner-wrapper > .content > ul.-list-maf-line > li:not(:first-child) {
      margin-top: 12px; }
    #fund-detail .banner-wrapper > .content > .-list-maf-line > .item::before, #fund-detail #news-detail .box-content .banner-wrapper > .content > ul.-list-maf-line > li::before, #news-detail .box-content #fund-detail .banner-wrapper > .content > ul.-list-maf-line > li::before {
      top: 10px; } }
  @media all and (min-width: 897px) {
    #fund-detail .banner-wrapper > .content > .-list-maf-line > .item:not(:first-child), #fund-detail #news-detail .box-content .banner-wrapper > .content > ul.-list-maf-line > li:not(:first-child), #news-detail .box-content #fund-detail .banner-wrapper > .content > ul.-list-maf-line > li:not(:first-child) {
      margin-top: 14px; }
    #fund-detail .banner-wrapper > .content > .-list-maf-line > .item::before, #fund-detail #news-detail .box-content .banner-wrapper > .content > ul.-list-maf-line > li::before, #news-detail .box-content #fund-detail .banner-wrapper > .content > ul.-list-maf-line > li::before {
      top: 13px; } }
  #fund-detail .list-anchor {
    display: flex;
    flex-wrap: wrap;
    margin: -25px 0 0 -10px; }
    @media all and (min-width: 897px) {
      #fund-detail .list-anchor {
        justify-content: space-between;
        margin: -20px -20px 0px; } }
    @media all and (max-width: 896px) {
      #fund-detail .list-anchor > .item, #fund-detail #news-detail .box-content ul.list-anchor > li, #news-detail .box-content #fund-detail ul.list-anchor > li {
        width: 50%;
        margin-top: 25px;
        padding-left: 10px; } }
    @media all and (min-width: 897px) {
      #fund-detail .list-anchor > .item, #fund-detail #news-detail .box-content ul.list-anchor > li, #news-detail .box-content #fund-detail ul.list-anchor > li {
        margin-top: 20px;
        padding: 0 20px; } }
    #fund-detail .list-anchor > .item > .link, #fund-detail #news-detail .box-content ul.list-anchor > li > .link, #news-detail .box-content #fund-detail ul.list-anchor > li > .link {
      position: relative;
      display: inline-block;
      padding-left: 19px;
      color: #3A5F9B;
      font-size: 1.2rem; }
      @media all and (min-width: 897px) {
        #fund-detail .list-anchor > .item > .link, #fund-detail #news-detail .box-content ul.list-anchor > li > .link, #news-detail .box-content #fund-detail ul.list-anchor > li > .link {
          padding-left: 25px;
          font-size: 1.5rem;
          cursor: pointer;
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #fund-detail .list-anchor > .item > .link:hover, #fund-detail #news-detail .box-content ul.list-anchor > li > .link:hover, #news-detail .box-content #fund-detail ul.list-anchor > li > .link:hover {
            opacity: 0.6; } }
      #fund-detail .list-anchor > .item > .link::before, #fund-detail #news-detail .box-content ul.list-anchor > li > .link::before, #news-detail .box-content #fund-detail ul.list-anchor > li > .link::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 14px;
        height: 14px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBpZD0iaWNvbl9hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMy41IC00ODcuODkyKSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEzNiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMy41IDQ4Ny44OTIpIiBmaWxsPSIjZDlkOWQ5IiBvcGFjaXR5PSIwIi8+CiAgICA8cGF0aCBpZD0iXzMyIiBkYXRhLW5hbWU9IjMyIiBkPSJNMS4zNjksNi42ODcsNiwxLjk5MWw0LjYzMSw0LjdhLjY1LjY1LDAsMCwwLDEuMS4wMjYuNzM5LjczOSwwLDAsMCwwLTEuMTQ5TDYuNTQ4LjI1NWEuNzE1LjcxNSwwLDAsMC0xLjEsMEwuMjc0LDUuNTY0YS43MzkuNzM5LDAsMCwwLDAsMS4xNDlBLjY1LjY1LDAsMCwwLDEuMzY5LDYuNjg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE5LjUgNTAxLjg5Mikgcm90YXRlKDE4MCkiIGZpbGw9IiMzQTVGOUIiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;
        background-size: 14px;
        transform: translateY(-50%);
        content: ''; }
  #fund-detail .box-content {
    margin-top: 60px;
    font-size: 1.3rem;
    line-height: 2.1; }
    @media all and (min-width: 897px) {
      #fund-detail .box-content {
        margin-top: 80px;
        font-size: 1.5rem; } }
    #fund-detail .box-content:first-child {
      margin-top: 0; }
    #fund-detail .box-content > .inner {
      margin-top: 35px; }
      @media all and (min-width: 897px) {
        #fund-detail .box-content > .inner {
          margin-top: 45px; } }
      #fund-detail .box-content > .inner:first-child {
        margin-top: 0; }
    #fund-detail .box-content strong {
      font-weight: 700; }
    #fund-detail .box-content em {
      font-style: italic; }
    #fund-detail .box-content a {
      color: #3A5F9B; }
      @media all and (min-width: 897px) {
        #fund-detail .box-content a {
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #fund-detail .box-content a:hover {
            opacity: 0.6; } }
    #fund-detail .box-content h1 {
      margin-bottom: 30px;
      font-size: 2rem;
      font-weight: 700;
      font-family: "Noto Serif JP", serif; }
      @media all and (min-width: 897px) {
        #fund-detail .box-content h1 {
          margin-bottom: 35px;
          font-size: 3rem; } }
    #fund-detail .box-content h2 {
      display: block;
      border-left: 5px solid #ccc;
      margin-bottom: 25px;
      padding-left: 15px;
      font-family: "Noto Serif JP", serif;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1.5; }
      @media all and (min-width: 897px) {
        #fund-detail .box-content h2 {
          margin-bottom: 35px;
          font-size: 1.8rem;
          line-height: 1.4; } }
    #fund-detail .box-content h3 {
      margin-bottom: 20px;
      padding-bottom: 5px;
      border-bottom: 1px solid #E5E5E5;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #fund-detail .box-content h3 {
          padding-bottom: 10px;
          margin-bottom: 25px;
          font-size: 1.6rem; } }
    #fund-detail .box-content ol {
      counter-reset: dec; }
      #fund-detail .box-content ol > li {
        position: relative;
        padding-left: 24px;
        counter-increment: dec; }
        #fund-detail .box-content ol > li::before {
          position: absolute;
          top: 0;
          left: 0;
          content: counter(dec) "."; }
    #fund-detail .box-content img {
      max-width: 100%; }
    @media all and (min-width: 897px) {
      #fund-detail .box-content a {
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        #fund-detail .box-content a:hover {
          opacity: 0.6; } }
    #fund-detail .box-content ul.list-note {
      margin-bottom: 20px; }
      @media all and (min-width: 897px) {
        #fund-detail .box-content ul.list-note {
          margin-bottom: 30px; } }
      #fund-detail .box-content ul.list-note:last-child {
        margin-bottom: 0; }
      #fund-detail .box-content ul.list-note > li.item, #fund-detail #news-detail .box-content ul.list-note > li, #news-detail #fund-detail .box-content ul.list-note > li {
        margin-top: 10px; }
        @media all and (min-width: 897px) {
          #fund-detail .box-content ul.list-note > li.item, #fund-detail #news-detail .box-content ul.list-note > li, #news-detail #fund-detail .box-content ul.list-note > li {
            font-size: 1.4rem; } }
        #fund-detail .box-content ul.list-note > li.item:first-child, #fund-detail #news-detail .box-content ul.list-note > li:first-child, #news-detail #fund-detail .box-content ul.list-note > li:first-child {
          margin-top: 0; }
    #fund-detail .box-content ul.list-line, #fund-detail #news-detail .box-content ul, #news-detail #fund-detail .box-content ul {
      margin-bottom: 15px; }
      @media all and (min-width: 897px) {
        #fund-detail .box-content ul.list-line, #fund-detail #news-detail .box-content ul, #news-detail #fund-detail .box-content ul {
          margin-bottom: 25px; } }
      #fund-detail .box-content ul.list-line:last-child, #fund-detail #news-detail .box-content ul:last-child, #news-detail #fund-detail .box-content ul:last-child {
        margin-bottom: 0; }
  #fund-detail .table-fee {
    line-height: 1.9; }
    @media all and (max-width: 896px) {
      #fund-detail .table-fee {
        margin-top: 18px;
        margin-bottom: 25px; } }
    @media all and (min-width: 897px) {
      #fund-detail .table-fee {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 35px;
        border-collapse: collapse; } }
    #fund-detail .table-fee:last-child {
      margin-bottom: 0; }
    @media all and (max-width: 896px) {
      #fund-detail .table-fee > thead {
        display: none; } }
    #fund-detail .table-fee > thead > tr > th {
      height: 38px;
      padding: 5px 10px 5px 20px;
      border: 1px solid #ddd;
      color: #888;
      font-size: 1.4rem;
      font-weight: 500;
      text-align: left;
      vertical-align: middle; }
      #fund-detail .table-fee > thead > tr > th.-th-dest {
        width: 100px; }
      #fund-detail .table-fee > thead > tr > th.-th-breakdown {
        width: 150px; }
    @media all and (max-width: 896px) {
      #fund-detail .table-fee > tbody {
        display: block; } }
    @media all and (max-width: 896px) {
      #fund-detail .table-fee > tbody > tr {
        display: block;
        margin-top: 10px;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd; }
        #fund-detail .table-fee > tbody > tr:first-child {
          margin-top: 0; } }
    @media all and (max-width: 896px) {
      #fund-detail .table-fee > tbody > tr > td {
        display: flex;
        border-bottom: 1px solid #ddd;
        font-size: 1.3rem; } }
    @media all and (min-width: 897px) {
      #fund-detail .table-fee > tbody > tr > td {
        height: 42px;
        padding: 6px 10px 6px 20px;
        border: 1px solid #ddd;
        font-size: 1.5rem;
        text-align: left;
        vertical-align: middle; } }
    @media all and (max-width: 896px) {
      #fund-detail .table-fee > tbody > tr > td > .title {
        display: flex;
        flex: 0 0 auto;
        align-items: flex-start;
        width: 90px;
        padding: 6px 10px 6px 14px;
        color: #888;
        font-weight: 500; } }
    @media all and (min-width: 897px) {
      #fund-detail .table-fee > tbody > tr > td > .title {
        display: none; } }
    @media all and (max-width: 896px) {
      #fund-detail .table-fee > tbody > tr > td > .data {
        flex: 1;
        padding: 6px 10px 6px 14px;
        border-left: 1px solid #ddd; } }
  @media all and (min-width: 897px) {
    #fund-detail .box-pdf-column {
      display: flex;
      margin-left: -50px; } }
  @media all and (max-width: 896px) {
    #fund-detail .box-pdf-column > .column:not(:first-child) {
      margin-top: 25px; } }
  @media all and (min-width: 897px) {
    #fund-detail .box-pdf-column > .column {
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 50%;
      padding-left: 50px; } }
  #fund-detail .box-pdf-column > .column > .title {
    margin-bottom: 15px;
    font-size: 1.4rem;
    font-weight: 500; }
    @media all and (min-width: 897px) {
      #fund-detail .box-pdf-column > .column > .title {
        font-size: 1.5rem; } }
  #fund-detail .box-pdf-column > .column > .inner {
    padding: 25px 30px;
    background-color: #fff; }
    @media all and (min-width: 897px) {
      #fund-detail .box-pdf-column > .column > .inner {
        flex: 1 1 auto;
        padding: 30px 50px 30px; } }
  #fund-detail .box-pdf-column > .column > .inner > .list > .item:not(:first-child), #fund-detail #news-detail .box-content .box-pdf-column > .column > .inner > ul.list > li:not(:first-child), #news-detail .box-content #fund-detail .box-pdf-column > .column > .inner > ul.list > li:not(:first-child) {
    margin-top: 11px; }
  #fund-detail .box-pdf-monthly > .head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px; }
  #fund-detail .box-pdf-monthly > .head > .title {
    flex: 1;
    font-size: 1.4rem;
    font-weight: 500; }
    @media all and (min-width: 897px) {
      #fund-detail .box-pdf-monthly > .head > .title {
        font-size: 1.5rem; } }
  #fund-detail .box-pdf-monthly > .body {
    padding: 25px 30px;
    background-color: #fff; }
    @media all and (min-width: 897px) {
      #fund-detail .box-pdf-monthly > .body {
        padding: 25px 50px 30px; } }
  @media all and (min-width: 897px) {
    #fund-detail .box-pdf-monthly > .body > .list {
      display: flex;
      flex-wrap: wrap;
      margin-top: -6px;
      margin-left: -25px; } }
  @media all and (max-width: 896px) {
    #fund-detail .box-pdf-monthly > .body > .list > .item:not(:first-child), #fund-detail #news-detail .box-content .box-pdf-monthly > .body > ul.list > li:not(:first-child), #news-detail .box-content #fund-detail .box-pdf-monthly > .body > ul.list > li:not(:first-child) {
      margin-top: 11px; } }
  @media all and (min-width: 897px) {
    #fund-detail .box-pdf-monthly > .body > .list > .item, #fund-detail #news-detail .box-content .box-pdf-monthly > .body > ul.list > li, #news-detail .box-content #fund-detail .box-pdf-monthly > .body > ul.list > li {
      width: 50%;
      margin-top: 6px;
      padding-left: 25px; } }
  #fund-detail .select-year {
    display: flex;
    align-items: center;
    flex: 0 0 auto; }
    #fund-detail .select-year > .text {
      color: #999;
      font-weight: 500;
      font-size: 1.3rem; }
      @media all and (min-width: 897px) {
        #fund-detail .select-year > .text {
          font-size: 1.4rem; } }
    #fund-detail .select-year > .selectwrap {
      overflow: hidden;
      position: relative;
      margin-left: 15px;
      border-bottom: 1px solid #999; }
      @media all and (min-width: 897px) {
        #fund-detail .select-year > .selectwrap {
          margin-left: 10px; } }
      #fund-detail .select-year > .selectwrap::before {
        position: absolute;
        top: 50%;
        right: 0;
        width: 18px;
        height: 18px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBpZD0iaWNvbl9hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMy41IC00ODcuODkyKSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEzNiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMy41IDQ4Ny44OTIpIiBmaWxsPSIjZDlkOWQ5IiBvcGFjaXR5PSIwIi8+CiAgICA8cGF0aCBpZD0iXzMyIiBkYXRhLW5hbWU9IjMyIiBkPSJNMS4zNjksNi42ODcsNiwxLjk5MWw0LjYzMSw0LjdhLjY1LjY1LDAsMCwwLDEuMS4wMjYuNzM5LjczOSwwLDAsMCwwLTEuMTQ5TDYuNTQ4LjI1NWEuNzE1LjcxNSwwLDAsMC0xLjEsMEwuMjc0LDUuNTY0YS43MzkuNzM5LDAsMCwwLDAsMS4xNDlBLjY1LjY1LDAsMCwwLDEuMzY5LDYuNjg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE5LjUgNTAxLjg5Mikgcm90YXRlKDE4MCkiIGZpbGw9IiMzQTVGOUIiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;
        background-size: 18px;
        transform: translateY(-50%);
        pointer-events: none;
        content: ''; }
        @media all and (min-width: 897px) {
          #fund-detail .select-year > .selectwrap::before {
            width: 20px;
            height: 20px;
            background-size: 20px; } }
    #fund-detail .select-year > .selectwrap > .select {
      width: 90px;
      height: 28px;
      padding-right: 20px;
      border: none;
      background: none;
      font-size: 1.3rem; }
      @media all and (min-width: 897px) {
        #fund-detail .select-year > .selectwrap > .select {
          width: 100px;
          font-size: 1.4rem; } }
      #fund-detail .select-year > .selectwrap > .select::-ms-expand {
        display: none; }

#fund {
  /* nav-local
  ---------------------------------------------------------- */
  /* nav-local
  ---------------------------------------------------------- */
  /* section-fund
  ---------------------------------------------------------- */
  /* section-news
  ---------------------------------------------------------- */
  /* section-banner
  ---------------------------------------------------------- */
  /* table-fund
  ---------------------------------------------------------- */
  /* box-news
  ---------------------------------------------------------- */ }
  @media all and (min-width: 897px) {
    #fund .nav-local > .container > .navs {
      margin-top: 0;
      margin-right: 15px; } }
  @media all and (max-width: 896px) {
    #fund .nav-local-list > .navitem {
      padding-left: 20px; }
      #fund .nav-local-list > .navitem:first-child {
        padding-left: 0; }
      #fund .nav-local-list > .navitem::before {
        height: 56px; } }
  @media all and (max-width: 896px) {
    #fund .nav-local-list > .navitem > .link {
      padding: 10px 8px;
      font-size: 1.1rem; } }
  @media all and (max-width: 360px) {
    #fund .nav-local-list > .navitem > .link {
      font-size: 1rem; } }
  @media all and (min-width: 897px) {
    #fund .nav-local-list > .navitem > .link {
      padding: 16px 54px; } }
  #fund .nav-local-list > .navitem:last-child > .link {
    padding-right: 0; }
  #fund .section-fund {
    position: relative;
    z-index: 1;
    margin-top: 50px;
    padding: 0 20px; }
    @media all and (min-width: 897px) {
      #fund .section-fund {
        margin-top: -110px; } }
    @media all and (min-width: 897px) {
      #fund .section-fund > .container {
        width: 1150px;
        margin: 0 auto; } }
    #fund .section-fund > .container > .tablenote {
      margin-top: 15px;
      color: #999;
      font-size: 1.2rem;
      text-align: right; }
      @media all and (min-width: 897px) {
        #fund .section-fund > .container > .tablenote {
          margin-top: 20px;
          font-size: 1.4rem; } }
    #fund .section-fund > .container > .text {
      margin-top: 25px;
      font-size: 1.3rem;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #fund .section-fund > .container > .text {
          margin-top: 5px;
          font-size: 1.5rem; } }
  #fund .section-news {
    margin-top: 60px;
    padding: 40px 20px 60px;
    background: #F5F5F5; }
    @media all and (min-width: 897px) {
      #fund .section-news {
        margin-top: 100px;
        padding: 60px 20px; } }
    @media all and (min-width: 897px) {
      #fund .section-news > .container {
        width: 1150px;
        margin: 0 auto; } }
  #fund .section-banner {
    padding: 80px 0; }
    @media all and (min-width: 897px) {
      #fund .section-banner {
        padding: 80px 20px 100px; } }
    @media all and (min-width: 897px) {
      #fund .section-banner > .container {
        width: 1150px;
        margin: 0 auto; } }
    #fund .section-banner > .container > .content {
      margin-top: 20px;
      padding: 0 20px;
      color: #999;
      font-size: 1.2rem;
      line-height: 1.8; }
      @media all and (min-width: 897px) {
        #fund .section-banner > .container > .content {
          margin-top: 30px;
          padding: 0;
          font-size: 1.4rem;
          line-height: 2; } }
    #fund .section-banner > .container > .content > .-list-maf-line {
      margin-top: 8px; }
      @media all and (min-width: 897px) {
        #fund .section-banner > .container > .content > .-list-maf-line {
          margin-top: 15px; } }
    @media all and (max-width: 896px) {
      #fund .section-banner > .container > .content > .-list-maf-line > .item:not(:first-child), #fund #news-detail .box-content .section-banner > .container > .content > ul.-list-maf-line > li:not(:first-child), #news-detail .box-content #fund .section-banner > .container > .content > ul.-list-maf-line > li:not(:first-child) {
        margin-top: 12px; }
      #fund .section-banner > .container > .content > .-list-maf-line > .item::before, #fund #news-detail .box-content .section-banner > .container > .content > ul.-list-maf-line > li::before, #news-detail .box-content #fund .section-banner > .container > .content > ul.-list-maf-line > li::before {
        top: 10px; } }
    @media all and (min-width: 897px) {
      #fund .section-banner > .container > .content > .-list-maf-line > .item:not(:first-child), #fund #news-detail .box-content .section-banner > .container > .content > ul.-list-maf-line > li:not(:first-child), #news-detail .box-content #fund .section-banner > .container > .content > ul.-list-maf-line > li:not(:first-child) {
        margin-top: 14px; }
      #fund .section-banner > .container > .content > .-list-maf-line > .item::before, #fund #news-detail .box-content .section-banner > .container > .content > ul.-list-maf-line > li::before, #news-detail .box-content #fund .section-banner > .container > .content > ul.-list-maf-line > li::before {
        top: 13px; } }
  #fund .table-fund {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse; }
    @media all and (min-width: 897px) {
      #fund .table-fund {
        margin-top: 15px; } }
    #fund .table-fund > .thead {
      background-color: #222; }
      @media all and (max-width: 896px) {
        #fund .table-fund > .thead {
          display: none; } }
    #fund .table-fund > .thead > .tr > .th {
      padding: 9px 20px;
      font-size: 1.4rem;
      font-weight: 500;
      color: #fff; }
      #fund .table-fund > .thead > .tr > .th.-th-name {
        text-align: left; }
        @media all and (min-width: 897px) {
          #fund .table-fund > .thead > .tr > .th.-th-name {
            width: 425px; } }
      #fund .table-fund > .thead > .tr > .th.-th-title {
        width: 145px;
        text-align: right; }
    #fund .table-fund > .thead > .tr > .th > .title {
      display: inline-block;
      text-align: center; }
    #fund .table-fund > .thead > .tr > .th > .title > .unit {
      display: block;
      font-weight: 400; }
    @media all and (max-width: 896px) {
      #fund .table-fund > .tbody {
        display: block; } }
    @media all and (max-width: 896px) {
      #fund .table-fund > .tbody > .tr {
        display: block;
        margin-top: 30px; }
        #fund .table-fund > .tbody > .tr:first-child {
          margin-top: 0; } }
    @media all and (min-width: 897px) {
      #fund .table-fund > .tbody > .tr {
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5; } }
    @media all and (max-width: 896px) {
      #fund .table-fund > .tbody > .tr > .td {
        display: flex;
        padding: 8px 20px 8px 15px;
        justify-content: space-between;
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5; } }
    @media all and (min-width: 897px) {
      #fund .table-fund > .tbody > .tr > .td {
        height: 73px;
        padding: 8px 20px;
        background-color: #fff; } }
    @media all and (max-width: 896px) {
      #fund .table-fund > .tbody > .tr > .td.-td-link {
        display: block;
        padding: 0;
        letter-spacing: normal; } }
    @media all and (min-width: 897px) {
      #fund .table-fund > .tbody > .tr:nth-child(even) > .td {
        background: #F8F8F8; } }
    @media all and (max-width: 896px) {
      #fund .table-fund > .tbody > .tr > .td > .link {
        position: relative;
        display: block;
        padding: 11px 65px 11px 15px;
        background-color: #222;
        color: #fff;
        font-size: 1.4rem;
        text-decoration: none; }
        #fund .table-fund > .tbody > .tr > .td > .link::after {
          position: absolute;
          top: 50%;
          right: 20px;
          width: 40px;
          height: 6px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAMCAYAAAD1XTohAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTExLTAyVDE2OjU1OjE3KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMS0wMlQxNjo1Nzo1NCswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMS0wMlQxNjo1Nzo1NCswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MDQyMmNlZS1jOWQ3LWMwNGItOTI0ZC05MjMxZDAyM2U1Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODA0MjJjZWUtYzlkNy1jMDRiLTkyNGQtOTIzMWQwMjNlNWNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ODA0MjJjZWUtYzlkNy1jMDRiLTkyNGQtOTIzMWQwMjNlNWNlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDQyMmNlZS1jOWQ3LWMwNGItOTI0ZC05MjMxZDAyM2U1Y2UiIHN0RXZ0OndoZW49IjIwMjAtMTEtMDJUMTY6NTU6MTcrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6jsNB5AAAAVUlEQVRIx+3QMQ2AMBgF4SehUnCANaQgAQfFQaVUwjEwsDCQfyO5S87Al1iSBGhABxY1aoAbd1PEOuIuoogiimgiivgbRGD1T49XRKzSgwicXvoA2gW6eOICd7wm/QAAAABJRU5ErkJggg==) no-repeat;
          background-size: 40px 6px;
          transform: translateY(-50%);
          content: ''; } }
    @media all and (min-width: 897px) {
      #fund .table-fund > .tbody > .tr > .td > .link {
        display: inline-block;
        flex: 1;
        font-size: 1.5rem;
        color: #3A5F9B;
        word-break: break-all;
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        #fund .table-fund > .tbody > .tr > .td > .link:hover {
          opacity: 0.6; } }
    #fund .table-fund > .tbody > .tr > .td > .title {
      flex: 1;
      padding-right: 10px;
      color: #999;
      font-size: 1.2rem;
      font-weight: 500; }
      @media all and (min-width: 897px) {
        #fund .table-fund > .tbody > .tr > .td > .title {
          display: none; } }
    #fund .table-fund > .tbody > .tr > .td > .unit {
      font-weight: 400; }
    #fund .table-fund > .tbody > .tr > .td > .data {
      text-align: right;
      letter-spacing: normal; }
      @media all and (max-width: 896px) {
        #fund .table-fund > .tbody > .tr > .td > .data {
          flex: 0 0 auto;
          font-size: 1.4rem; } }
      @media all and (min-width: 897px) {
        #fund .table-fund > .tbody > .tr > .td > .data {
          font-size: 1.5rem; } }
      #fund .table-fund > .tbody > .tr > .td > .data._text-red {
        color: #DE4C4C; }
      #fund .table-fund > .tbody > .tr > .td > .data._text-blue {
        color: #4b95de; }
  #fund .box-news {
    margin-top: 60px; }
    @media all and (min-width: 897px) {
      #fund .box-news {
        display: flex;
        margin-top: 80px; } }
    #fund .box-news:first-child {
      margin-top: 0; }
    #fund .box-news > .title {
      font-family: "Noto Serif JP", serif;
      font-size: 1.8rem;
      font-weight: 700; }
      @media all and (min-width: 897px) {
        #fund .box-news > .title {
          flex: 0 0 auto;
          width: 250px;
          font-size: 2.4rem; } }
    @media all and (max-width: 896px) {
      #fund .box-news > .list {
        margin-top: 38px; } }
    @media all and (min-width: 897px) {
      #fund .box-news > .list {
        flex: 1; } }
    #fund .box-news > .list > .item, #fund #news-detail .box-content .box-news > ul.list > li, #news-detail .box-content #fund .box-news > ul.list > li {
      padding-top: 18px;
      padding-bottom: 18px;
      border-bottom: 1px solid #ddd; }
      @media all and (min-width: 897px) {
        #fund .box-news > .list > .item, #fund #news-detail .box-content .box-news > ul.list > li, #news-detail .box-content #fund .box-news > ul.list > li {
          padding: 23px 10px 23px 28px; } }
      #fund .box-news > .list > .item:first-child, #fund #news-detail .box-content .box-news > ul.list > li:first-child, #news-detail .box-content #fund .box-news > ul.list > li:first-child {
        padding-top: 0; }

#info {
  /* section-corporate
  ---------------------------------------------------------- */
  /* section-history
  ---------------------------------------------------------- */
  /* section-org-chart
  ---------------------------------------------------------- */
  /* section-access
  ---------------------------------------------------------- */
  /* access-list
  ---------------------------------------------------------- */
  /* name-list
  ---------------------------------------------------------- */ }
  @media all and (max-width: 896px) {
    #info .section-corporate {
      margin-top: 60px;
      padding: 0 20px; } }
  @media all and (min-width: 897px) {
    #info .section-corporate {
      width: 1150px;
      margin: 110px auto 0; } }
  #info .section-corporate > .inner {
    margin-top: 25px; }
    @media all and (min-width: 897px) {
      #info .section-corporate > .inner {
        display: flex;
        margin-top: 75px;
        margin-left: -100px; } }
  @media all and (max-width: 896px) {
    #info .section-corporate > .inner > .column:last-child {
      margin-top: 20px; } }
  @media all and (min-width: 897px) {
    #info .section-corporate > .inner > .column {
      width: 50%;
      padding-left: 100px; } }
  #info .section-corporate > .inner > .column > .item, #info #news-detail .box-content .section-corporate > .inner > ul.column > li, #news-detail .box-content #info .section-corporate > .inner > ul.column > li {
    padding: 20px 0;
    border-bottom: 1px solid #E5E5E5; }
    @media all and (min-width: 897px) {
      #info .section-corporate > .inner > .column > .item, #info #news-detail .box-content .section-corporate > .inner > ul.column > li, #news-detail .box-content #info .section-corporate > .inner > ul.column > li {
        display: flex;
        align-items: center;
        padding: 22px 0;
        line-height: 2; } }
    #info .section-corporate > .inner > .column > .item:first-child, #info #news-detail .box-content .section-corporate > .inner > ul.column > li:first-child, #news-detail .box-content #info .section-corporate > .inner > ul.column > li:first-child {
      padding-top: 0; }
  #info .section-corporate > .inner > .column > .item > .title, #info #news-detail .box-content .section-corporate > .inner > ul.column > li > .title, #news-detail .box-content #info .section-corporate > .inner > ul.column > li > .title {
    font-size: 1.3rem;
    font-weight: 500;
    color: #999; }
    @media all and (min-width: 897px) {
      #info .section-corporate > .inner > .column > .item > .title, #info #news-detail .box-content .section-corporate > .inner > ul.column > li > .title, #news-detail .box-content #info .section-corporate > .inner > ul.column > li > .title {
        flex: 0 0 auto;
        width: 200px;
        font-size: 1.5rem; } }
  @media all and (min-width: 897px) {
    #info .section-corporate > .inner > .column:last-child > .item > .title, #info #news-detail .box-content .section-corporate > .inner > ul.column:last-child > li > .title, #news-detail .box-content #info .section-corporate > .inner > ul.column:last-child > li > .title {
      width: 175px; } }
  #info .section-corporate > .inner > .column > .item > .info, #info #news-detail .box-content .section-corporate > .inner > ul.column > li > .info, #news-detail .box-content #info .section-corporate > .inner > ul.column > li > .info {
    margin-top: 8px;
    font-size: 1.4rem; }
    @media all and (min-width: 897px) {
      #info .section-corporate > .inner > .column > .item > .info, #info #news-detail .box-content .section-corporate > .inner > ul.column > li > .info, #news-detail .box-content #info .section-corporate > .inner > ul.column > li > .info {
        margin-top: 0;
        font-size: 1.5rem; } }
  @media all and (max-width: 896px) {
    #info .section-history {
      margin-top: 75px;
      padding: 0 20px; } }
  @media all and (min-width: 897px) {
    #info .section-history {
      display: flex;
      align-items: flex-start;
      width: 1150px;
      margin: 130px auto 0; } }
  @media all and (min-width: 897px) {
    #info .section-history > .heading {
      flex: 0 0 auto;
      width: 400px; } }
  @media all and (min-width: 897px) {
    #info .section-history > .content {
      flex: 1;
      margin-top: 20px; } }
  @media all and (max-width: 896px) {
    #info .section-history > .content > .history {
      margin-top: 35px; } }
  #info .section-history > .content > .history > .item, #info #news-detail .box-content .section-history > .content > ul.history > li, #news-detail .box-content #info .section-history > .content > ul.history > li {
    position: relative;
    padding-top: 45px;
    padding-left: 45px;
    line-height: 1.8; }
    @media all and (min-width: 897px) {
      #info .section-history > .content > .history > .item, #info #news-detail .box-content .section-history > .content > ul.history > li, #news-detail .box-content #info .section-history > .content > ul.history > li {
        display: flex;
        align-items: flex-start;
        padding-top: 48px;
        padding-left: 58px; } }
    #info .section-history > .content > .history > .item::before, #info #news-detail .box-content .section-history > .content > ul.history > li::before, #news-detail .box-content #info .section-history > .content > ul.history > li::before {
      position: absolute;
      top: 0;
      left: 13px;
      bottom: 0;
      width: 1px;
      background-color: #E5E5E5;
      content: ''; }
      @media all and (min-width: 897px) {
        #info .section-history > .content > .history > .item::before, #info #news-detail .box-content .section-history > .content > ul.history > li::before, #news-detail .box-content #info .section-history > .content > ul.history > li::before {
          left: 7px; } }
    #info .section-history > .content > .history > .item:first-child, #info #news-detail .box-content .section-history > .content > ul.history > li:first-child, #news-detail .box-content #info .section-history > .content > ul.history > li:first-child {
      padding-top: 0; }
      #info .section-history > .content > .history > .item:first-child::before, #info #news-detail .box-content .section-history > .content > ul.history > li:first-child::before, #news-detail .box-content #info .section-history > .content > ul.history > li:first-child::before {
        top: 13px; }
    #info .section-history > .content > .history > .item:last-child::before, #info #news-detail .box-content .section-history > .content > ul.history > li:last-child::before, #news-detail .box-content #info .section-history > .content > ul.history > li:last-child::before {
      bottom: auto;
      height: 60px; }
  #info .section-history > .content > .history > .item > .year, #info #news-detail .box-content .section-history > .content > ul.history > li > .year, #news-detail .box-content #info .section-history > .content > ul.history > li > .year {
    position: relative;
    font-family: "Noto Serif JP", serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #999; }
    @media all and (min-width: 897px) {
      #info .section-history > .content > .history > .item > .year, #info #news-detail .box-content .section-history > .content > ul.history > li > .year, #news-detail .box-content #info .section-history > .content > ul.history > li > .year {
        flex: 0 0 auto;
        width: 150px;
        font-size: 1.5rem; } }
    #info .section-history > .content > .history > .item > .year::before, #info #news-detail .box-content .section-history > .content > ul.history > li > .year::before, #news-detail .box-content #info .section-history > .content > ul.history > li > .year::before {
      position: absolute;
      top: 7px;
      left: -36px;
      width: 9px;
      height: 9px;
      border-radius: 100%;
      background-color: #E5E5E5;
      content: ''; }
      @media all and (min-width: 897px) {
        #info .section-history > .content > .history > .item > .year::before, #info #news-detail .box-content .section-history > .content > ul.history > li > .year::before, #news-detail .box-content #info .section-history > .content > ul.history > li > .year::before {
          top: 8px;
          left: -56px;
          width: 11px;
          height: 11px; } }
  #info .section-history > .content > .history > .item > .info, #info #news-detail .box-content .section-history > .content > ul.history > li > .info, #news-detail .box-content #info .section-history > .content > ul.history > li > .info {
    margin-top: 10px;
    font-size: 1.4rem; }
    @media all and (min-width: 897px) {
      #info .section-history > .content > .history > .item > .info, #info #news-detail .box-content .section-history > .content > ul.history > li > .info, #news-detail .box-content #info .section-history > .content > ul.history > li > .info {
        margin-top: 0;
        font-size: 1.5rem; } }
  #info .section-org-chart {
    margin-top: 75px;
    padding: 0 20px; }
    @media all and (min-width: 897px) {
      #info .section-org-chart {
        width: 1150px;
        margin: 140px auto 0;
        padding: 0; } }
    #info .section-org-chart > .inner {
      margin-top: 10px; }
      @media all and (min-width: 897px) {
        #info .section-org-chart > .inner {
          margin-top: 35px; } }
    #info .section-org-chart > .inner > .note {
      margin-bottom: 10px;
      color: #888;
      font-size: 1rem;
      text-align: right; }
      @media all and (min-width: 897px) {
        #info .section-org-chart > .inner > .note {
          margin-bottom: 20px;
          font-size: 1.2rem; } }
  #info .section-access {
    position: relative;
    margin-top: 80px; }
    @media all and (min-width: 897px) {
      #info .section-access {
        margin-top: 140px; } }
    @media all and (min-width: 897px) {
      #info .section-access > .container {
        width: 1150px;
        margin: 0 auto; } }
    @media all and (max-width: 896px) {
      #info .section-access > .container > .access {
        padding: 0 20px; } }
    @media all and (min-width: 897px) {
      #info .section-access > .container > .access {
        max-width: 575px;
        min-height: 512px;
        padding-top: 20px;
        padding-right: 25px; } }
    @media all and (max-width: 896px) {
      #info .section-access > .container > .mapwrap {
        position: relative;
        margin-top: 40px;
        height: 280px; } }
    @media all and (min-width: 897px) {
      #info .section-access > .container > .mapwrap {
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        height: 512px; } }
    #info .section-access > .container > .mapwrap > .map {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #info .access-list {
    margin-top: 25px; }
    @media all and (min-width: 897px) {
      #info .access-list {
        margin-top: 60px; } }
    #info .access-list > .item, #info #news-detail .box-content ul.access-list > li, #news-detail .box-content #info ul.access-list > li {
      line-height: 1.7; }
      #info .access-list > .item:not(:first-child), #info #news-detail .box-content ul.access-list > li:not(:first-child), #news-detail .box-content #info ul.access-list > li:not(:first-child) {
        margin-top: 45px; }
      @media all and (min-width: 897px) {
        #info .access-list > .item, #info #news-detail .box-content ul.access-list > li, #news-detail .box-content #info ul.access-list > li {
          display: flex;
          line-height: 2.1; }
          #info .access-list > .item:not(:first-child), #info #news-detail .box-content ul.access-list > li:not(:first-child), #news-detail .box-content #info ul.access-list > li:not(:first-child) {
            margin-top: 55px; } }
    #info .access-list > .item > .title, #info #news-detail .box-content ul.access-list > li > .title, #news-detail .box-content #info ul.access-list > li > .title {
      font-family: "Noto Serif JP", serif;
      font-size: 1.4rem;
      font-weight: 600;
      color: #999; }
      @media all and (min-width: 897px) {
        #info .access-list > .item > .title, #info #news-detail .box-content ul.access-list > li > .title, #news-detail .box-content #info ul.access-list > li > .title {
          flex: 0 0 auto;
          width: 100px;
          font-size: 1.6rem;
          font-weight: 700; } }
    #info .access-list > .item > .info, #info #news-detail .box-content ul.access-list > li > .info, #news-detail .box-content #info ul.access-list > li > .info {
      margin-top: 10px;
      font-size: 1.4rem; }
      @media all and (min-width: 897px) {
        #info .access-list > .item > .info, #info #news-detail .box-content ul.access-list > li > .info, #news-detail .box-content #info ul.access-list > li > .info {
          margin-top: 0;
          font-size: 1.5rem; } }
  #info .name-list > .item, #info #news-detail .box-content ul.name-list > li, #news-detail .box-content #info ul.name-list > li {
    display: flex; }
  #info .name-list > .item > .position, #info #news-detail .box-content ul.name-list > li > .position, #news-detail .box-content #info ul.name-list > li > .position {
    flex: 0 0 auto;
    min-width: 160px; }
  #info .name-list > .item > .name, #info #news-detail .box-content ul.name-list > li > .name, #news-detail .box-content #info ul.name-list > li > .name {
    flex: 1; }

#infosecuritypolicy {
  /* section-infosecuritypolicy
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */ }
  #infosecuritypolicy p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #infosecuritypolicy p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #infosecuritypolicy .section-infosecuritypolicy {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #infosecuritypolicy .section-infosecuritypolicy {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #infosecuritypolicy .section-infosecuritypolicy > .title-sub {
    margin-bottom: 60px; }
    @media all and (min-width: 897px) {
      #infosecuritypolicy .section-infosecuritypolicy > .title-sub {
        margin-bottom: 100px; } }
  #infosecuritypolicy .section-infosecuritypolicy > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #infosecuritypolicy .section-infosecuritypolicy > .link-arrow-wrap {
        margin-top: 95px; } }
  #infosecuritypolicy .section-infosecuritypolicy > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #infosecuritypolicy .section-infosecuritypolicy > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #infosecuritypolicy .section-content {
    margin-top: 55px; }
    @media all and (min-width: 897px) {
      #infosecuritypolicy .section-content {
        margin-top: 75px; } }
    #infosecuritypolicy .section-content > .list-line, #infosecuritypolicy #news-detail .box-content .section-content > ul, #news-detail .box-content #infosecuritypolicy .section-content > ul {
      margin-top: 18px;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #infosecuritypolicy .section-content > .list-line, #infosecuritypolicy #news-detail .box-content .section-content > ul, #news-detail .box-content #infosecuritypolicy .section-content > ul {
          margin-top: 28px;
          font-size: 1.6rem; } }
      @media all and (min-width: 897px) {
        #infosecuritypolicy .section-content > .list-line::before, #infosecuritypolicy #news-detail .box-content .section-content > ul::before, #news-detail .box-content #infosecuritypolicy .section-content > ul::before {
          top: 13px; } }
    #infosecuritypolicy .section-content > .text-right {
      text-align: right; }

#materialitypolicy {
  /* section-materialitypolicy
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */ }
  #materialitypolicy p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #materialitypolicy p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #materialitypolicy .section-materialitypolicy {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #materialitypolicy .section-materialitypolicy {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #materialitypolicy .section-materialitypolicy > .title-sub {
    margin-bottom: 60px; }
    @media all and (min-width: 897px) {
      #materialitypolicy .section-materialitypolicy > .title-sub {
        margin-bottom: 100px; } }
  #materialitypolicy .section-materialitypolicy > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #materialitypolicy .section-materialitypolicy > .link-arrow-wrap {
        margin-top: 95px; } }
  #materialitypolicy .section-materialitypolicy > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #materialitypolicy .section-materialitypolicy > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #materialitypolicy .section-content {
    margin-top: 55px; }
    @media all and (min-width: 897px) {
      #materialitypolicy .section-content {
        margin-top: 75px; } }
    #materialitypolicy .section-content > .list-line, #materialitypolicy #news-detail .box-content .section-content > ul, #news-detail .box-content #materialitypolicy .section-content > ul {
      margin-top: 18px;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #materialitypolicy .section-content > .list-line, #materialitypolicy #news-detail .box-content .section-content > ul, #news-detail .box-content #materialitypolicy .section-content > ul {
          margin-top: 28px;
          font-size: 1.6rem; } }
      @media all and (min-width: 897px) {
        #materialitypolicy .section-content > .list-line::before, #materialitypolicy #news-detail .box-content .section-content > ul::before, #news-detail .box-content #materialitypolicy .section-content > ul::before {
          top: 13px; } }
    #materialitypolicy .section-content > .text-right {
      text-align: right; }

#news-detail {
  /* section-news-detail
  ---------------------------------------------------------- */
  /* box-social
  ---------------------------------------------------------- */
  /* box-content
  ---------------------------------------------------------- */
  /* box-main-image
  ---------------------------------------------------------- */
  /* box-zoom
  ---------------------------------------------------------- */ }
  @media all and (max-width: 896px) {
    #news-detail .section-news-detail {
      padding: 60px 20px 110px; } }
  @media all and (min-width: 897px) {
    #news-detail .section-news-detail {
      width: 850px;
      margin: 120px auto 100px; } }
  #news-detail .section-news-detail > .title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Noto Serif JP", serif; }
    @media all and (min-width: 897px) {
      #news-detail .section-news-detail > .title {
        font-size: 3rem; } }
  #news-detail .section-news-detail > * + .title {
    margin-top: 30px; }
  #news-detail .section-news-detail > .news-date {
    display: flex;
    align-items: center; }
  #news-detail .section-news-detail > .news-date > .date {
    font-size: 1.2rem;
    font-weight: 500;
    color: #999; }
    @media all and (min-width: 897px) {
      #news-detail .section-news-detail > .news-date > .date {
        font-size: 1.5rem; } }
  #news-detail .section-news-detail > .news-date > .category {
    font-size: 1rem;
    text-align: center;
    background-color: #BEBEBE;
    color: #fff;
    padding: 0 5px 3px;
    min-width: 85px;
    margin-left: 20px; }
    @media all and (min-width: 897px) {
      #news-detail .section-news-detail > .news-date > .category {
        font-size: 1.2rem;
        min-width: 110px; } }
  #news-detail .section-news-detail > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #news-detail .section-news-detail > .link-arrow-wrap {
        margin-top: 95px; } }
  #news-detail .section-news-detail > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #news-detail .section-news-detail > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #news-detail .box-social {
    display: flex;
    margin-bottom: 50px; }
    @media all and (min-width: 897px) {
      #news-detail .box-social {
        padding-bottom: 40px;
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 60px; } }
    #news-detail .box-social > .social {
      display: flex; }
    #news-detail .box-social > .social > .icon {
      display: block;
      margin-left: 10px; }
    #news-detail .box-social > .social > .icon:first-child {
      margin-left: 0; }
    @media all and (min-width: 897px) {
      #news-detail .box-social > .social > .icon:hover {
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        #news-detail .box-social > .social > .icon:hover:hover {
          opacity: 0.6; } }
    #news-detail .box-social > .print {
      margin-left: 25px;
      padding-left: 25px;
      border-left: 1px solid #E5E5E5; }
    #news-detail .box-social > .print > .icon {
      display: block;
      cursor: pointer; }
    @media all and (min-width: 897px) {
      #news-detail .box-social > .print > .icon:hover {
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        #news-detail .box-social > .print > .icon:hover:hover {
          opacity: 0.6; } }
    #news-detail .box-social > .social > .icon > .link > img,
    #news-detail .box-social > .print > .icon > img {
      display: block;
      width: 32px;
      height: 32px; }
  #news-detail * + .box-social {
    margin-top: 60px; }
    @media all and (min-width: 897px) {
      #news-detail * + .box-social {
        margin-top: 35px; } }
  #news-detail .box-content {
    margin-top: 60px;
    font-size: 1.4rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #news-detail .box-content {
        font-size: 1.5rem;
        line-height: 2; } }
    #news-detail .box-content strong {
      font-weight: 700; }
    #news-detail .box-content em {
      font-style: italic; }
    #news-detail .box-content h1 {
      margin-bottom: 30px;
      font-size: 2rem;
      font-weight: 700;
      font-family: "Noto Serif JP", serif; }
      @media all and (min-width: 897px) {
        #news-detail .box-content h1 {
          margin-bottom: 35px;
          font-size: 3rem; } }
    #news-detail .box-content h2 {
      border-left: 5px solid #ccc;
      padding-left: 15px;
      font-family: "Noto Serif JP", serif;
      font-size: 1.6rem;
      font-weight: 700;
      display: inline-block;
      line-height: 1.5;
      margin-bottom: 30px; }
      @media all and (min-width: 897px) {
        #news-detail .box-content h2 {
          font-size: 1.8rem;
          line-height: 1.4;
          margin-bottom: 35px; } }
    #news-detail .box-content h3 {
      font-size: 1.5rem;
      padding-bottom: 9px;
      border-bottom: 1px solid #E5E5E5;
      margin-bottom: 20px;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #news-detail .box-content h3 {
          font-size: 1.6rem;
          padding-bottom: 12px;
          margin-bottom: 25px; } }
    @media all and (max-width: 896px) {
      #news-detail .box-content ul > li::before {
        top: 15px; } }
    #news-detail .box-content ol {
      counter-reset: dec; }
      #news-detail .box-content ol > li {
        position: relative;
        padding-left: 24px;
        counter-increment: dec; }
        #news-detail .box-content ol > li::before {
          position: absolute;
          top: 0;
          left: 0;
          content: counter(dec) "."; }
    #news-detail .box-content img {
      max-width: 100%; }
    #news-detail .box-content a {
      color: #3A5F9B; }
      @media all and (min-width: 897px) {
        #news-detail .box-content a {
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #news-detail .box-content a:hover {
            opacity: 0.6; } }
  #news-detail .box-social + .box-content {
    margin-top: 0; }
  #news-detail .box-main-image > .image {
    display: block;
    width: 100%;
    margin: 0 auto; }
    @media all and (min-width: 897px) {
      #news-detail .box-main-image > .image {
        max-width: 650px; } }
  #news-detail .box-zoom {
    margin-top: 25px;
    text-align: right; }
    @media all and (min-width: 897px) {
      #news-detail .box-zoom {
        margin-top: 35px; } }
    #news-detail .box-zoom > .button {
      font-size: 1.2rem;
      color: #888;
      position: relative; }
      @media all and (min-width: 897px) {
        #news-detail .box-zoom > .button {
          font-size: 1.4rem;
          padding-left: 42px; } }
      #news-detail .box-zoom > .button::before {
        content: '';
        width: 32px;
        height: 32px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        display: block;
        position: absolute;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMzcgLTE2NDApIj4KICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMjciIGRhdGEtbmFtZT0iRWxsaXBzZSAyNyIgY3g9IjE2IiBjeT0iMTYiIHI9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3IDE2NDApIiBmaWxsPSIjZjZmNmY2Ii8+CiAgICA8ZyBpZD0iR3JvdXBfMjA3IiBkYXRhLW5hbWU9Ikdyb3VwIDIwNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0MiAxNjQ1KSI+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzE1OCIgZGF0YS1uYW1lPSJQYXRoIDE1OCIgZD0iTTE1LjUsMTRoLS43OWwtLjI4LS4yN2E2LjUxLDYuNTEsMCwxLDAtLjcuN2wuMjcuMjh2Ljc5bDQsMy45OUwxOS40OSwxOFptLTYsLjk1OEE1LjQ1OCw1LjQ1OCwwLDEsMSwxNC45NTgsOS41LDUuNDUxLDUuNDUxLDAsMCwxLDkuNSwxNC45NThaIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzE1OSIgZGF0YS1uYW1lPSJQYXRoIDE1OSIgZD0iTTEyLDEwSDEwdjJIOVYxMEg3VjlIOVY3aDFWOWgyWiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==); }
      @media all and (min-width: 897px) {
        #news-detail .box-zoom > .button:hover {
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #news-detail .box-zoom > .button:hover:hover {
            opacity: 0.6; } }
    #news-detail .box-zoom > .image {
      text-align: center;
      margin-top: 20px; }
      #news-detail .box-zoom > .image img {
        max-width: 100%; }

#news {
  /* section-news-listing
  ---------------------------------------------------------- */
  /* list-category
  ---------------------------------------------------------- */
  /* list-news
  ---------------------------------------------------------- */
  /* button-more
  ---------------------------------------------------------- */
  /* link-more
  ---------------------------------------------------------- */ }
  #news .section-news-listing {
    margin-top: 50px;
    padding: 0 20px 100px; }
    @media all and (min-width: 897px) {
      #news .section-news-listing {
        margin-top: 120px;
        padding-bottom: 140px; } }
    #news .section-news-listing > .head {
      border-bottom: 1px solid #E5E5E5; }
    @media all and (min-width: 897px) {
      #news .section-news-listing > .head > .inner {
        width: 1150px;
        margin: 80px auto 0; } }
    #news .section-news-listing > .container {
      margin-top: 50px; }
      @media all and (min-width: 897px) {
        #news .section-news-listing > .container {
          width: 1150px;
          margin: 75px auto 0; } }
  #news .list-category {
    display: flex; }
    #news .list-category > .item, #news #news-detail .box-content ul.list-category > li, #news-detail .box-content #news ul.list-category > li {
      display: flex;
      width: 25%; }
    #news .list-category > .item > .button, #news #news-detail .box-content ul.list-category > li > .button, #news-detail .box-content #news ul.list-category > li > .button {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      padding-bottom: 20px;
      font-family: "Noto Serif JP", serif;
      font-size: 1.1rem;
      font-weight: 500;
      text-align: center;
      border-bottom: 3px solid transparent; }
      @media all and (min-width: 897px) {
        #news .list-category > .item > .button, #news #news-detail .box-content ul.list-category > li > .button, #news-detail .box-content #news ul.list-category > li > .button {
          padding-bottom: 22px;
          border-width: 4px;
          font-size: 1.6rem;
          cursor: pointer;
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #news .list-category > .item > .button:hover, #news #news-detail .box-content ul.list-category > li > .button:hover, #news-detail .box-content #news ul.list-category > li > .button:hover {
            opacity: 0.6; } }
      #news .list-category > .item > .button.-active, #news #news-detail .box-content ul.list-category > li > .button.-active, #news-detail .box-content #news ul.list-category > li > .button.-active {
        border-color: #222;
        color: #222;
        opacity: 1 !important; }
  @media all and (min-width: 897px) {
    #news .list-news {
      display: flex;
      flex-wrap: wrap;
      margin-top: -50px;
      margin-left: -50px; } }
  #news .list-news > .item, #news #news-detail .box-content ul.list-news > li, #news-detail .box-content #news ul.list-news > li {
    display: none; }
    @media all and (max-width: 896px) {
      #news .list-news > .item, #news #news-detail .box-content ul.list-news > li, #news-detail .box-content #news ul.list-news > li {
        padding: 40px 0;
        border-bottom: 1px solid #ddd; }
        #news .list-news > .item:first-child, #news #news-detail .box-content ul.list-news > li:first-child, #news-detail .box-content #news ul.list-news > li:first-child {
          padding-top: 0; } }
    @media all and (min-width: 897px) {
      #news .list-news > .item, #news #news-detail .box-content ul.list-news > li, #news-detail .box-content #news ul.list-news > li {
        width: 25%;
        margin-top: 55px;
        padding-left: 50px; } }
    #news .list-news > .item.-visible, #news #news-detail .box-content ul.list-news > li.-visible, #news-detail .box-content #news ul.list-news > li.-visible {
      display: block;
      -webkit-animation: fadeIn 0.25s;
      animation: fadeIn 0.25s; }
  @media all and (max-width: 896px) {
    #news .button-more {
      margin-top: 60px;
      padding: 0 30px; } }
  @media all and (min-width: 897px) {
    #news .button-more {
      margin-top: 100px; } }
  #news .link-more {
    text-align: right; }
    @media all and (max-width: 896px) {
      #news .link-more {
        margin-top: 60px; } }
    @media all and (min-width: 897px) {
      #news .link-more {
        margin-top: 100px; } }

#philosophy {
  /* section-philosophy-main
  ---------------------------------------------------------- */
  /* box-vision
  ---------------------------------------------------------- */
  /* box-mission
  ---------------------------------------------------------- */
  /* box-value
  ---------------------------------------------------------- */
  /* section-our-story
  ---------------------------------------------------------- */
  /* history-item
  ---------------------------------------------------------- */ }
  #philosophy .section-philosophy-main {
    margin-top: 40px;
    padding: 60px 20px 80px;
    background: url(/_next/static/images/bg_philosophy_sp-36452978721df165fd243245bcff3bf5.jpg) no-repeat;
    background-size: cover; }
    @media all and (min-width: 897px) {
      #philosophy .section-philosophy-main {
        margin-top: 125px;
        padding: 135px 20px 140px;
        background: url(/_next/static/images/bg_philosophy_pc-a92d6fec87409e93788da043a0914a71.jpg) no-repeat center;
        background-size: cover; } }
    @media all and (min-width: 897px) {
      #philosophy .section-philosophy-main > .container {
        width: 850px;
        margin: 0 auto; } }
    @media all and (max-width: 896px) {
      #philosophy .section-philosophy-main > .container > .inner {
        margin-top: 70px;
        padding-top: 50px;
        border-top: 1px solid rgba(255, 255, 255, 0.42); }
        #philosophy .section-philosophy-main > .container > .inner:first-child {
          margin-top: 0;
          padding-top: 0;
          border-top: none; } }
    @media all and (min-width: 897px) {
      #philosophy .section-philosophy-main > .container > .inner {
        display: flex;
        margin-top: 115px; }
        #philosophy .section-philosophy-main > .container > .inner:first-child {
          margin-top: 0; } }
    #philosophy .section-philosophy-main > .container > .inner > .title {
      font-family: "\6E38\660E\671D\4F53", "Yu Mincho", YuMincho, "\30D2\30E9\30AE\30CE\660E\671D   Pro", "Hiragino Mincho Pro", "MS P\660E\671D", "MS PMincho", serif;
      font-size: 3.6rem;
      color: rgba(255, 255, 255, 0.6);
      line-height: 1.2;
      text-align: center; }
      @media all and (min-width: 897px) {
        #philosophy .section-philosophy-main > .container > .inner > .title {
          flex: 0 0 auto;
          font-size: 6rem;
          color: rgba(255, 255, 255, 0.35);
          text-align: left; } }
    #philosophy .section-philosophy-main > .container > .inner > .title > .textjp {
      display: block;
      margin-top: 10px;
      font-family: "Noto Sans JP", sans-serif;
      font-size: 1.2rem;
      color: rgba(255, 255, 255, 0.6);
      font-weight: 500; }
      @media all and (min-width: 897px) {
        #philosophy .section-philosophy-main > .container > .inner > .title > .textjp {
          position: relative;
          flex: 0 0 auto;
          min-width: 350px;
          padding-top: 37px;
          font-size: 1.4rem; }
          #philosophy .section-philosophy-main > .container > .inner > .title > .textjp::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 2px;
            background-color: #fff;
            opacity: 0.25;
            content: ''; } }
    @media all and (min-width: 897px) {
      #philosophy .section-philosophy-main > .container > .inner > .info {
        flex: 1; } }
  @media all and (max-width: 896px) {
    #philosophy .box-vision {
      margin-top: 35px; } }
  #philosophy .box-vision > .textvision {
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 600;
    color: #fff;
    line-height: 2.2;
    letter-spacing: 3px;
    text-align: center; }
    @media all and (max-width: 360px) {
      #philosophy .box-vision > .textvision {
        letter-spacing: normal; } }
    @media all and (min-width: 897px) {
      #philosophy .box-vision > .textvision {
        margin-top: -10px;
        font-size: 3.6rem;
        line-height: 2;
        text-align: left; } }
  @media all and (max-width: 896px) {
    #philosophy .box-mission {
      margin-top: 45px; } }
  #philosophy .box-mission > .textmission {
    font-size: 1.5rem;
    color: #fff;
    line-height: 2.3; }
    @media all and (min-width: 897px) {
      #philosophy .box-mission > .textmission {
        font-size: 1.8rem; } }
  @media all and (max-width: 896px) {
    #philosophy .box-value {
      margin-top: 50px; } }
  @media all and (min-width: 897px) {
    #philosophy .box-value {
      margin-top: 10px; } }
  #philosophy .box-value > .valuelist > .valueitem {
    position: relative;
    margin-top: 38px;
    padding-left: 30px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 2.1; }
    @media all and (min-width: 897px) {
      #philosophy .box-value > .valuelist > .valueitem {
        padding-left: 0;
        font-size: 1.5rem;
        line-height: 2.4; } }
    #philosophy .box-value > .valuelist > .valueitem:first-child {
      margin-top: 0; }
    #philosophy .box-value > .valuelist > .valueitem::before {
      position: absolute;
      top: 14px;
      left: 0;
      width: 10px;
      height: 2px;
      background-color: #fff;
      opacity: 0.25;
      content: ''; }
      @media all and (min-width: 897px) {
        #philosophy .box-value > .valuelist > .valueitem::before {
          top: 16px;
          left: -35px;
          width: 12px; } }
  #philosophy .box-value > .valuelist > .valueitem > .valuetitle {
    margin-bottom: 15px;
    font-family: "Noto Serif JP", serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6; }
    @media all and (min-width: 897px) {
      #philosophy .box-value > .valuelist > .valueitem > .valuetitle {
        margin-bottom: 16px;
        font-size: 2rem; } }
  #philosophy .section-our-story {
    padding: 60px 20px 100px;
    background-color: #F5F5F5; }
    @media all and (min-width: 897px) {
      #philosophy .section-our-story {
        padding: 75px 20px 120px; } }
    @media all and (min-width: 897px) {
      #philosophy .section-our-story > .container {
        width: 850px;
        margin: 0 auto; } }
    #philosophy .section-our-story > .container > .titlemain {
      font-family: "\6E38\660E\671D\4F53", "Yu Mincho", YuMincho, "\30D2\30E9\30AE\30CE\660E\671D   Pro", "Hiragino Mincho Pro", "MS P\660E\671D", "MS PMincho", serif;
      font-size: 3.4rem;
      color: #ccc;
      line-height: 1.2;
      text-align: center; }
      @media all and (min-width: 897px) {
        #philosophy .section-our-story > .container > .titlemain {
          font-size: 5rem; } }
    #philosophy .section-our-story > .container > .titlemain > .textjp {
      display: block;
      margin-top: 6px;
      font-size: 1.2rem;
      color: #999;
      font-weight: 500; }
      @media all and (min-width: 897px) {
        #philosophy .section-our-story > .container > .titlemain > .textjp {
          margin-top: 10px;
          font-size: 1.7rem; } }
    #philosophy .section-our-story > .container > .history {
      margin-top: 60px; }
      @media all and (min-width: 897px) {
        #philosophy .section-our-story > .container > .history {
          margin-top: 80px; } }
  #philosophy .history-item {
    position: relative;
    margin-top: 110px; }
    @media all and (max-width: 896px) {
      #philosophy .history-item:not(:first-child)::before {
        position: absolute;
        left: 50%;
        top: -80px;
        width: 1px;
        height: 60px;
        background-color: #ddd;
        content: ''; } }
    @media all and (min-width: 897px) {
      #philosophy .history-item {
        overflow: hidden;
        margin-top: 50px; } }
    #philosophy .history-item:first-child {
      margin-top: 0; }
    #philosophy .history-item > .year {
      font-family: "Noto Serif JP", serif;
      font-size: 1.4rem;
      font-weight: 600;
      color: #999;
      text-align: center; }
      @media all and (min-width: 897px) {
        #philosophy .history-item > .year {
          font-size: 1.8rem; } }
    #philosophy .history-item > .title {
      margin-top: 15px;
      font-family: "Noto Serif JP", serif;
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.9;
      text-align: center; }
      @media all and (min-width: 897px) {
        #philosophy .history-item > .title {
          margin-top: 20px;
          font-size: 2.6rem;
          letter-spacing: 1px; } }
      #philosophy .history-item > .title > span {
        letter-spacing: -8px; }
    @media all and (max-width: 896px) {
      #philosophy .history-item > .inner > .figure {
        max-width: 215px;
        margin: 30px auto 0; } }
    @media all and (min-width: 897px) {
      #philosophy .history-item > .inner > .figure {
        width: 50%;
        padding: 0 49px; } }
    #philosophy .history-item > .inner > .figure > .image {
      display: block;
      width: 100%; }
    @media all and (max-width: 896px) {
      #philosophy .history-item > .inner > .info {
        margin-top: 25px; } }
    @media all and (min-width: 897px) {
      #philosophy .history-item > .inner > .info {
        width: 50%;
        padding: 0 49px; } }
    #philosophy .history-item > .inner > .info > .subtitle {
      font-size: 1.6rem;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #philosophy .history-item > .inner > .info > .subtitle {
          font-size: 2rem;
          line-height: 1.8; } }
    #philosophy .history-item > .inner > .info > .story {
      margin-top: 15px;
      font-size: 1.4rem;
      line-height: 2.2; }
      @media all and (min-width: 897px) {
        #philosophy .history-item > .inner > .info > .story {
          margin-top: 24px;
          font-size: 1.5rem;
          line-height: 2.15; } }
    #philosophy .history-item > .inner > .info > .note {
      margin-top: 10px;
      padding-left: 14px;
      font-size: 1.2rem;
      color: #999;
      line-height: 2;
      text-indent: -14px; }
      @media all and (min-width: 897px) {
        #philosophy .history-item > .inner > .info > .note {
          margin-top: 5px; } }
    @media all and (min-width: 897px) {
      #philosophy .history-item > .inner {
        position: relative;
        display: flex;
        margin: 40px -49px 0;
        padding-bottom: 20px; }
        #philosophy .history-item > .inner::after {
          position: absolute;
          left: 50%;
          top: 0;
          width: 1px;
          height: 100%;
          background-color: #ddd;
          content: ''; } }
    #philosophy .history-item:nth-child(2n-1) > .inner > .figure {
      order: 2; }
    #philosophy .history-item:nth-child(2n-1) > .inner > .info {
      order: 1; }

#policy {
  /* section-policy-top
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */
  /* section-inner
  ---------------------------------------------------------- */ }
  #policy p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #policy p {
        font-size: 1.5rem;
        line-height: 2; } }
  #policy a.underline {
    text-decoration: underline; }
  #policy table {
    font-size: 1.3rem;
    line-height: 2.2;
    margin-top: 10px; }
    #policy table th, #policy table td {
      border: 1px solid #222;
      padding: 5px 20px; }
    #policy table th {
      background-color: #222;
      color: #fff; }
    #policy table td {
      max-width: 300px; }
      #policy table td a {
        text-decoration: underline; }
    @media all and (min-width: 897px) {
      #policy table {
        font-size: 1.5rem;
        line-height: 2;
        margin-top: 20px; } }
    #policy table.cookie-policy-table th {
      text-align: center; }
      #policy table.cookie-policy-table th:nth-child(1) {
        width: 130px; }
      #policy table.cookie-policy-table th:nth-child(4) {
        width: 210px; }
  @media all and (max-width: 896px) {
    #policy .section-policy-top {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #policy .section-policy-top {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #policy .section-policy-top > .title-sub {
    margin-bottom: 70px; }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .title-sub {
        margin-bottom: 125px; } }
  #policy .section-policy-top > .list-anchor-wrap {
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5; }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .list-anchor-wrap {
        padding-bottom: 15px; } }
  #policy .section-policy-top > .list-anchor-wrap > .list-anchor {
    display: flex;
    align-items: center; }
    @media all and (max-width: 896px) {
      #policy .section-policy-top > .list-anchor-wrap > .list-anchor {
        flex-wrap: wrap;
        margin-top: -20px;
        margin-left: -12px;
        margin-right: -12px; } }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .list-anchor-wrap > .list-anchor {
        justify-content: space-between;
        cursor: pointer; } }
    #policy .section-policy-top > .list-anchor-wrap > .list-anchor-wrap {
      padding-bottom: 15px;
      border-bottom: 1px solid #E5E5E5; }
  @media all and (max-width: 896px) {
    #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li {
      width: 50%;
      margin-top: 20px;
      padding-left: 12px;
      padding-right: 12px; } }
  #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item > .link, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link {
    color: #3A5F9B;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2; }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item > .link, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link {
        font-size: 1.5rem;
        transition: opacity 0.2s ease-out;
        transform: translateZ(0); }
        #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item > .link:hover, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link:hover, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link:hover {
          opacity: 0.6; } }
  #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item > .link > span, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span {
    position: relative;
    display: inline-block;
    padding-left: 18px; }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item > .link > span, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span {
        padding-left: 24px; } }
  #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item > .link > span::before, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span::before, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBpZD0iaWNvbl9hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMy41IC00ODcuODkyKSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEzNiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMy41IDQ4Ny44OTIpIiBmaWxsPSIjZDlkOWQ5IiBvcGFjaXR5PSIwIi8+CiAgICA8cGF0aCBpZD0iXzMyIiBkYXRhLW5hbWU9IjMyIiBkPSJNMS4zNjksNi42ODcsNiwxLjk5MWw0LjYzMSw0LjdhLjY1LjY1LDAsMCwwLDEuMS4wMjYuNzM5LjczOSwwLDAsMCwwLTEuMTQ5TDYuNTQ4LjI1NWEuNzE1LjcxNSwwLDAsMC0xLjEsMEwuMjc0LDUuNTY0YS43MzkuNzM5LDAsMCwwLDAsMS4xNDlBLjY1LjY1LDAsMCwwLDEuMzY5LDYuNjg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE5LjUgNTAxLjg5Mikgcm90YXRlKDE4MCkiIGZpbGw9IiMzQTVGOUIiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 14px 14px; }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .list-anchor-wrap > .list-anchor > .item > .link > span::before, #policy #news-detail .box-content .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span::before, #news-detail .box-content #policy .section-policy-top > .list-anchor-wrap > ul.list-anchor > li > .link > span::before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px; } }
  #policy .section-policy-top > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .link-arrow-wrap {
        margin-top: 95px; } }
  #policy .section-policy-top > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #policy .section-policy-top > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #policy .section-content {
    padding-top: 60px; }
    @media all and (min-width: 897px) {
      #policy .section-content {
        padding-top: 75px; } }
    @media all and (max-width: 896px) {
      #policy .section-content > .title-line-left {
        margin-bottom: 25px; } }
    #policy .section-content .list-line, #policy .section-content #news-detail .box-content ul, #news-detail .box-content #policy .section-content ul {
      margin-top: 18px; }
      @media all and (min-width: 897px) {
        #policy .section-content .list-line, #policy .section-content #news-detail .box-content ul, #news-detail .box-content #policy .section-content ul {
          margin-top: 28px; } }
      @media all and (min-width: 897px) {
        #policy .section-content .list-line::before, #policy .section-content #news-detail .box-content ul::before, #news-detail .box-content #policy .section-content ul::before {
          top: 13px; } }
    @media all and (min-width: 897px) {
      #policy .section-content .list-line > .item > p, #policy .section-content #news-detail .box-content ul > .item > p, #news-detail .box-content #policy .section-content ul > .item > p, #policy .section-content #news-detail .box-content ul > li > p, #news-detail .box-content #policy .section-content ul > li > p {
        font-size: 1.6rem; } }
    @media all and (min-width: 897px) {
      #policy .section-content .list-line > .item > ul > li.inner-item, #policy .section-content #news-detail .box-content ul > .item > ul > li.inner-item, #news-detail .box-content #policy .section-content ul > .item > ul > li.inner-item, #policy .section-content #news-detail .box-content ul > li > ul > li.inner-item, #news-detail .box-content #policy .section-content ul > li > ul > li.inner-item {
        margin-left: 2rem;
        font-size: 1.6rem; } }
    @media all and (min-width: 897px) {
      #policy .section-content .list-line.-sm > .item > p, #policy .section-content #news-detail .box-content ul.-sm > .item > p, #news-detail .box-content #policy .section-content ul.-sm > .item > p, #policy .section-content #news-detail .box-content ul.-sm > li > p, #news-detail .box-content #policy .section-content ul.-sm > li > p {
        font-size: 1.5rem; } }
  #policy .section-inner {
    margin-top: 30px; }
    @media all and (min-width: 897px) {
      #policy .section-inner {
        margin-top: 50px; } }
    @media all and (max-width: 896px) {
      #policy .section-inner > .title-line-under {
        margin-bottom: 15px; } }
    #policy .section-inner > .revision-area {
      display: flex;
      justify-content: flex-end;
      margin-top: 40px; }
    #policy .section-inner .indent {
      margin-left: 1.5rem; }

#principle-top {
  /* section-principle-list
  ---------------------------------------------------------- */
  /* principle-list
  ---------------------------------------------------------- */ }
  #principle-top .section-principle-list {
    position: relative;
    margin-top: 60px;
    margin-bottom: 120px;
    padding: 0 20px; }
    @media all and (min-width: 897px) {
      #principle-top .section-principle-list {
        margin-top: 120px;
        margin-bottom: 260px; } }
    @media all and (min-width: 897px) {
      #principle-top .section-principle-list > .container {
        width: 1150px;
        margin: 0 auto; } }
  #principle-top .principle-list {
    margin-top: -10px; }
    @media all and (min-width: 897px) {
      #principle-top .principle-list {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px; } }
    #principle-top .principle-list > .item, #principle-top #news-detail .box-content ul.principle-list > li, #news-detail .box-content #principle-top ul.principle-list > li {
      margin-top: 10px; }
      @media all and (min-width: 897px) {
        #principle-top .principle-list > .item, #principle-top #news-detail .box-content ul.principle-list > li, #news-detail .box-content #principle-top ul.principle-list > li {
          padding-left: 5px;
          padding-right: 5px;
          width: 50%; } }

#principle {
  /* section-greeting
  ---------------------------------------------------------- */
  /* section-investment
  ---------------------------------------------------------- */
  /* investment-list
  ---------------------------------------------------------- */ }
  #principle .section-greeting {
    position: relative;
    margin-top: 60px;
    padding: 0 20px; }
    @media all and (min-width: 897px) {
      #principle .section-greeting {
        margin-top: 120px; } }
    @media all and (min-width: 897px) {
      #principle .section-greeting > .container {
        width: 950px;
        margin: 0 auto; } }
    @media all and (max-width: 896px) {
      #principle .section-greeting > .container > .imagewrap {
        margin-top: 28px; } }
    @media all and (min-width: 897px) {
      #principle .section-greeting > .container > .imagewrap {
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        z-index: 0;
        max-width: 683px; } }
    #principle .section-greeting > .container > .imagewrap > .image {
      display: block;
      width: 100%; }
    #principle .section-greeting > .container > .imagewrap > .caption {
      margin-top: 20px;
      font-family: "Noto Serif JP", serif;
      font-size: 1.4rem;
      font-weight: 600;
      text-align: center; }
      @media all and (min-width: 897px) {
        #principle .section-greeting > .container > .imagewrap > .caption {
          font-size: 1.8rem; } }
    #principle .section-greeting > .container > .content {
      margin-top: 45px;
      font-size: 1.4rem;
      line-height: 2.2; }
      @media all and (min-width: 897px) {
        #principle .section-greeting > .container > .content {
          position: relative;
          z-index: 1;
          width: 550px;
          font-size: 1.5rem;
          line-height: 2.15; } }
  #principle .section-investment {
    margin-top: 75px;
    padding: 0 20px 80px;
    font-size: 1.4rem;
    line-height: 2.1; }
    @media all and (min-width: 897px) {
      #principle .section-investment {
        width: 950px;
        margin: 130px auto 0;
        padding: 0 0 100px;
        font-size: 1.5rem; } }
    #principle .section-investment > .intro {
      margin-top: 30px; }
      @media all and (min-width: 897px) {
        #principle .section-investment > .intro {
          margin-top: 40px; } }
  @media all and (min-width: 897px) {
    #principle .investment-list {
      margin-top: 80px; } }
  @media all and (min-width: 897px) {
    #principle .investment-list > .item, #principle #news-detail .box-content ul.investment-list > li, #news-detail .box-content #principle ul.investment-list > li {
      display: flex;
      align-items: flex-start;
      margin-top: 60px; } }
  #principle .investment-list > .item > .title, #principle #news-detail .box-content ul.investment-list > li > .title, #news-detail .box-content #principle ul.investment-list > li > .title {
    margin-top: 50px;
    padding-left: 18px;
    border-left: 5px solid #ccc;
    font-family: "Noto Serif JP", serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.5px; }
    @media all and (min-width: 897px) {
      #principle .investment-list > .item > .title, #principle #news-detail .box-content ul.investment-list > li > .title, #news-detail .box-content #principle ul.investment-list > li > .title {
        flex: 0 0 auto;
        width: 300px;
        margin-top: 0;
        font-size: 1.8rem;
        line-height: 1.5; } }
  @media all and (max-width: 896px) {
    #principle .investment-list > .item > .text, #principle #news-detail .box-content ul.investment-list > li > .text, #news-detail .box-content #principle ul.investment-list > li > .text {
      margin-top: 28px; } }
  @media all and (min-width: 897px) {
    #principle .investment-list > .item > .text, #principle #news-detail .box-content ul.investment-list > li > .text, #news-detail .box-content #principle ul.investment-list > li > .text {
      flex: 1;
      margin-top: -2px; } }

#recruit {
  /* section-recruit-list
  ---------------------------------------------------------- */
  /* text-desc
  ---------------------------------------------------------- */
  /* recruit-list
  ---------------------------------------------------------- */
  /* button-recruit
  ---------------------------------------------------------- */ }
  #recruit .section-recruit-list {
    position: relative;
    margin-top: 12px;
    margin-bottom: 120px;
    padding: 0 20px; }
    @media all and (min-width: 897px) {
      #recruit .section-recruit-list {
        margin-top: 120px;
        margin-bottom: 260px; } }
    @media all and (min-width: 897px) {
      #recruit .section-recruit-list > .container {
        width: 1150px;
        margin: 0 auto; } }
  #recruit .text-desc {
    font-size: 1.4rem;
    line-height: 2; }
    @media all and (min-width: 897px) {
      #recruit .text-desc {
        font-size: 1.5rem;
        line-height: 1.6; } }
  #recruit .recruit-list {
    margin-top: -10px; }
    @media all and (min-width: 897px) {
      #recruit .recruit-list {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px; } }
    #recruit .recruit-list > .item, #recruit #news-detail .box-content ul.recruit-list > li, #news-detail .box-content #recruit ul.recruit-list > li {
      margin-top: 10px; }
      @media all and (min-width: 897px) {
        #recruit .recruit-list > .item, #recruit #news-detail .box-content ul.recruit-list > li, #news-detail .box-content #recruit ul.recruit-list > li {
          padding-left: 5px;
          padding-right: 5px;
          width: 50%; } }
  #recruit * + .recruit-list {
    margin-top: 90px; }
    @media all and (min-width: 897px) {
      #recruit * + .recruit-list {
        margin-top: 75px; } }
  #recruit .button-recruit {
    background-color: #F5F5F5;
    position: relative;
    display: flex;
    transition: background-color 0.2s ease-out; }
    @media all and (min-width: 897px) {
      #recruit .button-recruit {
        cursor: pointer; }
        #recruit .button-recruit:hover {
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #recruit .button-recruit:hover:hover {
            opacity: 0.6; } }
    #recruit .button-recruit::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 18px;
      width: 18px;
      height: 18px;
      transform: translateY(-50%);
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABHNCSVQICAgIfAhkiAAAAL5JREFUWEftlUkOgCAQBPUr/P9NfEWvhKg9m0ST4sosnZpm2Lefnf1nejcEvz0xCEN4IoAlsESVJVprRyXN3rvJnqagK2EIXknYOs55UuOUrDVKLGFthmDPq4+ME8JqfY1e/SzhO2EIrtrDEB4eSsRW8uOA8BcIez6cu1jr915iCQQ/EAgTrqAaqYHgCDVPjouwp/Aca90CqgeCs3s2TVgVWH0vLbFakOqHYEUoew/hLEGVD2FFKHsP4SxBlX8CYUG4LWOJaVQAAAAASUVORK5CYII=) no-repeat;
      background-size: 18px 18px; }
      @media all and (min-width: 897px) {
        #recruit .button-recruit::after {
          width: 22px;
          height: 22px;
          right: 30px;
          background-size: 22px 22px; } }
    #recruit .button-recruit > .inner {
      display: flex;
      flex: 1;
      align-items: center;
      min-height: 80px;
      padding: 10px 65px 10px 15px; }
      @media all and (min-width: 897px) {
        #recruit .button-recruit > .inner {
          min-height: 98px;
          padding: 8px 80px 8px 30px; } }
    #recruit .button-recruit > .inner > .text {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.8; }
      @media all and (min-width: 897px) {
        #recruit .button-recruit > .inner > .text {
          font-size: 1.5rem; } }

#responsible {
  /* section-responsible
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */ }
  #responsible p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #responsible p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #responsible .section-responsible {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #responsible .section-responsible {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #responsible .section-responsible > .title-sub {
    margin-bottom: 70px; }
    @media all and (min-width: 897px) {
      #responsible .section-responsible > .title-sub {
        margin-bottom: 120px; } }
  #responsible .section-responsible > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #responsible .section-responsible > .link-arrow-wrap {
        margin-top: 95px; } }
  #responsible .section-responsible > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #responsible .section-responsible > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #responsible .section-content {
    margin-top: 55px; }
    @media all and (min-width: 897px) {
      #responsible .section-content {
        margin-top: 75px; } }
    #responsible .section-content > .list-line, #responsible #news-detail .box-content .section-content > ul, #news-detail .box-content #responsible .section-content > ul {
      margin-top: 18px;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #responsible .section-content > .list-line, #responsible #news-detail .box-content .section-content > ul, #news-detail .box-content #responsible .section-content > ul {
          margin-top: 28px;
          font-size: 1.6rem; } }
      @media all and (min-width: 897px) {
        #responsible .section-content > .list-line::before, #responsible #news-detail .box-content .section-content > ul::before, #news-detail .box-content #responsible .section-content > ul::before {
          top: 13px; } }
    #responsible .section-content > .text-right {
      text-align: right; }
    #responsible .section-content a.underline {
      text-decoration: underline; }

#service {
  /* section-service-main
  ---------------------------------------------------------- */
  /* service-list
  ---------------------------------------------------------- */
  /* service-list-button
  ---------------------------------------------------------- */
  /* section-service-name
  ---------------------------------------------------------- */
  /* section-investment-trusts
  ---------------------------------------------------------- */
  /* section-button-mail
  ---------------------------------------------------------- */ }
  #service .section-service-main {
    margin-top: 50px;
    padding: 65px 20px 50px;
    background: url(/_next/static/images/bg_service_main_sp-d53afba4fd47467af30c683010e97e3d.jpg) top center no-repeat; }
    @media all and (min-width: 897px) {
      #service .section-service-main {
        margin-top: 120px;
        padding: 100px 0 80px;
        background: url(/_next/static/images/bg_service_main_pc-f7f02e234e37fdcf5d00a3fa2a814871.jpg) top center no-repeat; } }
    @media all and (min-width: 897px) {
      #service .section-service-main > .container {
        width: 1150px;
        margin: 0 auto; } }
    #service .section-service-main > .container > .content > .title {
      font-family: "Noto Serif JP", serif;
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 2.1;
      letter-spacing: 2.5px; }
      @media all and (max-width: 896px) {
        #service .section-service-main > .container > .content > .title {
          max-width: 375px;
          margin: 0 auto; } }
      @media all and (min-width: 897px) {
        #service .section-service-main > .container > .content > .title {
          font-size: 2.5rem;
          letter-spacing: 3.5px; } }
    #service .section-service-main > .container > .content > .text {
      margin-top: 60px;
      font-size: 1.4rem;
      line-height: 2.2; }
      @media all and (min-width: 897px) {
        #service .section-service-main > .container > .content > .text {
          margin-top: 25px;
          font-size: 1.5rem; } }
    #service .section-service-main.-business {
      padding-bottom: 80px; }
      @media all and (min-width: 897px) {
        #service .section-service-main.-business {
          padding-bottom: 100px; } }
  #service .service-list {
    margin-top: 75px; }
    @media all and (min-width: 897px) {
      #service .service-list {
        display: flex;
        margin-top: 130px;
        margin-left: -50px; } }
    @media all and (max-width: 896px) {
      #service .service-list > .item:not(:first-child), #service #news-detail .box-content ul.service-list > li:not(:first-child), #news-detail .box-content #service ul.service-list > li:not(:first-child) {
        margin-top: 50px;
        padding-top: 50px;
        border-top: 1px solid #E5E5E5; } }
    @media all and (min-width: 897px) {
      #service .service-list > .item, #service #news-detail .box-content ul.service-list > li, #news-detail .box-content #service ul.service-list > li {
        position: relative;
        width: 50%;
        padding-left: 50px;
        padding-bottom: 160px; } }
    @media all and (max-width: 896px) {
      #service .service-list.-business > .item:not(:first-child), #service #news-detail .box-content ul.service-list.-business > li:not(:first-child), #news-detail .box-content #service ul.service-list.-business > li:not(:first-child) {
        margin-top: 60px;
        padding-top: 0;
        border: none; } }
    @media all and (min-width: 897px) {
      #service .service-list.-business > .item, #service #news-detail .box-content ul.service-list.-business > li, #news-detail .box-content #service ul.service-list.-business > li {
        padding-bottom: 0; } }
    #service .service-list > .item > .figure, #service #news-detail .box-content ul.service-list > li > .figure, #news-detail .box-content #service ul.service-list > li > .figure {
      position: relative;
      display: block; }
    #service .service-list > .item > .figure > .image, #service #news-detail .box-content ul.service-list > li > .figure > .image, #news-detail .box-content #service ul.service-list > li > .figure > .image {
      display: block;
      width: 100%; }
    #service .service-list > .item > .figure > .boxlabel, #service #news-detail .box-content ul.service-list > li > .figure > .boxlabel, #news-detail .box-content #service ul.service-list > li > .figure > .boxlabel {
      position: absolute;
      left: 0;
      bottom: 0;
      min-width: 190px;
      min-height: 55px;
      padding: 8px 0 0 12px;
      background-color: #fff; }
      @media all and (min-width: 897px) {
        #service .service-list > .item > .figure > .boxlabel, #service #news-detail .box-content ul.service-list > li > .figure > .boxlabel, #news-detail .box-content #service ul.service-list > li > .figure > .boxlabel {
          min-width: 270px;
          min-height: 82px;
          padding: 18px 0 0 20px; } }
    #service .service-list > .item > .figure > .boxlabel > .label, #service #news-detail .box-content ul.service-list > li > .figure > .boxlabel > .label, #news-detail .box-content #service ul.service-list > li > .figure > .boxlabel > .label {
      display: block;
      font-family: "Noto Serif JP", serif;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 1.6;
      letter-spacing: 1px; }
      @media all and (min-width: 897px) {
        #service .service-list > .item > .figure > .boxlabel > .label, #service #news-detail .box-content ul.service-list > li > .figure > .boxlabel > .label, #news-detail .box-content #service ul.service-list > li > .figure > .boxlabel > .label {
          font-size: 1.6rem;
          letter-spacing: 2px; } }
    #service .service-list > .item > .figure > .boxlabel > .logo, #service #news-detail .box-content ul.service-list > li > .figure > .boxlabel > .logo, #news-detail .box-content #service ul.service-list > li > .figure > .boxlabel > .logo {
      display: block;
      margin-top: 8px;
      height: 17px; }
      @media all and (min-width: 897px) {
        #service .service-list > .item > .figure > .boxlabel > .logo, #service #news-detail .box-content ul.service-list > li > .figure > .boxlabel > .logo, #news-detail .box-content #service ul.service-list > li > .figure > .boxlabel > .logo {
          margin-top: 12px;
          height: 24px; } }
    #service .service-list > .item > .text, #service #news-detail .box-content ul.service-list > li > .text, #news-detail .box-content #service ul.service-list > li > .text {
      margin-top: 25px;
      font-size: 1.3rem;
      font-weight: 500;
      color: #666;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #service .service-list > .item > .text, #service #news-detail .box-content ul.service-list > li > .text, #news-detail .box-content #service ul.service-list > li > .text {
          margin-top: 45px;
          font-size: 1.4rem;
          line-height: 2.2; } }
    @media all and (max-width: 896px) {
      #service .service-list > .item > .boxlink, #service #news-detail .box-content ul.service-list > li > .boxlink, #news-detail .box-content #service ul.service-list > li > .boxlink {
        margin-top: 20px; } }
    @media all and (min-width: 897px) {
      #service .service-list > .item > .boxlink, #service #news-detail .box-content ul.service-list > li > .boxlink, #news-detail .box-content #service ul.service-list > li > .boxlink {
        position: absolute;
        bottom: 0;
        left: 50px;
        right: 0; } }
    #service .service-list > .item > .boxlink > .linkicon, #service #news-detail .box-content ul.service-list > li > .boxlink > .linkicon, #news-detail .box-content #service ul.service-list > li > .boxlink > .linkicon {
      margin-top: 30px;
      padding-right: 15px;
      text-align: right; }
      @media all and (min-width: 897px) {
        #service .service-list > .item > .boxlink > .linkicon, #service #news-detail .box-content ul.service-list > li > .boxlink > .linkicon, #news-detail .box-content #service ul.service-list > li > .boxlink > .linkicon {
          margin-top: 27px; } }
  #service .service-list-button {
    border-top: 1px solid #E5E5E5;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #service .service-list-button {
        display: flex;
        justify-content: space-between; } }
    #service .service-list-button.-no-border {
      border: none;
      margin-top: 12px; }
    @media all and (max-width: 896px) {
      #service .service-list-button > .item, #service #news-detail .box-content ul.service-list-button > li, #news-detail .box-content #service ul.service-list-button > li {
        margin-top: 50px; }
        #service .service-list-button > .item:not(:first-child), #service #news-detail .box-content ul.service-list-button > li:not(:first-child), #news-detail .box-content #service ul.service-list-button > li:not(:first-child) {
          margin-top: 20px; } }
    @media all and (min-width: 897px) {
      #service .service-list-button > .item, #service #news-detail .box-content ul.service-list-button > li, #news-detail .box-content #service ul.service-list-button > li {
        width: calc(50% - 25px);
        padding-top: 60px; } }
    #service .service-list-button > .item > .boxlink > .linkicon, #service #news-detail .box-content ul.service-list-button > li > .boxlink > .linkicon, #news-detail .box-content #service ul.service-list-button > li > .boxlink > .linkicon {
      margin-top: 30px;
      padding-right: 15px;
      text-align: right; }
      @media all and (min-width: 897px) {
        #service .service-list-button > .item > .boxlink > .linkicon, #service #news-detail .box-content ul.service-list-button > li > .boxlink > .linkicon, #news-detail .box-content #service ul.service-list-button > li > .boxlink > .linkicon {
          margin-top: 27px; } }
    @media all and (max-width: 896px) {
      #service .service-list-button > .item > .boxlink > .button-arrow.-service-list > .inner, #service #news-detail .box-content ul.service-list-button > li > .boxlink > .button-arrow.-service-list > .inner, #news-detail .box-content #service ul.service-list-button > li > .boxlink > .button-arrow.-service-list > .inner {
        min-height: 54px; } }
  #service .section-service-name {
    padding: 60px 0 90px;
    border-top: 1px solid #E5E5E5; }
    @media all and (min-width: 897px) {
      #service .section-service-name {
        padding: 100px 0; } }
    #service .section-service-name > .container {
      padding: 0 40px; }
      @media all and (min-width: 897px) {
        #service .section-service-name > .container {
          width: 554px;
          margin: 0 auto;
          padding: 0;
          text-align: justify; } }
    #service .section-service-name > .container > .title {
      margin-bottom: 40px;
      font-family: "Noto Serif JP", serif;
      font-size: 1.6rem;
      font-weight: 600;
      text-align: center;
      letter-spacing: 2px; }
      @media all and (min-width: 897px) {
        #service .section-service-name > .container > .title {
          font-size: 2.5rem;
          letter-spacing: 3px; } }
    #service .section-service-name > .container > .text {
      font-family: "Noto Serif JP", serif;
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 2.65;
      letter-spacing: 1.5px; }
      @media all and (min-width: 897px) {
        #service .section-service-name > .container > .text {
          font-size: 1.5rem;
          line-height: 2.4; } }
  #service .section-investment-trusts {
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(rgba(245, 245, 245, 0)));
    background: linear-gradient(#f5f5f5 0%, rgba(245, 245, 245, 0) 100%);
    padding: 60px 20px 100px; }
    @media all and (min-width: 897px) {
      #service .section-investment-trusts {
        padding: 105px 0 140px; } }
    #service .section-investment-trusts.-business {
      padding-bottom: 80px; }
      @media all and (min-width: 897px) {
        #service .section-investment-trusts.-business {
          padding-bottom: 100px; } }
    @media all and (min-width: 897px) {
      #service .section-investment-trusts > .container {
        width: 1150px;
        margin: 0 auto; } }
    #service .section-investment-trusts > .container > .title {
      font-family: "Noto Serif JP", serif;
      font-weight: 600;
      font-size: 1.8rem;
      letter-spacing: 2px; }
      @media all and (min-width: 897px) {
        #service .section-investment-trusts > .container > .title {
          font-size: 2.5rem;
          letter-spacing: 3px; } }
    #service .section-investment-trusts > .container > .content {
      position: relative;
      margin-top: 35px; }
      @media all and (min-width: 897px) {
        #service .section-investment-trusts > .container > .content {
          min-height: 310px;
          padding-right: 600px; } }
    @media all and (max-width: 896px) {
      #service .section-investment-trusts > .container > .content > .boximage {
        position: relative;
        display: block;
        margin-top: 60px; } }
    @media all and (min-width: 897px) {
      #service .section-investment-trusts > .container > .content > .boximage {
        position: absolute;
        top: 0;
        right: 0;
        width: 550px;
        padding-top: 5px; } }
    #service .section-investment-trusts > .container > .content > .boximage > .label {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 190px;
      height: 58px;
      background: #fff;
      padding: 25px 0 0 12px; }
      @media all and (min-width: 897px) {
        #service .section-investment-trusts > .container > .content > .boximage > .label {
          width: 270px;
          height: 82px;
          padding: 30px 0 0 20px; } }
    #service .section-investment-trusts > .container > .content > .boximage > .label > .logo {
      height: 18px; }
      @media all and (min-width: 897px) {
        #service .section-investment-trusts > .container > .content > .boximage > .label > .logo {
          height: 25px; } }
    #service .section-investment-trusts > .container > .content > .boximage > .image {
      display: block;
      width: 100%; }
    #service .section-investment-trusts > .container > .content > .text {
      font-size: 1.4rem;
      line-height: 2.1; }
      @media all and (min-width: 897px) {
        #service .section-investment-trusts > .container > .content > .text {
          font-size: 1.5rem; } }
    #service .section-investment-trusts > .container > .content > .note {
      margin-top: 25px;
      font-family: "Noto Serif JP", serif;
      font-size: 1.3rem;
      font-weight: 500;
      color: #666;
      line-height: 2; }
      @media all and (min-width: 897px) {
        #service .section-investment-trusts > .container > .content > .note {
          margin-top: 50px;
          padding-top: 55px;
          border-top: 1px solid #ddd;
          font-size: 1.4rem; } }
    #service .section-investment-trusts > .container > .content > .boxlink {
      margin-top: 45px; }
      @media all and (max-width: 896px) {
        #service .section-investment-trusts > .container > .content > .boxlink {
          margin-top: 20px; } }
    @media all and (max-width: 896px) {
      #service .section-investment-trusts > .container > .content > .boxlink > .button-arrow.-section-investment-trusts > .inner {
        min-height: 54px; } }
    #service .section-investment-trusts > .container > .content > .link {
      margin-top: 30px;
      text-align: right; }
      @media all and (max-width: 896px) {
        #service .section-investment-trusts > .container > .content > .link {
          padding-right: 15px; } }
  #service .section-button-mail {
    background-color: #F5F5F5; }
    @media all and (max-width: 896px) {
      #service .section-button-mail {
        padding: 100px 20px; } }
    @media all and (min-width: 897px) {
      #service .section-button-mail > .container {
        width: 1150px;
        margin: 0 auto;
        padding: 100px 0; } }
    #service .section-button-mail > .container > .button-mail {
      display: flex;
      font-size: 1.3rem;
      font-weight: 500;
      background-color: #222;
      color: #fff;
      line-height: 1.8;
      text-align: center;
      transition: background-color 0.2s ease-out; }
      @media all and (min-width: 897px) {
        #service .section-button-mail > .container > .button-mail {
          font-size: 1.4rem;
          cursor: pointer;
          width: 550px;
          margin: 0 auto;
          transition: opacity 0.2s ease-out;
          transform: translateZ(0); }
          #service .section-button-mail > .container > .button-mail:hover {
            opacity: 0.6; } }
    #service .section-button-mail > .container > .button-mail > .inner {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      min-height: 78px;
      padding: 10px 35px; }
      @media all and (min-width: 897px) {
        #service .section-button-mail > .container > .button-mail > .inner {
          min-height: 70px;
          padding: 8px 45px; } }
    #service .section-button-mail > .container > .button-mail > .inner > .text {
      position: relative;
      padding-left: 35px; }
      #service .section-button-mail > .container > .button-mail > .inner > .text::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 12px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj4NCiAgPHBhdGggaWQ9IlBhdGhfMTUyIiBkYXRhLW5hbWU9IlBhdGggMTUyIiBkPSJNMjYuNjk1LDRIMy4zYy0xLjQzLDAtMS4yODctLjEyNS0xLjI4NywxLjI1TDIsMjIuNzQ1YzAsMS4zNzUtLjEzLDEuMjUsMS4zLDEuMjVIMjYuNjk1YzEuNDMsMCwxLjMuMTI1LDEuMy0xLjI1VjUuMjVDMjcuOTk1LDMuODc2LDI4LjEyNSw0LDI2LjY5NSw0Wm0wLDE4Ljc0NEgzLjNWNi41TDE1LDE1bDExLjctOC41Wm0tMTEuNy05TDMuMyw1LjI1SDI2LjY5NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk5OCAtMy45OTgpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==) no-repeat;
        background-size: 15px 12px; }
        @media all and (min-width: 897px) {
          #service .section-button-mail > .container > .button-mail > .inner > .text::after {
            width: 18px;
            height: 14px;
            background-size: 18px 14px; } }

#stewardship {
  /* section-stewardship
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */ }
  #stewardship p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #stewardship p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #stewardship .section-stewardship {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #stewardship .section-stewardship {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #stewardship .section-stewardship .link-pdf.-icon-right {
    padding-right: 18px;
    margin-right: 10px; }
    @media all and (min-width: 897px) {
      #stewardship .section-stewardship .link-pdf.-icon-right {
        padding-right: 22px; } }
  #stewardship .section-stewardship > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #stewardship .section-stewardship > .link-arrow-wrap {
        margin-top: 95px; } }
  #stewardship .section-stewardship > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #stewardship .section-stewardship > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  @media all and (max-width: 896px) {
    #stewardship .section-stewardship > .title-line-left {
      margin-bottom: 10px; } }
  #stewardship .section-content {
    margin-top: 55px; }
    @media all and (min-width: 897px) {
      #stewardship .section-content {
        margin-top: 75px; } }

#top {
  /* main-visual
  ---------------------------------------------------------- */
  /* title-top
  ---------------------------------------------------------- */
  /* section-news
  ---------------------------------------------------------- */
  /* section-service
  ---------------------------------------------------------- */
  /* service-list
  ---------------------------------------------------------- */
  /* section-fund
  ---------------------------------------------------------- */
  /* fund-list
  ---------------------------------------------------------- */
  /* section-recruit
  ---------------------------------------------------------- */ }
  #top .main-visual {
    height: 300px;
    background: url(/_next/static/images/img_mv_sp-741663a15ed2ab52c09cb98174743066.jpg) center no-repeat;
    background-size: cover; }
    @media all and (min-width: 897px) {
      #top .main-visual {
        height: 574px;
        background: url(/_next/static/images/img_mv_pc-4c63c12a24c5823e4652d46daa5256d4.jpg) center no-repeat;
        background-size: cover; } }
    #top .main-visual > .container {
      position: relative;
      height: 100%; }
      @media all and (min-width: 897px) {
        #top .main-visual > .container {
          width: 1150px;
          margin: 0 auto; } }
    #top .main-visual > .container > .text {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%); }
      @media all and (min-width: 897px) {
        #top .main-visual > .container > .text {
          right: 50px; } }
    #top .main-visual > .container > .text > .textimg {
      display: block;
      width: 208px; }
      @media all and (min-width: 897px) {
        #top .main-visual > .container > .text > .textimg {
          width: 400px; } }
  #top .title-top {
    display: flex;
    align-items: flex-end; }
    #top .title-top > .texten {
      margin-right: 8px;
      color: #D0D0D0;
      font-family: "\6E38\660E\671D\4F53", "Yu Mincho", YuMincho, "\30D2\30E9\30AE\30CE\660E\671D   Pro", "Hiragino Mincho Pro", "MS P\660E\671D", "MS PMincho", serif;
      font-size: 5rem;
      line-height: 1; }
      @media all and (min-width: 897px) {
        #top .title-top > .texten {
          margin-right: 15px;
          font-size: 10rem; } }
    #top .title-top > .textjp {
      position: relative;
      padding-left: 15px;
      padding-bottom: 10px;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 500;
      font-size: 1.2rem;
      line-height: 1.2;
      color: #666; }
      @media all and (min-width: 897px) {
        #top .title-top > .textjp {
          padding-left: 25px;
          padding-bottom: 15px;
          font-size: 1.8rem; } }
      #top .title-top > .textjp::after {
        position: absolute;
        top: 6px;
        left: 0;
        width: 16px;
        height: 1px;
        background-color: #222;
        transform: rotate(120deg);
        content: ''; }
        @media all and (min-width: 897px) {
          #top .title-top > .textjp::after {
            top: 7px;
            width: 25px; } }
  #top .section-news {
    padding: 0 20px; }
    #top .section-news > .container {
      position: relative;
      z-index: 1;
      margin-top: -40px;
      padding: 25px 30px 45px;
      background-color: #fff; }
      @media all and (min-width: 897px) {
        #top .section-news > .container {
          display: flex;
          padding: 70px 100px 70px;
          width: 1150px;
          margin: -60px auto 0; } }
    #top .section-news > .container > .heads-up {
      border: 2px solid #666;
      padding: 10px 15px;
      line-height: 1.5;
      color: #222;
      font-size: 1.3rem; }
      @media all and (min-width: 897px) {
        #top .section-news > .container > .heads-up {
          padding: 30px 40px;
          font-size: 1.4rem; } }
    #top .section-news > .container > .heads-up > .title {
      font-weight: 500; }
    #top .section-news > .container > .heads-up > .text {
      margin: 5px 0; }
    #top .section-news > .container > .heading {
      font-size: 1.2rem;
      font-weight: 500;
      color: #666;
      line-height: 1.5; }
      @media all and (min-width: 897px) {
        #top .section-news > .container > .heading {
          flex: 0 0 auto;
          width: 200px;
          font-size: 1.4rem; } }
    #top .section-news > .container > .heading > .title > .en {
      display: block;
      font-family: "Cantata One", serif;
      font-size: 2.6rem;
      color: #ccc; }
      @media all and (min-width: 897px) {
        #top .section-news > .container > .heading > .title > .en {
          margin-bottom: 2px;
          font-size: 3.2rem; } }
    @media all and (max-width: 896px) {
      #top .section-news > .container > .news {
        margin-top: 25px; } }
    @media all and (min-width: 897px) {
      #top .section-news > .container > .news {
        flex: 1;
        padding-top: 3px; } }
    #top .section-news > .container > .news > .newslist > .newsitem {
      border-bottom: 1px solid #ddd; }
      @media all and (max-width: 896px) {
        #top .section-news > .container > .news > .newslist > .newsitem {
          padding: 19px 0; } }
      @media all and (min-width: 897px) {
        #top .section-news > .container > .news > .newslist > .newsitem {
          padding: 23px 0; } }
      #top .section-news > .container > .news > .newslist > .newsitem:first-child {
        padding-top: 0; }
    #top .section-news > .container > .news > .linkbutton {
      margin-top: 30px;
      text-align: right; }
      @media all and (min-width: 897px) {
        #top .section-news > .container > .news > .linkbutton {
          margin-top: 50px; } }
  @media all and (min-width: 897px) {
    #top .section-service {
      padding: 80px 20px 0;
      background: url(/_next/static/images/bg_service_pc-18c4f8bf4e1a473610a35b107dd26fb2.jpg) top center no-repeat; } }
  @media all and (min-width: 897px) {
    #top .section-service > .container {
      position: relative;
      width: 1150px;
      margin: 0 auto; } }
  @media all and (max-width: 896px) {
    #top .section-service > .container > .boxupper {
      padding: 65px 20px 40px;
      background-color: #EEF2F5; } }
  #top .section-service > .container > .boxupper > .textinfo {
    margin-top: 45px;
    font-size: 1.4rem;
    line-height: 2; }
    @media all and (min-width: 897px) {
      #top .section-service > .container > .boxupper > .textinfo {
        margin-top: 55px;
        font-size: 1.5rem; } }
  @media all and (max-width: 896px) {
    #top .section-service > .container > .boxlower {
      padding: 0 20px;
      background: url(/_next/static/images/bg_service_sp-1e0fca1903ea63cdf7d46b83979072fc.jpg) top center no-repeat; } }
  @media all and (min-width: 897px) {
    #top .section-service > .container > .boxlower {
      width: 640px;
      margin-top: 85px; } }
  @media all and (max-width: 896px) {
    #top .section-service > .container > .boxlower > .titlewrap {
      border-top: 1px solid #ddd; } }
  #top .section-service > .container > .boxlower > .titlewrap > .title {
    font-family: "Noto Serif JP", serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.8; }
    @media all and (max-width: 896px) {
      #top .section-service > .container > .boxlower > .titlewrap > .title {
        padding: 50px 0;
        max-width: 375px;
        margin: 0 auto;
        letter-spacing: 2px; } }
    @media all and (min-width: 897px) {
      #top .section-service > .container > .boxlower > .titlewrap > .title {
        font-size: 2.4rem;
        letter-spacing: 3.3px; } }
  #top .section-service > .container > .boxbutton {
    position: relative;
    margin-top: 30px;
    padding: 0 20px;
    text-align: right; }
    @media all and (min-width: 897px) {
      #top .section-service > .container > .boxbutton {
        margin-top: 85px; } }
  #top .section-service > .container > .boxbutton > .linkicon {
    position: relative;
    display: inline-block;
    margin-top: 30px; }
    @media all and (min-width: 897px) {
      #top .section-service > .container > .boxbutton > .linkicon {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: 0;
        transform: translateY(-50%); } }
  #top .service-list {
    display: flex;
    margin: 0 -15px; }
    @media all and (min-width: 897px) {
      #top .service-list {
        margin: 45px -40px 0; } }
    #top .service-list > .item, #top #news-detail .box-content ul.service-list > li, #news-detail .box-content #top ul.service-list > li {
      width: 50%;
      padding: 0 15px 3px;
      border-left: 1px solid #E5E5E5; }
      @media all and (min-width: 897px) {
        #top .service-list > .item, #top #news-detail .box-content ul.service-list > li, #news-detail .box-content #top ul.service-list > li {
          padding: 10px 40px 5px; } }
      #top .service-list > .item:first-child, #top #news-detail .box-content ul.service-list > li:first-child, #news-detail .box-content #top ul.service-list > li:first-child {
        border-left: none; }
    #top .service-list > .item > .title, #top #news-detail .box-content ul.service-list > li > .title, #news-detail .box-content #top ul.service-list > li > .title {
      font-size: 1.2rem;
      font-weight: 500; }
      @media all and (min-width: 897px) {
        #top .service-list > .item > .title, #top #news-detail .box-content ul.service-list > li > .title, #news-detail .box-content #top ul.service-list > li > .title {
          font-size: 1.8rem; } }
    #top .service-list > .item > .logo, #top #news-detail .box-content ul.service-list > li > .logo, #news-detail .box-content #top ul.service-list > li > .logo {
      display: block;
      margin: 15px auto 0; }
      @media all and (max-width: 896px) {
        #top .service-list > .item > .logo, #top #news-detail .box-content ul.service-list > li > .logo, #news-detail .box-content #top ul.service-list > li > .logo {
          max-width: 100%;
          max-height: 18px; } }
      @media all and (min-width: 897px) {
        #top .service-list > .item > .logo, #top #news-detail .box-content ul.service-list > li > .logo, #news-detail .box-content #top ul.service-list > li > .logo {
          height: 29px;
          margin: 20px 0 0; } }
  #top .section-fund {
    overflow: hidden;
    padding: 90px 20px 60px; }
    @media all and (min-width: 897px) {
      #top .section-fund {
        position: relative;
        width: 1150px;
        margin: 0 auto;
        padding: 130px 0 160px; } }
    @media all and (min-width: 897px) {
      #top .section-fund > .heading {
        display: flex; } }
    @media all and (min-width: 897px) {
      #top .section-fund > .heading > .title {
        flex: 0 0 auto;
        width: 550px;
        padding-right: 20px; } }
    #top .section-fund > .heading > .intro {
      line-height: 2; }
      @media all and (max-width: 896px) {
        #top .section-fund > .heading > .intro {
          margin-top: 50px;
          font-size: 1.4rem; } }
      @media all and (min-width: 897px) {
        #top .section-fund > .heading > .intro {
          flex: 1;
          align-self: flex-end;
          padding: 10px 0 5px;
          font-size: 1.5rem; } }
  #top .fund-list {
    margin-top: 40px; }
    @media all and (min-width: 897px) {
      #top .fund-list {
        display: flex;
        margin-top: 100px;
        margin-left: -50px; } }
    @media all and (max-width: 896px) {
      #top .fund-list > .item, #top #news-detail .box-content ul.fund-list > li, #news-detail .box-content #top ul.fund-list > li {
        margin-top: 20px;
        padding: 35px 30px 30px;
        border: 1px solid #E5E5E5; }
        #top .fund-list > .item:first-child, #top #news-detail .box-content ul.fund-list > li:first-child, #news-detail .box-content #top ul.fund-list > li:first-child {
          margin-top: 0; } }
    @media all and (min-width: 897px) {
      #top .fund-list > .item, #top #news-detail .box-content ul.fund-list > li, #news-detail .box-content #top ul.fund-list > li {
        position: relative;
        width: 33.33%;
        padding-left: 50px;
        padding-bottom: 100px; } }
    @media all and (min-width: 897px) {
      #top .fund-list > .item > .logowrap, #top #news-detail .box-content ul.fund-list > li > .logowrap, #news-detail .box-content #top ul.fund-list > li > .logowrap {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 205px;
        border-top: 2px solid #888; } }
    #top .fund-list > .item > .logowrap > .logo, #top #news-detail .box-content ul.fund-list > li > .logowrap > .logo, #news-detail .box-content #top ul.fund-list > li > .logowrap > .logo {
      display: block;
      margin: 0 auto; }
      @media all and (max-width: 896px) {
        #top .fund-list > .item > .logowrap > .logo, #top #news-detail .box-content ul.fund-list > li > .logowrap > .logo, #news-detail .box-content #top ul.fund-list > li > .logowrap > .logo {
          width: auto;
          height: 22px; } }
      @media all and (min-width: 897px) {
        #top .fund-list > .item > .logowrap > .logo, #top #news-detail .box-content ul.fund-list > li > .logowrap > .logo, #news-detail .box-content #top ul.fund-list > li > .logowrap > .logo {
          height: 28px; } }
    #top .fund-list > .item > .info, #top #news-detail .box-content ul.fund-list > li > .info, #news-detail .box-content #top ul.fund-list > li > .info {
      display: none; }
      @media all and (min-width: 897px) {
        #top .fund-list > .item > .info, #top #news-detail .box-content ul.fund-list > li > .info, #news-detail .box-content #top ul.fund-list > li > .info {
          display: block;
          font-size: 1.4rem;
          line-height: 2; } }
    @media all and (max-width: 896px) {
      #top .fund-list > .item > .button, #top #news-detail .box-content ul.fund-list > li > .button, #news-detail .box-content #top ul.fund-list > li > .button {
        margin-top: 30px; } }
    @media all and (min-width: 897px) {
      #top .fund-list > .item > .button, #top #news-detail .box-content ul.fund-list > li > .button, #news-detail .box-content #top ul.fund-list > li > .button {
        position: absolute;
        left: 50px;
        right: 0;
        bottom: 0; } }
  #top .section-recruit {
    background: #F0F0F0; }
    @media all and (min-width: 897px) {
      #top .section-recruit > .container {
        display: flex; }
        #top .section-recruit > .container:hover > .boxbutton > .button > .texten::after {
          opacity: 0.6; }
        #top .section-recruit > .container:hover > .boxbutton > .button > .textjp {
          opacity: 0.6; }
        #top .section-recruit > .container:hover > .boximage {
          opacity: 0.6; } }
    @media all and (max-width: 896px) {
      #top .section-recruit > .container > .boxbutton {
        position: relative;
        display: block;
        padding: 25px 20px 30px;
        line-height: 1.5; }
        #top .section-recruit > .container > .boxbutton::after {
          position: absolute;
          top: 50%;
          right: 25px;
          width: 40px;
          height: 5px;
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ny4zMjkiIGhlaWdodD0iNy44NzYiIHZpZXdCb3g9IjAgMCA3Ny4zMjkgNy44NzYiPg0KICA8ZyBpZD0iR3JvdXBfMzU4IiBkYXRhLW5hbWU9Ikdyb3VwIDM1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMS41IC0zMzIzLjEyNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzE1MyIgZGF0YS1uYW1lPSJQYXRoIDE1MyIgZD0iTTU1LjkxMiwwaDc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzUuNTg4IDMzMzAuNTAxKSIgZmlsbD0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICA8bGluZSBpZD0iTGluZV82NSIgZGF0YS1uYW1lPSJMaW5lIDY1IiB4Mj0iOCIgeTI9IjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwMC41IDMzMjMuNSkiIGZpbGw9InJnYmEoMCwwLDAsMCkiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogIDwvZz4NCjwvc3ZnPg0K) center right no-repeat;
          background-size: auto 5px;
          transform: translateY(-50%);
          content: ''; } }
    @media all and (min-width: 897px) {
      #top .section-recruit > .container > .boxbutton {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 50%;
        height: 230px;
        padding-right: 170px;
        line-height: 1.6; } }
    #top .section-recruit > .container > .boxbutton .texten {
      font-family: "Cantata One", serif;
      font-size: 2.6rem;
      color: #ccc; }
      @media all and (min-width: 897px) {
        #top .section-recruit > .container > .boxbutton .texten {
          position: relative;
          padding-right: 107px;
          font-size: 4rem;
          color: #B4B4B4; }
          #top .section-recruit > .container > .boxbutton .texten::after {
            position: absolute;
            top: 50%;
            right: 0;
            width: 77px;
            height: 7px;
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ny4zMjkiIGhlaWdodD0iNy44NzYiIHZpZXdCb3g9IjAgMCA3Ny4zMjkgNy44NzYiPg0KICA8ZyBpZD0iR3JvdXBfMzU4IiBkYXRhLW5hbWU9Ikdyb3VwIDM1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMS41IC0zMzIzLjEyNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzE1MyIgZGF0YS1uYW1lPSJQYXRoIDE1MyIgZD0iTTU1LjkxMiwwaDc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzUuNTg4IDMzMzAuNTAxKSIgZmlsbD0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICA8bGluZSBpZD0iTGluZV82NSIgZGF0YS1uYW1lPSJMaW5lIDY1IiB4Mj0iOCIgeTI9IjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwMC41IDMzMjMuNSkiIGZpbGw9InJnYmEoMCwwLDAsMCkiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIxIi8+DQogIDwvZz4NCjwvc3ZnPg0K) center right no-repeat;
            background-size: 77px 7px;
            transform: translateY(-50%);
            transition: opacity 0.2s ease-out;
            content: ''; } }
    #top .section-recruit > .container > .boxbutton .textjp {
      font-size: 1.2rem;
      font-weight: 500;
      color: #666; }
      @media all and (min-width: 897px) {
        #top .section-recruit > .container > .boxbutton .textjp {
          font-size: 1.4rem;
          transition: opacity 0.2s ease-out; } }
    @media all and (min-width: 897px) {
      #top .section-recruit > .container > .boximage {
        width: 50%;
        height: 230px;
        background: url(/_next/static/images/img_recruit-a8f8b9f8a1caf634ad1703c2516de82e.png) no-repeat;
        background-size: cover;
        transition: opacity 0.2s ease-out; } }
    #top .section-recruit > .container > .boximage > .image {
      display: block;
      width: 100%; }
      @media all and (min-width: 897px) {
        #top .section-recruit > .container > .boximage > .image {
          display: none; } }

#voting {
  /* section-voting
  ---------------------------------------------------------- */
  /* section-content
  ---------------------------------------------------------- */ }
  #voting p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #voting p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #voting .section-voting {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #voting .section-voting {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #voting .section-voting > .title-sub {
    margin-bottom: 70px; }
    @media all and (min-width: 897px) {
      #voting .section-voting > .title-sub {
        margin-bottom: 120px; } }
  #voting .section-voting .link-pdf.-icon-right {
    padding-right: 18px;
    margin-right: 10px; }
    @media all and (min-width: 897px) {
      #voting .section-voting .link-pdf.-icon-right {
        padding-right: 22px; } }
  #voting .section-voting > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #voting .section-voting > .link-arrow-wrap {
        margin-top: 95px; } }
  #voting .section-voting > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #voting .section-voting > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }
  #voting .section-content {
    margin-top: 55px; }
    @media all and (min-width: 897px) {
      #voting .section-content {
        margin-top: 75px; } }
    #voting .section-content > .list-line, #voting #news-detail .box-content .section-content > ul, #news-detail .box-content #voting .section-content > ul {
      margin-top: 18px; }
      @media all and (min-width: 897px) {
        #voting .section-content > .list-line, #voting #news-detail .box-content .section-content > ul, #news-detail .box-content #voting .section-content > ul {
          margin-top: 28px;
          font-size: 1.6rem; } }
      @media all and (min-width: 897px) {
        #voting .section-content > .list-line::before, #voting #news-detail .box-content .section-content > ul::before, #news-detail .box-content #voting .section-content > ul::before {
          top: 13px; } }
    @media all and (min-width: 897px) {
      #voting .section-content > .list-line > .item > p, #voting #news-detail .box-content .section-content > ul > .item > p, #news-detail .box-content #voting .section-content > ul > .item > p, #voting #news-detail .box-content .section-content > ul > li > p, #news-detail .box-content #voting .section-content > ul > li > p {
        font-size: 1.6rem; } }
    #voting .section-content > .text-right {
      text-align: right; }

#votingresult {
  /* section-main
  ---------------------------------------------------------- */
  /* section-status
  ---------------------------------------------------------- */ }
  #votingresult p {
    font-size: 1.3rem;
    line-height: 2.2; }
    @media all and (min-width: 897px) {
      #votingresult p {
        font-size: 1.5rem;
        line-height: 2; } }
  @media all and (max-width: 896px) {
    #votingresult .section-main {
      padding: 60px 20px 0; } }
  @media all and (min-width: 897px) {
    #votingresult .section-main {
      width: 850px;
      padding-top: 105px;
      margin: 0 auto; } }
  #votingresult .section-main > .text-desc {
    margin-top: 15px; }
    @media all and (min-width: 897px) {
      #votingresult .section-main > .text-desc {
        margin-top: 25px; } }
  @media all and (max-width: 896px) {
    #votingresult .section-status {
      padding: 60px 20px 105px; } }
  @media all and (min-width: 897px) {
    #votingresult .section-status {
      width: 850px;
      padding-top: 80px;
      padding-bottom: 95px;
      margin: 0 auto; } }
  #votingresult .section-status > .box-pdf {
    background-color: #F6F6F6;
    margin-top: 20px;
    padding: 10px 30px 30px; }
    @media all and (min-width: 897px) {
      #votingresult .section-status > .box-pdf {
        padding: 10px 50px 30px;
        margin-top: 30px; } }
  @media all and (min-width: 897px) {
    #votingresult .section-status > .box-pdf .list {
      display: flex;
      flex-wrap: wrap;
      margin-left: -25px;
      margin-right: -25px; } }
  #votingresult .section-status > .box-pdf .list .item, #votingresult .section-status > .box-pdf .list #news-detail .box-content ul > li, #news-detail .box-content #votingresult .section-status > .box-pdf .list ul > li {
    margin-top: 20px; }
    @media all and (min-width: 897px) {
      #votingresult .section-status > .box-pdf .list .item, #votingresult .section-status > .box-pdf .list #news-detail .box-content ul > li, #news-detail .box-content #votingresult .section-status > .box-pdf .list ul > li {
        width: 50%;
        padding-left: 25px;
        padding-right: 25px; } }
  #votingresult .section-status > .link-arrow-wrap {
    text-align: right;
    margin-top: 70px; }
    @media all and (min-width: 897px) {
      #votingresult .section-status > .link-arrow-wrap {
        margin-top: 95px; } }
  #votingresult .section-status > .link-arrow-wrap > .link-arrow {
    font-size: 1.2rem; }
    @media all and (min-width: 897px) {
      #votingresult .section-status > .link-arrow-wrap > .link-arrow {
        font-size: 1.4rem; } }

/* ==========================================================
  utilities
========================================================== */
/* display
---------------------------------------------------------- */
@media all and (min-width: 897px) {
  ._no-pc {
    display: none !important; } }

@media all and (max-width: 896px) {
  ._no-sp {
    display: none !important; } }

/* font
---------------------------------------------------------- */
._ff-noto-serif {
  font-family: "Noto Serif JP", serif; }

._fw-normal {
  font-weight: normal !important; }

._fw-medium {
  font-weight: 500 !important; }

._fw-bold {
  font-weight: 700 !important; }

@media all and (max-width: 896px) {
  ._fw-sm-normal {
    font-weight: normal !important; }
  ._fw-sm-medium {
    font-weight: 500 !important; }
  ._fw-sm-bold {
    font-weight: 700 !important; } }

@media all and (min-width: 897px) {
  ._fw-md-normal {
    font-weight: normal !important; }
  ._fw-md-medium {
    font-weight: 500 !important; }
  ._fw-md-bold {
    font-weight: 700 !important; } }

/* font-size
---------------------------------------------------------- */
@media all and (max-width: 896px) {
  ._fz-sm-10 {
    font-size: 1rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-11 {
    font-size: 1.1rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-12 {
    font-size: 1.2rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-13 {
    font-size: 1.3rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-14 {
    font-size: 1.4rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-15 {
    font-size: 1.5rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-16 {
    font-size: 1.6rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-17 {
    font-size: 1.7rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-18 {
    font-size: 1.8rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-19 {
    font-size: 1.9rem !important; } }

@media all and (max-width: 896px) {
  ._fz-sm-20 {
    font-size: 2rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-10 {
    font-size: 1rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-11 {
    font-size: 1.1rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-12 {
    font-size: 1.2rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-13 {
    font-size: 1.3rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-14 {
    font-size: 1.4rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-15 {
    font-size: 1.5rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-16 {
    font-size: 1.6rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-17 {
    font-size: 1.7rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-18 {
    font-size: 1.8rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-19 {
    font-size: 1.9rem !important; } }

@media all and (min-width: 897px) {
  ._fz-md-20 {
    font-size: 2rem !important; } }

/* spacing
---------------------------------------------------------- */
._mt-0 {
  margin-top: 0px !important; }

._mb-0 {
  margin-bottom: 0px !important; }

._ml-0 {
  margin-left: 0px !important; }

._mr-0 {
  margin-right: 0px !important; }

._pt-0 {
  padding-top: 0px !important; }

._pb-0 {
  padding-bottom: 0px !important; }

._pl-0 {
  padding-left: 0px !important; }

._pr-0 {
  padding-right: 0px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-0 {
    margin-top: 0px !important; }
  ._mb-sm-0 {
    margin-bottom: 0px !important; }
  ._ml-sm-0 {
    margin-left: 0px !important; }
  ._mr-sm-0 {
    margin-right: 0px !important; }
  ._pt-sm-0 {
    padding-top: 0px !important; }
  ._pb-sm-0 {
    padding-bottom: 0px !important; }
  ._pl-sm-0 {
    padding-left: 0px !important; }
  ._pr-sm-0 {
    padding-right: 0px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-0 {
    margin-top: 0px !important; }
  ._mb-md-0 {
    margin-bottom: 0px !important; }
  ._ml-md-0 {
    margin-left: 0px !important; }
  ._mr-md-0 {
    margin-right: 0px !important; }
  ._pt-md-0 {
    padding-top: 0px !important; }
  ._pb-md-0 {
    padding-bottom: 0px !important; }
  ._pl-md-0 {
    padding-left: 0px !important; }
  ._pr-md-0 {
    padding-right: 0px !important; } }

._mt-5 {
  margin-top: 5px !important; }

._mb-5 {
  margin-bottom: 5px !important; }

._ml-5 {
  margin-left: 5px !important; }

._mr-5 {
  margin-right: 5px !important; }

._pt-5 {
  padding-top: 5px !important; }

._pb-5 {
  padding-bottom: 5px !important; }

._pl-5 {
  padding-left: 5px !important; }

._pr-5 {
  padding-right: 5px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-5 {
    margin-top: 5px !important; }
  ._mb-sm-5 {
    margin-bottom: 5px !important; }
  ._ml-sm-5 {
    margin-left: 5px !important; }
  ._mr-sm-5 {
    margin-right: 5px !important; }
  ._pt-sm-5 {
    padding-top: 5px !important; }
  ._pb-sm-5 {
    padding-bottom: 5px !important; }
  ._pl-sm-5 {
    padding-left: 5px !important; }
  ._pr-sm-5 {
    padding-right: 5px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-5 {
    margin-top: 5px !important; }
  ._mb-md-5 {
    margin-bottom: 5px !important; }
  ._ml-md-5 {
    margin-left: 5px !important; }
  ._mr-md-5 {
    margin-right: 5px !important; }
  ._pt-md-5 {
    padding-top: 5px !important; }
  ._pb-md-5 {
    padding-bottom: 5px !important; }
  ._pl-md-5 {
    padding-left: 5px !important; }
  ._pr-md-5 {
    padding-right: 5px !important; } }

._mt-10 {
  margin-top: 10px !important; }

._mb-10 {
  margin-bottom: 10px !important; }

._ml-10 {
  margin-left: 10px !important; }

._mr-10 {
  margin-right: 10px !important; }

._pt-10 {
  padding-top: 10px !important; }

._pb-10 {
  padding-bottom: 10px !important; }

._pl-10 {
  padding-left: 10px !important; }

._pr-10 {
  padding-right: 10px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-10 {
    margin-top: 10px !important; }
  ._mb-sm-10 {
    margin-bottom: 10px !important; }
  ._ml-sm-10 {
    margin-left: 10px !important; }
  ._mr-sm-10 {
    margin-right: 10px !important; }
  ._pt-sm-10 {
    padding-top: 10px !important; }
  ._pb-sm-10 {
    padding-bottom: 10px !important; }
  ._pl-sm-10 {
    padding-left: 10px !important; }
  ._pr-sm-10 {
    padding-right: 10px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-10 {
    margin-top: 10px !important; }
  ._mb-md-10 {
    margin-bottom: 10px !important; }
  ._ml-md-10 {
    margin-left: 10px !important; }
  ._mr-md-10 {
    margin-right: 10px !important; }
  ._pt-md-10 {
    padding-top: 10px !important; }
  ._pb-md-10 {
    padding-bottom: 10px !important; }
  ._pl-md-10 {
    padding-left: 10px !important; }
  ._pr-md-10 {
    padding-right: 10px !important; } }

._mt-15 {
  margin-top: 15px !important; }

._mb-15 {
  margin-bottom: 15px !important; }

._ml-15 {
  margin-left: 15px !important; }

._mr-15 {
  margin-right: 15px !important; }

._pt-15 {
  padding-top: 15px !important; }

._pb-15 {
  padding-bottom: 15px !important; }

._pl-15 {
  padding-left: 15px !important; }

._pr-15 {
  padding-right: 15px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-15 {
    margin-top: 15px !important; }
  ._mb-sm-15 {
    margin-bottom: 15px !important; }
  ._ml-sm-15 {
    margin-left: 15px !important; }
  ._mr-sm-15 {
    margin-right: 15px !important; }
  ._pt-sm-15 {
    padding-top: 15px !important; }
  ._pb-sm-15 {
    padding-bottom: 15px !important; }
  ._pl-sm-15 {
    padding-left: 15px !important; }
  ._pr-sm-15 {
    padding-right: 15px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-15 {
    margin-top: 15px !important; }
  ._mb-md-15 {
    margin-bottom: 15px !important; }
  ._ml-md-15 {
    margin-left: 15px !important; }
  ._mr-md-15 {
    margin-right: 15px !important; }
  ._pt-md-15 {
    padding-top: 15px !important; }
  ._pb-md-15 {
    padding-bottom: 15px !important; }
  ._pl-md-15 {
    padding-left: 15px !important; }
  ._pr-md-15 {
    padding-right: 15px !important; } }

._mt-20 {
  margin-top: 20px !important; }

._mb-20 {
  margin-bottom: 20px !important; }

._ml-20 {
  margin-left: 20px !important; }

._mr-20 {
  margin-right: 20px !important; }

._pt-20 {
  padding-top: 20px !important; }

._pb-20 {
  padding-bottom: 20px !important; }

._pl-20 {
  padding-left: 20px !important; }

._pr-20 {
  padding-right: 20px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-20 {
    margin-top: 20px !important; }
  ._mb-sm-20 {
    margin-bottom: 20px !important; }
  ._ml-sm-20 {
    margin-left: 20px !important; }
  ._mr-sm-20 {
    margin-right: 20px !important; }
  ._pt-sm-20 {
    padding-top: 20px !important; }
  ._pb-sm-20 {
    padding-bottom: 20px !important; }
  ._pl-sm-20 {
    padding-left: 20px !important; }
  ._pr-sm-20 {
    padding-right: 20px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-20 {
    margin-top: 20px !important; }
  ._mb-md-20 {
    margin-bottom: 20px !important; }
  ._ml-md-20 {
    margin-left: 20px !important; }
  ._mr-md-20 {
    margin-right: 20px !important; }
  ._pt-md-20 {
    padding-top: 20px !important; }
  ._pb-md-20 {
    padding-bottom: 20px !important; }
  ._pl-md-20 {
    padding-left: 20px !important; }
  ._pr-md-20 {
    padding-right: 20px !important; } }

._mt-25 {
  margin-top: 25px !important; }

._mb-25 {
  margin-bottom: 25px !important; }

._ml-25 {
  margin-left: 25px !important; }

._mr-25 {
  margin-right: 25px !important; }

._pt-25 {
  padding-top: 25px !important; }

._pb-25 {
  padding-bottom: 25px !important; }

._pl-25 {
  padding-left: 25px !important; }

._pr-25 {
  padding-right: 25px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-25 {
    margin-top: 25px !important; }
  ._mb-sm-25 {
    margin-bottom: 25px !important; }
  ._ml-sm-25 {
    margin-left: 25px !important; }
  ._mr-sm-25 {
    margin-right: 25px !important; }
  ._pt-sm-25 {
    padding-top: 25px !important; }
  ._pb-sm-25 {
    padding-bottom: 25px !important; }
  ._pl-sm-25 {
    padding-left: 25px !important; }
  ._pr-sm-25 {
    padding-right: 25px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-25 {
    margin-top: 25px !important; }
  ._mb-md-25 {
    margin-bottom: 25px !important; }
  ._ml-md-25 {
    margin-left: 25px !important; }
  ._mr-md-25 {
    margin-right: 25px !important; }
  ._pt-md-25 {
    padding-top: 25px !important; }
  ._pb-md-25 {
    padding-bottom: 25px !important; }
  ._pl-md-25 {
    padding-left: 25px !important; }
  ._pr-md-25 {
    padding-right: 25px !important; } }

._mt-30 {
  margin-top: 30px !important; }

._mb-30 {
  margin-bottom: 30px !important; }

._ml-30 {
  margin-left: 30px !important; }

._mr-30 {
  margin-right: 30px !important; }

._pt-30 {
  padding-top: 30px !important; }

._pb-30 {
  padding-bottom: 30px !important; }

._pl-30 {
  padding-left: 30px !important; }

._pr-30 {
  padding-right: 30px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-30 {
    margin-top: 30px !important; }
  ._mb-sm-30 {
    margin-bottom: 30px !important; }
  ._ml-sm-30 {
    margin-left: 30px !important; }
  ._mr-sm-30 {
    margin-right: 30px !important; }
  ._pt-sm-30 {
    padding-top: 30px !important; }
  ._pb-sm-30 {
    padding-bottom: 30px !important; }
  ._pl-sm-30 {
    padding-left: 30px !important; }
  ._pr-sm-30 {
    padding-right: 30px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-30 {
    margin-top: 30px !important; }
  ._mb-md-30 {
    margin-bottom: 30px !important; }
  ._ml-md-30 {
    margin-left: 30px !important; }
  ._mr-md-30 {
    margin-right: 30px !important; }
  ._pt-md-30 {
    padding-top: 30px !important; }
  ._pb-md-30 {
    padding-bottom: 30px !important; }
  ._pl-md-30 {
    padding-left: 30px !important; }
  ._pr-md-30 {
    padding-right: 30px !important; } }

._mt-35 {
  margin-top: 35px !important; }

._mb-35 {
  margin-bottom: 35px !important; }

._ml-35 {
  margin-left: 35px !important; }

._mr-35 {
  margin-right: 35px !important; }

._pt-35 {
  padding-top: 35px !important; }

._pb-35 {
  padding-bottom: 35px !important; }

._pl-35 {
  padding-left: 35px !important; }

._pr-35 {
  padding-right: 35px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-35 {
    margin-top: 35px !important; }
  ._mb-sm-35 {
    margin-bottom: 35px !important; }
  ._ml-sm-35 {
    margin-left: 35px !important; }
  ._mr-sm-35 {
    margin-right: 35px !important; }
  ._pt-sm-35 {
    padding-top: 35px !important; }
  ._pb-sm-35 {
    padding-bottom: 35px !important; }
  ._pl-sm-35 {
    padding-left: 35px !important; }
  ._pr-sm-35 {
    padding-right: 35px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-35 {
    margin-top: 35px !important; }
  ._mb-md-35 {
    margin-bottom: 35px !important; }
  ._ml-md-35 {
    margin-left: 35px !important; }
  ._mr-md-35 {
    margin-right: 35px !important; }
  ._pt-md-35 {
    padding-top: 35px !important; }
  ._pb-md-35 {
    padding-bottom: 35px !important; }
  ._pl-md-35 {
    padding-left: 35px !important; }
  ._pr-md-35 {
    padding-right: 35px !important; } }

._mt-40 {
  margin-top: 40px !important; }

._mb-40 {
  margin-bottom: 40px !important; }

._ml-40 {
  margin-left: 40px !important; }

._mr-40 {
  margin-right: 40px !important; }

._pt-40 {
  padding-top: 40px !important; }

._pb-40 {
  padding-bottom: 40px !important; }

._pl-40 {
  padding-left: 40px !important; }

._pr-40 {
  padding-right: 40px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-40 {
    margin-top: 40px !important; }
  ._mb-sm-40 {
    margin-bottom: 40px !important; }
  ._ml-sm-40 {
    margin-left: 40px !important; }
  ._mr-sm-40 {
    margin-right: 40px !important; }
  ._pt-sm-40 {
    padding-top: 40px !important; }
  ._pb-sm-40 {
    padding-bottom: 40px !important; }
  ._pl-sm-40 {
    padding-left: 40px !important; }
  ._pr-sm-40 {
    padding-right: 40px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-40 {
    margin-top: 40px !important; }
  ._mb-md-40 {
    margin-bottom: 40px !important; }
  ._ml-md-40 {
    margin-left: 40px !important; }
  ._mr-md-40 {
    margin-right: 40px !important; }
  ._pt-md-40 {
    padding-top: 40px !important; }
  ._pb-md-40 {
    padding-bottom: 40px !important; }
  ._pl-md-40 {
    padding-left: 40px !important; }
  ._pr-md-40 {
    padding-right: 40px !important; } }

._mt-45 {
  margin-top: 45px !important; }

._mb-45 {
  margin-bottom: 45px !important; }

._ml-45 {
  margin-left: 45px !important; }

._mr-45 {
  margin-right: 45px !important; }

._pt-45 {
  padding-top: 45px !important; }

._pb-45 {
  padding-bottom: 45px !important; }

._pl-45 {
  padding-left: 45px !important; }

._pr-45 {
  padding-right: 45px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-45 {
    margin-top: 45px !important; }
  ._mb-sm-45 {
    margin-bottom: 45px !important; }
  ._ml-sm-45 {
    margin-left: 45px !important; }
  ._mr-sm-45 {
    margin-right: 45px !important; }
  ._pt-sm-45 {
    padding-top: 45px !important; }
  ._pb-sm-45 {
    padding-bottom: 45px !important; }
  ._pl-sm-45 {
    padding-left: 45px !important; }
  ._pr-sm-45 {
    padding-right: 45px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-45 {
    margin-top: 45px !important; }
  ._mb-md-45 {
    margin-bottom: 45px !important; }
  ._ml-md-45 {
    margin-left: 45px !important; }
  ._mr-md-45 {
    margin-right: 45px !important; }
  ._pt-md-45 {
    padding-top: 45px !important; }
  ._pb-md-45 {
    padding-bottom: 45px !important; }
  ._pl-md-45 {
    padding-left: 45px !important; }
  ._pr-md-45 {
    padding-right: 45px !important; } }

._mt-50 {
  margin-top: 50px !important; }

._mb-50 {
  margin-bottom: 50px !important; }

._ml-50 {
  margin-left: 50px !important; }

._mr-50 {
  margin-right: 50px !important; }

._pt-50 {
  padding-top: 50px !important; }

._pb-50 {
  padding-bottom: 50px !important; }

._pl-50 {
  padding-left: 50px !important; }

._pr-50 {
  padding-right: 50px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-50 {
    margin-top: 50px !important; }
  ._mb-sm-50 {
    margin-bottom: 50px !important; }
  ._ml-sm-50 {
    margin-left: 50px !important; }
  ._mr-sm-50 {
    margin-right: 50px !important; }
  ._pt-sm-50 {
    padding-top: 50px !important; }
  ._pb-sm-50 {
    padding-bottom: 50px !important; }
  ._pl-sm-50 {
    padding-left: 50px !important; }
  ._pr-sm-50 {
    padding-right: 50px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-50 {
    margin-top: 50px !important; }
  ._mb-md-50 {
    margin-bottom: 50px !important; }
  ._ml-md-50 {
    margin-left: 50px !important; }
  ._mr-md-50 {
    margin-right: 50px !important; }
  ._pt-md-50 {
    padding-top: 50px !important; }
  ._pb-md-50 {
    padding-bottom: 50px !important; }
  ._pl-md-50 {
    padding-left: 50px !important; }
  ._pr-md-50 {
    padding-right: 50px !important; } }

._mt-55 {
  margin-top: 55px !important; }

._mb-55 {
  margin-bottom: 55px !important; }

._ml-55 {
  margin-left: 55px !important; }

._mr-55 {
  margin-right: 55px !important; }

._pt-55 {
  padding-top: 55px !important; }

._pb-55 {
  padding-bottom: 55px !important; }

._pl-55 {
  padding-left: 55px !important; }

._pr-55 {
  padding-right: 55px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-55 {
    margin-top: 55px !important; }
  ._mb-sm-55 {
    margin-bottom: 55px !important; }
  ._ml-sm-55 {
    margin-left: 55px !important; }
  ._mr-sm-55 {
    margin-right: 55px !important; }
  ._pt-sm-55 {
    padding-top: 55px !important; }
  ._pb-sm-55 {
    padding-bottom: 55px !important; }
  ._pl-sm-55 {
    padding-left: 55px !important; }
  ._pr-sm-55 {
    padding-right: 55px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-55 {
    margin-top: 55px !important; }
  ._mb-md-55 {
    margin-bottom: 55px !important; }
  ._ml-md-55 {
    margin-left: 55px !important; }
  ._mr-md-55 {
    margin-right: 55px !important; }
  ._pt-md-55 {
    padding-top: 55px !important; }
  ._pb-md-55 {
    padding-bottom: 55px !important; }
  ._pl-md-55 {
    padding-left: 55px !important; }
  ._pr-md-55 {
    padding-right: 55px !important; } }

._mt-60 {
  margin-top: 60px !important; }

._mb-60 {
  margin-bottom: 60px !important; }

._ml-60 {
  margin-left: 60px !important; }

._mr-60 {
  margin-right: 60px !important; }

._pt-60 {
  padding-top: 60px !important; }

._pb-60 {
  padding-bottom: 60px !important; }

._pl-60 {
  padding-left: 60px !important; }

._pr-60 {
  padding-right: 60px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-60 {
    margin-top: 60px !important; }
  ._mb-sm-60 {
    margin-bottom: 60px !important; }
  ._ml-sm-60 {
    margin-left: 60px !important; }
  ._mr-sm-60 {
    margin-right: 60px !important; }
  ._pt-sm-60 {
    padding-top: 60px !important; }
  ._pb-sm-60 {
    padding-bottom: 60px !important; }
  ._pl-sm-60 {
    padding-left: 60px !important; }
  ._pr-sm-60 {
    padding-right: 60px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-60 {
    margin-top: 60px !important; }
  ._mb-md-60 {
    margin-bottom: 60px !important; }
  ._ml-md-60 {
    margin-left: 60px !important; }
  ._mr-md-60 {
    margin-right: 60px !important; }
  ._pt-md-60 {
    padding-top: 60px !important; }
  ._pb-md-60 {
    padding-bottom: 60px !important; }
  ._pl-md-60 {
    padding-left: 60px !important; }
  ._pr-md-60 {
    padding-right: 60px !important; } }

._mt-65 {
  margin-top: 65px !important; }

._mb-65 {
  margin-bottom: 65px !important; }

._ml-65 {
  margin-left: 65px !important; }

._mr-65 {
  margin-right: 65px !important; }

._pt-65 {
  padding-top: 65px !important; }

._pb-65 {
  padding-bottom: 65px !important; }

._pl-65 {
  padding-left: 65px !important; }

._pr-65 {
  padding-right: 65px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-65 {
    margin-top: 65px !important; }
  ._mb-sm-65 {
    margin-bottom: 65px !important; }
  ._ml-sm-65 {
    margin-left: 65px !important; }
  ._mr-sm-65 {
    margin-right: 65px !important; }
  ._pt-sm-65 {
    padding-top: 65px !important; }
  ._pb-sm-65 {
    padding-bottom: 65px !important; }
  ._pl-sm-65 {
    padding-left: 65px !important; }
  ._pr-sm-65 {
    padding-right: 65px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-65 {
    margin-top: 65px !important; }
  ._mb-md-65 {
    margin-bottom: 65px !important; }
  ._ml-md-65 {
    margin-left: 65px !important; }
  ._mr-md-65 {
    margin-right: 65px !important; }
  ._pt-md-65 {
    padding-top: 65px !important; }
  ._pb-md-65 {
    padding-bottom: 65px !important; }
  ._pl-md-65 {
    padding-left: 65px !important; }
  ._pr-md-65 {
    padding-right: 65px !important; } }

._mt-70 {
  margin-top: 70px !important; }

._mb-70 {
  margin-bottom: 70px !important; }

._ml-70 {
  margin-left: 70px !important; }

._mr-70 {
  margin-right: 70px !important; }

._pt-70 {
  padding-top: 70px !important; }

._pb-70 {
  padding-bottom: 70px !important; }

._pl-70 {
  padding-left: 70px !important; }

._pr-70 {
  padding-right: 70px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-70 {
    margin-top: 70px !important; }
  ._mb-sm-70 {
    margin-bottom: 70px !important; }
  ._ml-sm-70 {
    margin-left: 70px !important; }
  ._mr-sm-70 {
    margin-right: 70px !important; }
  ._pt-sm-70 {
    padding-top: 70px !important; }
  ._pb-sm-70 {
    padding-bottom: 70px !important; }
  ._pl-sm-70 {
    padding-left: 70px !important; }
  ._pr-sm-70 {
    padding-right: 70px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-70 {
    margin-top: 70px !important; }
  ._mb-md-70 {
    margin-bottom: 70px !important; }
  ._ml-md-70 {
    margin-left: 70px !important; }
  ._mr-md-70 {
    margin-right: 70px !important; }
  ._pt-md-70 {
    padding-top: 70px !important; }
  ._pb-md-70 {
    padding-bottom: 70px !important; }
  ._pl-md-70 {
    padding-left: 70px !important; }
  ._pr-md-70 {
    padding-right: 70px !important; } }

._mt-75 {
  margin-top: 75px !important; }

._mb-75 {
  margin-bottom: 75px !important; }

._ml-75 {
  margin-left: 75px !important; }

._mr-75 {
  margin-right: 75px !important; }

._pt-75 {
  padding-top: 75px !important; }

._pb-75 {
  padding-bottom: 75px !important; }

._pl-75 {
  padding-left: 75px !important; }

._pr-75 {
  padding-right: 75px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-75 {
    margin-top: 75px !important; }
  ._mb-sm-75 {
    margin-bottom: 75px !important; }
  ._ml-sm-75 {
    margin-left: 75px !important; }
  ._mr-sm-75 {
    margin-right: 75px !important; }
  ._pt-sm-75 {
    padding-top: 75px !important; }
  ._pb-sm-75 {
    padding-bottom: 75px !important; }
  ._pl-sm-75 {
    padding-left: 75px !important; }
  ._pr-sm-75 {
    padding-right: 75px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-75 {
    margin-top: 75px !important; }
  ._mb-md-75 {
    margin-bottom: 75px !important; }
  ._ml-md-75 {
    margin-left: 75px !important; }
  ._mr-md-75 {
    margin-right: 75px !important; }
  ._pt-md-75 {
    padding-top: 75px !important; }
  ._pb-md-75 {
    padding-bottom: 75px !important; }
  ._pl-md-75 {
    padding-left: 75px !important; }
  ._pr-md-75 {
    padding-right: 75px !important; } }

._mt-80 {
  margin-top: 80px !important; }

._mb-80 {
  margin-bottom: 80px !important; }

._ml-80 {
  margin-left: 80px !important; }

._mr-80 {
  margin-right: 80px !important; }

._pt-80 {
  padding-top: 80px !important; }

._pb-80 {
  padding-bottom: 80px !important; }

._pl-80 {
  padding-left: 80px !important; }

._pr-80 {
  padding-right: 80px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-80 {
    margin-top: 80px !important; }
  ._mb-sm-80 {
    margin-bottom: 80px !important; }
  ._ml-sm-80 {
    margin-left: 80px !important; }
  ._mr-sm-80 {
    margin-right: 80px !important; }
  ._pt-sm-80 {
    padding-top: 80px !important; }
  ._pb-sm-80 {
    padding-bottom: 80px !important; }
  ._pl-sm-80 {
    padding-left: 80px !important; }
  ._pr-sm-80 {
    padding-right: 80px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-80 {
    margin-top: 80px !important; }
  ._mb-md-80 {
    margin-bottom: 80px !important; }
  ._ml-md-80 {
    margin-left: 80px !important; }
  ._mr-md-80 {
    margin-right: 80px !important; }
  ._pt-md-80 {
    padding-top: 80px !important; }
  ._pb-md-80 {
    padding-bottom: 80px !important; }
  ._pl-md-80 {
    padding-left: 80px !important; }
  ._pr-md-80 {
    padding-right: 80px !important; } }

._mt-120 {
  margin-top: 120px !important; }

._mb-120 {
  margin-bottom: 120px !important; }

._ml-120 {
  margin-left: 120px !important; }

._mr-120 {
  margin-right: 120px !important; }

._pt-120 {
  padding-top: 120px !important; }

._pb-120 {
  padding-bottom: 120px !important; }

._pl-120 {
  padding-left: 120px !important; }

._pr-120 {
  padding-right: 120px !important; }

@media all and (max-width: 896px) {
  ._mt-sm-120 {
    margin-top: 120px !important; }
  ._mb-sm-120 {
    margin-bottom: 120px !important; }
  ._ml-sm-120 {
    margin-left: 120px !important; }
  ._mr-sm-120 {
    margin-right: 120px !important; }
  ._pt-sm-120 {
    padding-top: 120px !important; }
  ._pb-sm-120 {
    padding-bottom: 120px !important; }
  ._pl-sm-120 {
    padding-left: 120px !important; }
  ._pr-sm-120 {
    padding-right: 120px !important; } }

@media all and (min-width: 897px) {
  ._mt-md-120 {
    margin-top: 120px !important; }
  ._mb-md-120 {
    margin-bottom: 120px !important; }
  ._ml-md-120 {
    margin-left: 120px !important; }
  ._mr-md-120 {
    margin-right: 120px !important; }
  ._pt-md-120 {
    padding-top: 120px !important; }
  ._pb-md-120 {
    padding-bottom: 120px !important; }
  ._pl-md-120 {
    padding-left: 120px !important; }
  ._pr-md-120 {
    padding-right: 120px !important; } }

/* fadeIn
---------------------------------------------------------- */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }