@charset "UTF-8";
/*
 libraries
-------------------------------------------------- */
/* Slider */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
.slick-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none; }

.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto; }
  .slick-track:before, .slick-track:after {
    display: table;
    content: ""; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  display: none;
  height: 100%;
  min-height: 1px;
  float: left; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff "/files/user/assets/fonts/slickslider/loader.gif" center center no-repeat; }

/* Icons */
@font-face {
  src: url("/files/user/assets/fonts/slickslider/slick.eot");
  src: url("/files/user/assets/fonts/slickslider/slick.eot?#iefix") format("embedded-opentype"), url("/files/user/assets/fonts/slickslider/slick.woff") format("woff"), url("/files/user/assets/fonts/slickslider/slick.ttf") format("truetype"), url("/files/user/assets/fonts/slickslider/slick.svg#slick") format("svg");
  font-family: "slick";
  font-style: normal;
  font-weight: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  display: block;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    right: -25px;
    left: auto; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    right: auto;
    left: -25px; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  display: block;
  position: absolute;
  bottom: -25px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      border: 0;
      outline: none;
      background: transparent;
      color: transparent;
      font-size: 0px;
      line-height: 0px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        color: black;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        content: "•";
        opacity: 0.25; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*
 foundation
-------------------------------------------------- */
.c-button, .c-button--ghost, .c-button--white, .c-button--secondary-ghost, .c-button--gradation, .c-button--block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 50px;
  padding-right: 20px;
  padding-left: 20px;
  border: 1px solid transparent;
  border-radius: 30px;
  -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
  transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
  .c-button span, .c-button--ghost span, .c-button--white span, .c-button--secondary-ghost span, .c-button--gradation span, .c-button--block span {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-weight: 500;
    text-align: center;
    -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
    transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }

.c-button--icon-arrow::after, .c-button--icon-arrow-prev::after, .c-button--icon-arrow-bottom::after, .c-pager__control::after, .c-topics__title__icon-link::after {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: ""; }

.c-button--icon-arrow:hover::after, .c-button--icon-arrow-prev:hover::after, .c-button--icon-arrow-bottom:hover::after, .c-pager__control:hover::after, .c-topics__title__icon-link:hover::after,
a:hover .c-button--icon-arrow::after,
a:hover .c-button--icon-arrow-prev::after,
a:hover .c-button--icon-arrow-bottom::after,
a:hover .c-pager__control::after,
a:hover .c-topics__title__icon-link::after {
  -webkit-animation: icon-arrow .4s;
  animation: icon-arrow .4s; }

button:disabled, .c-pager__control--disabled {
  background-color: #ccc !important;
  background-image: none;
  color: #999 !important;
  pointer-events: none; }
  button:disabled::before, .c-pager__control--disabled::before, button:disabled::after, .c-pager__control--disabled::after {
    border-color: #999 !important; }

/*
 * mixin用SCSS
 *
 */
@-webkit-keyframes icon-arrow {
  0% {
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); }
  50% {
    -webkit-transform: scale(0.8) rotate(45deg);
    transform: scale(0.8) rotate(45deg); }
  100% {
    -webkit-transform: scale(1.2) rotate(45deg);
    transform: scale(1.2) rotate(45deg); } }
@keyframes icon-arrow {
  0% {
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); }
  50% {
    -webkit-transform: scale(0.8) rotate(45deg);
    transform: scale(0.8) rotate(45deg); }
  100% {
    -webkit-transform: scale(1.2) rotate(45deg);
    transform: scale(1.2) rotate(45deg); } }

@-webkit-keyframes icon-arrow-prev {
  0% {
    -webkit-transform: scale(1) rotate(225deg);
    transform: scale(1) rotate(225deg); }
  50% {
    -webkit-transform: scale(0.8) rotate(225deg);
    transform: scale(0.8) rotate(225deg); }
  100% {
    -webkit-transform: scale(1.2) rotate(225deg);
    transform: scale(1.2) rotate(225deg); } }

@keyframes icon-arrow-prev {
  0% {
    -webkit-transform: scale(1) rotate(225deg);
    transform: scale(1) rotate(225deg); }
  50% {
    -webkit-transform: scale(0.8) rotate(225deg);
    transform: scale(0.8) rotate(225deg); }
  100% {
    -webkit-transform: scale(1.2) rotate(225deg);
    transform: scale(1.2) rotate(225deg); } }

@-webkit-keyframes icon-arrow-bottom {
  0% {
    -webkit-transform: scale(1) rotate(135deg);
    transform: scale(1) rotate(135deg); }
  50% {
    -webkit-transform: scale(0.8) rotate(135deg);
    transform: scale(0.8) rotate(135deg); }
  100% {
    -webkit-transform: scale(1.2) rotate(135deg);
    transform: scale(1.2) rotate(135deg); } }

@keyframes icon-arrow-bottom {
  0% {
    -webkit-transform: scale(1) rotate(135deg);
    transform: scale(1) rotate(135deg); }
  50% {
    -webkit-transform: scale(0.8) rotate(135deg);
    transform: scale(0.8) rotate(135deg); }
  100% {
    -webkit-transform: scale(1.2) rotate(135deg);
    transform: scale(1.2) rotate(135deg); } }

@-webkit-keyframes icon {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes icon {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@-webkit-keyframes card {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); } }

@keyframes card {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); } }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  /* 2 */ }

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

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

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  /* 1 */
  -webkit-text-decoration-skip: objects;
  background-color: transparent;
  /* 2 */ }

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

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

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

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

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

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

/********************************************
		Common
********************************************/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.3; }

dd,
dl,
dt,
label,
ul,
ol {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    cursor: pointer; }

img {
  vertical-align: top; }

html {
  font-size: 62.5%; }

body,
html {
  width: 100%;
  height: 100%; }

body {
  color: #333;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', 'Yu Gothic Medium', '游ゴシック Medium', Meiryo, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem; }

button {
  cursor: pointer; }

button,
input,
optgroup,
select,
textarea {
  color: #333;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem; }

button,
input[type="button"],
input[type="submit"] {
  border: none; }

iframe {
  vertical-align: top; }

/*
 layout
-------------------------------------------------- */
.l-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .l-breadcrumb__outer {
    padding: 20px 0; }
  .l-breadcrumb li {
    font-size: 14px;
    font-size: 1.4rem; }
    .l-breadcrumb li:not(:last-child)::after {
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 0 10px 2px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-top: 1px solid;
      border-right: 1px solid;
      content: ""; }
    .l-breadcrumb li a {
      text-decoration: underline; }
    .l-breadcrumb li span {
      display: inline-block; }

.l-bodyInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%; }

.l-container {
  position: relative; }
  .l-container--huge {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
  .l-container--large {
    position: relative;
    padding-right: 20px;
    padding-left: 20px; }
  .l-container--middle {
    position: relative; }
  .l-container--single {
    position: relative; }

.l-footer {
  padding: 40px 0;
  background-color: #6E848A;
  color: #fff; }
  .l-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .l-footer__logo__image {
    display: block;
    padding: 8px 0;
    border-radius: 10px;
    background-color: #fff;
    text-align: center; }
  .l-footer__logo__copyright {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    font-size: 1rem; }
  .l-footer__nav__link a:hover {
    text-decoration: underline; }

.l-header {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  z-index: 100; }
  .l-header.is-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0; }
  .l-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .l-header__logo {
    width: 210px; }
    .l-header__logo img {
      width: 100%; }
  .l-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.l-nav {
  position: fixed;
  top: 0;
  right: -150vw;
  height: 100vh;
  background-color: #fff;
  z-index: 100; }
  .l-nav__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
    padding: 10px 30px; }
  .l-nav__inner {
    width: 300px;
    margin: auto; }
  .l-nav__heading {
    color: #00BED4;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 900; }
  .l-nav__search {
    width: 100%;
    height: 50px; }
    .l-nav__search__outer {
      background-color: #00BED4; }
  .l-nav__toggle, .c-modal__close {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 40px;
    background-color: #00BED4;
    text-align: center;
    -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
    transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
    .l-nav__toggle span::before, .c-modal__close span::before, .l-nav__toggle span::after, .c-modal__close span::after {
      display: block;
      width: 20px;
      height: 2px;
      margin: 4px auto;
      border-radius: 1px;
      background-color: #fff;
      content: ""; }
    .l-nav__toggle:hover, .c-modal__close:hover {
      border-color: #00BED4;
      background-color: transparent; }
      .l-nav__toggle:hover span::before, .c-modal__close:hover span::before, .l-nav__toggle:hover span::after, .c-modal__close:hover span::after {
        background-color: #00BED4; }
    .l-nav__toggle--close span::before, .c-modal__close span::before, .l-nav__toggle--close span::after, .c-modal__close span::after {
      position: absolute;
      top: 50%;
      right: 25%;
      margin: 0 !important; }
    .l-nav__toggle--close span::before, .c-modal__close span::before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .l-nav__toggle--close span::after, .c-modal__close span::after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.is-overflow-hidden {
  overflow: hidden; }

.l-bg {
  display: none; }
  .l-bg.is-show {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100; }

/*
 object
-------------------------------------------------- */
/* component --------------------------- */
/*
---
name: Accordion
category:
 - component/js/accordion
---
```html
<div class="c-accordion__outer">
    <div data-js="accordion-box">
        content
    </div>
    <button
        type="button"
        data-js="accordion-toggle"
        class="c-accordion__toggle c-button c-button--lg c-button--icon-plus"
        >
        <span>open</span>
        <span>close</span>
    </button>
</div>
```
*/
.c-accordion__outer {
  margin-top: 50px; }

.c-accordion__toggle {
  margin-top: 20px; }
  .c-accordion__toggle span:last-child {
    display: none; }
  .c-accordion__toggle.is-close {
    margin-top: 50px; }
    .c-accordion__toggle.is-close span:first-child {
      display: none; }
    .c-accordion__toggle.is-close span:last-child {
      display: block; }

.c-accordion__content {
  display: none; }

/*
---
name: Article
category:
 - component/js/article
---
```html

```
*/
.c-article [class^='c-list'] {
  margin: 1em 0; }

.c-article__summary {
  margin: 0 0 2.8em; }
  .c-article__summary__kv img {
    width: 100%; }

.c-article__heading__lv1 {
  margin: 1em 0;
  padding: 24px 0;
  border-top: 4px solid #0072BA;
  border-bottom: 4px solid #0072BA;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: .03em;
  line-height: 1.5em; }

.c-article__heading__lv2 {
  margin: 60px 0 30px;
  padding: 15px;
  border-bottom: 2px solid #0072BA;
  background-color: #EBF4FA;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold; }

.c-article__heading__lv3 {
  margin: 44px 0 30px;
  padding: 15px 15px 15px 20px;
  border-left: 4px solid #0072BA;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold; }

.c-article__agenda {
  padding: 24px 40px;
  border-radius: 10px;
  background-color: #F2F4F5; }
  .c-article__agenda__title {
    font-weight: bold; }
  .c-article__agenda__list {
    padding-left: 0;
    font-size: 14px;
    font-size: 1.4rem;
    list-style-type: none;
    counter-reset: item; }
    .c-article__agenda__list__child {
      margin-top: 5px; }
      .c-article__agenda__list__child__item {
        padding: 5px 0 5px 0;
        text-indent: 0; }
        .c-article__agenda__list__child__item a {
          position: relative;
          -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
          transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
          .c-article__agenda__list__child__item a:before {
            position: absolute;
            top: 12px;
            left: -16px;
            width: 6px;
            height: 6px;
            margin-top: -6px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border: 0;
            border-right: solid 2px #6E848A;
            border-bottom: solid 2px #6E848A;
            content: '';
            -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
            transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
          .c-article__agenda__list__child__item a:hover {
            color: #00BED4; }
  .c-article__agenda__item {
    position: relative;
    padding: 10px 0 11px 30px;
    border-bottom: 1px solid #CCCCCC;
    counter-increment: cnt; }
    .c-article__agenda__item::before {
      position: absolute;
      left: 0;
      font-weight: bold;
      content: "・";
      content: counter(cnt) "."; }
    .c-article__agenda__item:first-child {
      border-top: 1px solid #CCCCCC; }
    .c-article__agenda__item a:hover {
      color: #00BED4; }

/*
---
name: Badge
category:
 - component/badge
---
```html
<div class="c-badge__list">
    <span class="c-badge c-badge--secondary">label</span
    ><span class="c-badge c-badge--outline-secondary">label</span
    ><span class="c-badge c-badge--outline-accent">label</span>
    <span class="c-badge c-badge--outline">label</span>
    </div>
```
*/
.c-badge, .c-card__body__summary__heading {
  display: inline-block;
  min-width: 80px;
  margin-top: 8px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center; }
  .c-badge + .c-badge, .c-card__body__summary__heading + .c-badge, .c-badge + .c-card__body__summary__heading, .c-card__body__summary__heading + .c-card__body__summary__heading {
    margin-left: 8px; }
  .c-badge__list .c-badge:not(:last-of-type), .c-badge__list .c-card__body__summary__heading:not(:last-of-type) {
    margin-right: 8px; }
  .c-badge__list {
    margin-top: -8px; }
  .c-topics__item .c-badge, .c-topics__item .c-card__body__summary__heading {
    margin-top: 0; }

.c-badge--secondary, .c-card__body__summary__heading {
  background-color: #0C9AEB;
  color: #fff; }

.c-badge--accent {
  background-color: #D4BC15;
  color: #fff; }

.c-badge--facility {
  background-color: #EB6D0C;
  color: #fff; }

.c-badge--outline-secondary {
  border-color: #0C9AEB;
  color: #0C9AEB; }

.c-badge--outline-accent {
  border-color: #D4BC15;
  color: #D4BC15; }

.c-badge--outline {
  border-color: #00BED4;
  color: #00BED4; }

/*
---
name: Background-color
category:
 - component/bg
---
```html
<section class="c-bg">
    light-gray
</section>
<section class="c-bg--dark">
    dark-gray
</section>
```
*/
.c-bg, .c-card__body__summary {
  background-color: #EBF3F6; }

.c-bg--dark {
  background-color: #D8E8ED; }

/*
---
name: 角丸背景
category:
 - component/bg
---
```html
<section class="c-bg--round c-bg--round--border">
    border-radius: 10px;
</section>
<section class="c-bg--round--lg">
    border-radius: 30px;
</section>
```
*/
.c-bg--round {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff; }

.c-bg--round--lg, .c-form-error, .p-shinkin-detail__shop__main, .p-shinkin-detail__shop__branch {
  padding: 30px 40px;
  border-radius: 30px;
  background-color: #fff; }

.c-bg--round--border {
  border: 1px solid #ccc; }

/*
---
name: 付箋背景
category:
 - component/bg
---
```html
<section class="c-bg--sticky-note c-bg--sticky-note--right">
    <div class="c-bg--sticky-note__inner">
        text
    </div>
</section>
<section class="c-bg--sticky-note c-bg--sticky-note--left">
    <div class="c-bg--sticky-note__inner">
        text
    </div>
</section>
```
*/
.c-bg--sticky-note {
  width: 95vw;
  color: #fff; }
  .c-bg--sticky-note--flat {
    background-color: #D8E8ED;
    background-image: none !important;
    color: #333; }
  .c-bg--sticky-note--right {
    margin-left: auto;
    border-radius: 30px 0 0 30px; }
  .c-bg--sticky-note--left {
    margin-right: auto;
    border-radius: 0 30px 30px 0; }
  .c-bg--sticky-note--apply {
    padding: 40px 0; }
    .c-bg--sticky-note--apply__text {
      margin: 0;
      line-height: 2; }
  .c-bg--sticky-note--search {
    position: relative; }
    .c-bg--sticky-note--search__inner {
      padding: 60px 20px; }
    .c-bg--sticky-note--search__heading {
      margin-bottom: 2em; }
    .c-bg--sticky-note--search__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.c-bg--shape--right {
  background: url(/files/user/assets/images/common/shape-group.svg?v=1620875403) no-repeat right -20px top -20px; }

.c-bg--shape--left {
  background: url(/files/user/assets/images/common/shape-group-bottom.svg?v=1623031734) no-repeat left -20px bottom -20px; }

.c-bg--shape--left-top {
  background: url(/files/user/assets/images/common/shape-group-rotate.svg?v=1623031734) no-repeat left -20px top; }

.c-bg-step {
  margin-top: -40px; }
  .c-bg-step-under {
    padding-bottom: 40px; }

/*
---
name: button size
category:
 - component/button
---
```html
<a class="c-button" href="#"><span>inline-button</span></a>
<a class="c-button c-button--sm" href="#"><span>button medium</span></a>
<a class="c-button c-button--md" href="#"><span>button medium</span></a>
<a class="c-button c-button--lg" href="#"><span>button large</span></a>
<a class="c-button c-button--x-lg" href="#"><span>button x-large</span></a>
```
*/
/*
---
name: button color
category:
 - component/button
---
```html
<a class="c-button" href="#"><span>normal</span></a>
<a class="c-button--ghost" href="#"><span>ghost</span></a>
<a class="c-button--secondary-ghost" href="#"><span>secondary ghost</span></a>
<a class="c-button--white" href="#"><span>white</span></a>
<a class="c-button--gradation" href="#"><span>conversion color</span></a>

```
*/
/*
---
name: button icon
category:
 - component/button
---
```html
<a class="c-button c-button--md c-button--icon-arrow" href="#"><span>link button</span></a>
<a class="c-button--ghost c-button--md c-button--icon-link" href="#" target="_blank" rel="noopener noreferrer"><span>Webサイトを見る</span></a>
<a class="c-button c-button--md c-button--icon-pdf" href="#" target="_blank"><span>pdf file</span></a>
<a class="c-button--ghost c-button--md c-button--icon-arrow-bottom" href="#" target="_blank" rel="noopener noreferrer"><span>anchor lilnk</span></a>
```
*/
/*
---
name: block button
category:
 - component/button
---
```html
<a class="c-button--block c-button--ghost c-button--md c-button--icon-link" href="#" target="_blank" rel="noopener noreferrer">
    <span>Webサイトを見る</span>
    <p>テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。</p>
</a>
```
*/
.c-button {
  background-color: #00BED4;
  color: #fff; }
  .c-button:hover,
  a:hover .c-button {
    border-color: #00BED4;
    background-color: transparent;
    color: #00BED4; }
    .c-button:hover::after,
    a:hover .c-button::after {
      border-color: #00BED4; }

.c-button--ghost {
  border-color: #00BED4;
  background-color: transparent;
  color: #00BED4; }
  .c-button--ghost::after {
    border-color: #00BED4; }
  .c-button--ghost:hover,
  a:hover .c-button--ghost {
    border-color: transparent;
    background-color: #00BED4;
    color: #fff; }
    .c-button--ghost:hover::after,
    a:hover .c-button--ghost::after {
      border-color: #fff; }

.c-button--white {
  border-color: transparent;
  background-color: #fff;
  color: #0C9AEB; }
  .c-button--white::after {
    border-color: #0C9AEB; }
  .c-button--white:hover,
  a:hover .c-button--white {
    border-color: #fff;
    background-color: transparent;
    color: #fff; }
    .c-button--white:hover::after,
    a:hover .c-button--white::after {
      border-color: #fff; }

.c-button--secondary-ghost {
  border-color: #0C9AEB;
  background-color: #fff;
  color: #0C9AEB; }
  .c-button--secondary-ghost::after {
    border-color: #0C9AEB; }
  .c-button--secondary-ghost:hover,
  a:hover .c-button--secondary-ghost {
    border-color: transparent;
    background-color: #0C9AEB;
    color: #fff; }
    .c-button--secondary-ghost:hover::after,
    a:hover .c-button--secondary-ghost::after {
      border-color: #fff; }

.c-button--gradation {
  border-color: transparent;
  background-color: #0C9AEB;
  background-image: -webkit-gradient(linear, left top, right top, from(#0C9AEB), to(#0780C7));
  background-image: linear-gradient(to right, #0C9AEB, #0780C7);
  color: #fff; }
  .c-button--gradation::after {
    border-color: #fff; }
  .c-button--gradation:hover,
  a:hover .c-button--gradation {
    border-color: #0C9AEB;
    background-color: transparent;
    background-image: none;
    color: #0C9AEB; }
    .c-button--gradation:hover::after,
    a:hover .c-button--gradation::after {
      border-color: #0C9AEB; }

.c-button--block {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto !important;
  padding-top: 16px;
  padding-bottom: 16px; }
  .c-button--block::after {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .c-button--block span {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: left; }
  .c-button--block p {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-top: 10px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem; }

.c-button--sm {
  width: 210px; }

.c-button--md {
  width: 250px; }

.c-button--lg {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 350px;
  margin: auto; }
  .c-button--lg span {
    font-weight: bold; }

.c-button--x-lg {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 440px;
  margin: auto; }
  .c-button--x-lg span {
    font-weight: bold; }

.c-button--icon-arrow-prev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .c-button--icon-arrow-prev::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); }
  .c-button--icon-arrow-prev:hover::after,
  a:hover .c-button--icon-arrow-prev::after {
    -webkit-animation: icon-arrow-prev .4s;
    animation: icon-arrow-prev .4s; }

.c-button--icon-arrow-bottom::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.c-button--icon-arrow-bottom:hover::after,
a:hover .c-button--icon-arrow-bottom::after {
  -webkit-animation: icon-arrow-bottom .4s;
  animation: icon-arrow-bottom .4s; }

.c-button--icon-link::after {
  width: 17px;
  content: url(/files/user/assets/images/common/icon-external-link.svg?v=1620875403); }

.c-button--icon-link:hover::after {
  -webkit-animation: icon .4s;
  animation: icon .4s;
  content: url(/files/user/assets/images/common/icon-external-link-white.svg?v=1620875403); }

.c-button--icon-link.c-button::after {
  content: url(/files/user/assets/images/common/icon-external-link-white.svg?v=1620875403); }

.c-button--icon-link.c-button:hover::after {
  content: url(/files/user/assets/images/common/icon-external-link.svg?v=1620875403); }

.c-button--icon-pdf::after {
  width: 40px;
  margin-top: .4em;
  content: url(/files/user/assets/images/common/icon-pdf.svg?v=1620875403); }

.c-button--icon-pdf:hover::after {
  -webkit-animation: icon .4s;
  animation: icon .4s; }

.c-button--icon-plus::after {
  width: 14px;
  content: url(/files/user/assets/images/common/icon-plus-white.svg?v=1620875402); }

.c-button--icon-plus:hover::after {
  -webkit-animation: icon .4s;
  animation: icon .4s;
  content: url(/files/user/assets/images/common/icon-plus.svg?v=1620875403); }

.c-button--icon-minus::after, .c-accordion__toggle.is-close.c-button--icon-plus::after {
  width: 17px;
  margin-bottom: .7em;
  content: url(/files/user/assets/images/common/icon-minus-white.svg?v=1620875403); }

.c-button--icon-minus:hover::after, .c-accordion__toggle.is-close.c-button--icon-plus:hover::after {
  -webkit-animation: icon .4s;
  animation: icon .4s;
  content: url(/files/user/assets/images/common/icon-minus.svg?v=1620875403); }

/*
---
name: fixed button
category:
 - component/button
---
```html
<div class="c-fixed-button">
    <p class="c-fixed-button__text">
    <span>texttext</span>
    </p>
    <a
    class="c-button c-button--lg c-button--gradation c-button--icon-arrow"
    href="#"
    ><span>button</span></a
    >
</div>
```
*/
.c-fixed-button {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  margin-bottom: 80px;
  padding: 20px;
  background-color: rgba(20, 20, 20, 0.85);
  color: #fff;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 10; }
  .c-fixed-button__text {
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 1.4rem; }
    .c-fixed-button__text span::before, .c-fixed-button__text span::after {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-right: 1px solid #fff;
      content: ""; }
    .c-fixed-button__text span::before {
      margin: 0 0 0 10px;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    .c-fixed-button__text span::after {
      margin: 0 10px 0 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .c-fixed-button.is-relative {
    position: relative; }

.c-button-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/*
---
name: Card - Seminar & Event
category:
 - component/card
---

```html
<ul class="l-container--middle c-card-list c-card-list--col2">
    <li>
        <a class="c-card c-card--border" href="#">
            <div class="c-card__body">
                <div class="c-badge__list">
                <span class="c-badge c-badge--secondary">label-1</span
                ><span class="c-badge c-badge--outline-secondary">label-2</span
                ></div>
                <h3 class="c-heading u-mt-10">title</h3>
                <p class="c-card__body__lead">
                    lead text
                </p>
                summary text
            </div>
            <div class="c-card__foot">
                <div class="c-button c-button--sm c-button--icon-arrow">
                    <span>詳細を見る</span>
                </div>
            </div>
        </a>
    </li>
    <li>
        <a class="c-card c-card--border" href="#">
            <div class="c-card__body">
                <div class="c-badge__list">
                <span class="c-badge c-badge--secondary">label-1</span
                ><span class="c-badge c-badge--outline-secondary">label-2</span
                ></div>
                <h3 class="c-heading u-mt-10">title</h3>
                <p class="c-card__body__lead">
                    lead text
                </p>
                summary text
            </div>
            <div class="c-card__foot">
                <div class="c-button c-button--sm c-button--icon-arrow">
                    <span>詳細を見る</span>
                </div>
            </div>
        </a>
    </li>
</ul>
```
*/
/*
---
name: Card - Incubation facility & Case
category:
 - component/card
---

```html
<ul class="l-container--middle c-card-list c-card-list--col2">
    <li>
        <a class="c-card c-card--border" href="#">
            <div
                class="c-card__thumb"
                style="
                background-image: url(/files/user/assets/images/temp/detail-shinkin1.jpg?v=);
                "
            >
                <span class="c-badge c-badge--secondary">label-1</span>
            </div>
            <div class="c-card__body">
                <h3 class="c-heading">title</h3>
                summary text
            </div>
            <div class="c-card__foot">
                <div class="c-button c-button--sm c-button--icon-arrow">
                <span>詳細を見る</span>
                </div>
            </div>
        </a>
    </li>
    <li>
        <a class="c-card c-card--border" href="#">
            <div
                class="c-card__thumb"
                style="
                background-image: url(/files/user/assets/images/temp/detail-shinkin1.jpg?v=);
                "
            >
                <span class="c-badge c-badge--secondary">label-1</span>
            </div>
            <div class="c-card__body">
                <h3 class="c-heading">title</h3>
                summary text
            </div>
            <div class="c-card__foot">
                <div class="c-button c-button--sm c-button--icon-arrow">
                <span>詳細を見る</span>
                </div>
            </div>
        </a>
    </li>
</ul>
```
*/
/*
---
name: Card - Update news container
category:
 - component/card
---

```html
<div class="c-card">
    <h3 class="c-card__head c-text--center">heading</h3>
    <div class="c-card__body">
        summary text
    </div>
</div>
```
*/
.c-accordion__title {
  cursor: pointer;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity; }
  .c-accordion__title:hover {
    opacity: 0.7; }

.c-accordion__contents {
  display: none;
  -webkit-transition: 0.4s display;
  transition: 0.4s display; }

.c-accordion.is-active .c-accordion__contents {
  display: block; }

.c-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 30px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
  .c-card--border {
    border: 1px solid #ccc; }
  .c-card__thumb {
    width: 100%;
    border-radius: 30px 30px 0 0;
    background-position: center;
    background-size: cover; }
    .c-card__thumb .c-badge, .c-card__thumb .c-card__body__summary__heading {
      margin: 20px 0 0 20px; }
    .c-card__thumb--col2 {
      position: relative; }
      .c-card__thumb--col2::after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 30px 30px 0 0;
        background-color: rgba(0, 0, 0, 0.05);
        content: ""; }
  .c-card__video__inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 66%; }
    .c-card__video__inner iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .c-card__head {
    padding: 24px 30px;
    border-radius: 30px 30px 0 0;
    background-color: #0C9AEB;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold; }
  .c-card__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 15px;
    font-size: 1.5rem; }
    .c-card__video + .c-card__body {
      padding-top: 0 !important; }
    .c-card__body__head {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #00BED4; }
    .c-card__body__lead {
      margin: 10px 0 20px;
      font-size: 15px;
      font-size: 1.5rem; }
    .c-card__body__summary {
      padding: 20px 30px;
      border-radius: 10px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 2; }
      .c-card__body__summary__heading {
        margin: 0 0 0 -30px;
        padding: 2px 30px;
        border-radius: 0 4px 4px 0; }
      .c-card__body__summary__ellipsis {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        /* IE */
        max-width: 938px;
        max-height: 8em;
        overflow: hidden;
        line-height: 2; }
    .c-card__body__note {
      margin: 20px 0;
      color: #777;
      font-size: 15px;
      font-size: 1.5rem; }
    .c-card__body__text {
      padding: 10px 0;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
      .c-card__body__text + .c-table--dl--border-top {
        border-top: 0; }
    .c-card__body__text.-noborder {
      padding: 0;
      border-top: none;
      border-bottom: none; }
  .c-card__foot {
    padding: 0 30px 30px;
    text-align: center; }
    .c-card--lg .c-card__foot {
      padding: 0 40px 40px 40px; }

a.c-card:hover {
  -webkit-animation: card 0.4s ease-in-out;
  animation: card 0.4s ease-in-out; }

/*
---
name: Contact
category:
 - component/contact
---
```html
<div class="c-bg--round c-bg--round--border c-contact">
    <div class="c-contact__image" style="background-image: url(/files/user/assets/images/common/logo-scb.svg?v=1620875402);">
        <span>信用金庫名</span>
    </div>
    <a
    class="c-button c-button--md c-button--icon-arrow"
    href="/search_shinkin/list/detail/"
    ><span>信用金庫の情報を見る</span></a
    >
</div>
<div class="c-bg--round c-bg--round--border c-contact">
    <div class="c-heading">ロゴ画像がない場合</div>
    <a
    class="c-button--ghost c-button--md c-button--icon-link"
    href="#"
    target="_blank"
    rel="noopener noreferrer"
    ><span>Webサイトを見る</span></a
    >
    <p class="c-contact__description">テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。</p>
</div>
```
*/

.c-contact__image {
  overflow: hidden;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain; }
  .c-contact__image span {
    visibility: hidden; }

.c-contact__description {
  margin: 20px 0 0; }

/*
---
name: Error Message
category:
 - component/form/error
---

```html
<div class="c-form-error">
    <p class="c-form-error__heading">
        <img src="/files/user/assets/images/common/icon-caution.svg?v=1623231514">
        入力内容をご確認ください
    </p>
    <ul class="c-list">
        <li>２重送信の可能性があるので、更新をしませんでした。もう一度更新処理を行ってください。</li>
        <li>電話番号は必ず入力してください。</li>
        <li>お問い合わせ内容は必ず入力してください。</li>
    </ul>
</div>
```
*/
.c-form-error {
  margin: 0 auto 40px;
  border-radius: 30px;
  background-color: #F8E1E1;
  color: #D40000; }
  .c-form-error__heading {
    margin: 0 0 10px;
    font-weight: bold; }
    .c-form-error__heading img {
      display: inline-block;
      height: 20px;
      margin-right: 4px;
      vertical-align: middle; }

/*
---
name: Error item
category:
 - component/form/error
---

```html
<div class="c-form__item c-form__item--error">
    <div class="c-form__item__title">
        電話番号<span class="c-badge c-badge--secondary">必須</span>
    </div>
    <input type="text" class="c-form-text" placeholder="例）00-0000-0000">
    <p class="c-form__item--error__text">電話番号は必ず入力してください</p>
</div>
```
*/
.c-form__item--error__text {
  margin: 10px 0 0;
  padding-left: 4px;
  color: #D40000; }

.c-form__item--error input[type="text"],
.c-form__item--error textarea,
.c-form__item--error select {
  border-color: #D40000;
  background-color: #F8E1E1; }

.c-form__item--error .c-form-toggle__list {
  background-color: #F8E1E1; }

/*
---
name: form
category:
 - component/form
---
```html
<section class="c-bg c-form">
    <div class="l-container--single">
      <p class="c-form__note--head">
        下記フォームにお問い合わせ内容をご入力いただき、個人情報の取扱いについてご同意の上、「入力内容を確認する」ボタンをクリックしてください。
      </p>
      <div class="c-bg--round--lg">
        <form>
          <div class="c-form__item">
            <div class="c-form__item__title">
              メールアドレス<span class="c-badge c-badge--secondary">必須</span>
            </div>
            <input type="email" class="c-form-text" placeholder="例）xxx@xxx.xxx">
          </div>
        </form>
      </div>
      <div class="c-bg--round--lg c-form__note--foot">
        <p>
          お問い合わせへの返答に数日～数週間頂戴する場合や、内容によって返答できかねる場合もございますので、あらかじめご了承ください。<br>
          お問い合わせへの返答は、その内容に応じてご入力いただいたメールアドレスへの返信またはお電話等を利用いたしますので、あらかじめご了承ください。
        </p>
      </div>
    </div>
</section>
```
*/
.c-form {
  padding-bottom: 40px; }
  .c-form__item {
    margin-bottom: 40px; }
    .c-form__item__title {
      margin-bottom: 20px;
      font-weight: bold; }
      .c-form__item__title .c-badge, .c-form__item__title .c-card__body__summary__heading {
        min-width: 0;
        margin: 0 0 0 10px; }
  .c-form__note--head {
    margin: 0 auto 40px; }
  .c-form__note--foot {
    margin: 40px auto 0; }

/*
---
name: Policy Agree
category:
 - component/form
---
```html
<div class="c-form__item">
  <div class="c-form-policy__contents">
    <h2 class="c-heading--lv2">個人情報保護方針</h2>
    <p>ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー</p>

    <h3 class="c-heading--lv3">１．個人情報に関する個人の尊重</h3>
    <p>ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー</p>

    <p class="c-text--align-right">XXXX年XX月XX日</p>
  </div>
</div>
<div class="c-form__item c-form-policy__toggle">
  <div class="c-form-checkbox">
    <input type="checkbox" name="" value="" id="policy" data-js="form-policy-toggle">
    <label for="policy">個人情報の取扱い、<a class="c-link" href="https://www.shinkin-central-bank.jp/footer/privacypolicy.html" target="_blank" rel="noopener noreferrer">プライバシーポリシー</a>および<a class="c-link" href="/terms/" target="_blank">利用規約</a>に同意する</label>
  </div>
</div>
<div class="c-form__item">
  <button class="c-button--gradation c-button--lg c-button--icon-arrow" type="submit" data-js="form-policy-submit" disabled><span>入力内容を確認する</span></button>
</div>
```
*/
.c-form-policy__contents {
  width: 100%;
  height: 300px;
  padding: 20px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background-color: #EFF5F7;
  font-size: 14px;
  font-size: 1.4rem; }
  .c-form-policy__contents__heading {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center; }

.c-heading--pagetitle {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: .03em; }
  .c-heading--pagetitle__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .c-heading--pagetitle__text > *:not(:first-child) {
      margin: 12px 0 0; }

.c-heading--lv2 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  letter-spacing: .03em; }
  .c-heading--lv2 * {
    font-weight: 900 !important; }

.c-heading--lv3 {
  margin-bottom: 1.4em;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: .03em; }
  .c-article .c-heading--lv3:not(:first-child) {
    margin-top: 2.8em; }

.c-heading--search {
  margin-bottom: 60px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 900; }
  .c-heading--search__num {
    display: inline-block;
    margin-right: 6px;
    color: #00BED4;
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: .03em; }

.c-heading {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold; }

.c-sub-heading {
  margin: 0 0 10px;
  color: #00BED4;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold; }

.c-heading__icon {
  vertical-align: middle; }

/*
---
name: image
category:
 - component/figure/image
---
```html
<img class="c-image--border c-image--round" src="/files/user/assets/images/search_seminar/noimage.jpg?v=1622714924" alt="no image">
```
*/
*[class^="c-image"] {
  max-width: 100%; }

.c-image--border {
  border: 1px solid #ccc; }

.c-image--round {
  border-radius: 10px; }

.c-image--round--l {
  border-radius: 30px; }

/*
---
name: ImageText
category:
 - component/figure/imageText
---
```html
<div class="c-image-text">
    <figure class="c-image-text--right">
        <img class="c-image--round" src="/files/user/assets/images/temp/image.png?v=" alt="">
        <figcaption>画像の説明が入ります画像の説明が入ります</figcaption>
    </figure>
    <h2 class="c-heading--lv3">画像（右）＋見出し＋テキスト</h2>
    <p class="c-text">
        テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。<br>
        テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。
    </p>
</div>
<div class="c-image-text">
    <figure class="c-image-text--left">
        <img class="c-image--round" src="/files/user/assets/images/temp/image.png?v=" alt="">
        <figcaption>画像の説明が入ります画像の説明が入ります</figcaption>
    </figure>
    <h2 class="c-heading--lv3">画像（右）＋見出し＋テキスト</h2>
    <p class="c-text">
        テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。<br>
        テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります。
    </p>
</div>
<div class="c-image--col2">
    <figure>
        <img class="c-image--round" src="/files/user/assets/images/temp/image.png?v=" alt="">
        <figcaption>画像の説明が入ります画像の説明が入ります</figcaption>
    </figure>
    <figure>
        <img class="c-image--round" src="/files/user/assets/images/temp/image.png?v=" alt="">
        <figcaption>画像の説明が入ります画像の説明が入ります</figcaption>
    </figure>
</div>
```
*/
figure {
  margin: 0; }

figcaption {
  margin-top: 10px;
  color: #777;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center; }

.c-image-text::after {
  display: block;
  clear: both;
  content: ""; }

.c-image-text--bottom {
  margin: 1em auto 0; }

::-webkit-input-placeholder {
  color: #ccc; }

::-moz-placeholder {
  color: #ccc; }

:-ms-input-placeholder {
  color: #ccc; }

::-ms-input-placeholder {
  color: #ccc; }

::placeholder {
  color: #ccc; }

input[type="text"] {
  -webkit-appearance: none;
  line-height: 2; }
  input[type="text"]:not([class]) {
    min-height: 50px;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-radius: 10px; }

textarea {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  line-height: 2; }

.c-form-text {
  width: 100%;
  min-height: 50px;
  padding: 5px 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  line-height: 2; }

/*
---
name: Link
category:
 - component/typography/link
---
リンクボタンのパターンは、/topics/ページ参照

```html
<a href="#" class="c-link">Link</a>
```
*/
/*
---
name: Link + Icon
category:
 - component/typography/link
---
リンクボタンのパターンは、/topics/ページ参照

```html
<a class="c-link u-d-block u-mt-5" href="#" target="_blank" rel="noopener noreferrer">外部リンクが入ります<img class="u-ml-10" src="/files/user/assets/images/common/icon-external-link.svg?v=1620875403"></a><br>
<a class="c-link u-d-block u-mt-5" href="#" target="_blank" rel="noopener noreferrer">PDFファイルが入ります<img class="u-ml-10" src="/files/user/assets/images/common/icon-pdf.svg?v=1620875403"></a>
```
*/
a:hover {
  -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
  transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }

.c-link {
  color: #00BED4;
  text-decoration: underline; }
  .c-link img {
    vertical-align: middle; }

.c-link--accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #00BED4;
  text-decoration: underline; }

.c-link--icon-plus::after {
  width: 14px;
  margin-left: 10px;
  content: url(/files/user/assets/images/common/icon-plus.svg?v=1620875403); }

.c-link--icon-plus:hover::after {
  -webkit-animation: icon .4s;
  animation: icon .4s;
  content: url(/files/user/assets/images/common/icon-plus.svg?v=1620875403); }

.c-link--icon-minus::after, .c-accordion__toggle.is-close.c-link--icon-plus::after {
  width: 17px;
  margin-bottom: .7em;
  margin-left: 10px;
  content: url(/files/user/assets/images/common/icon-minus.svg?v=1620875403); }

.c-link--icon-minus:hover::after, .c-accordion__toggle.is-close.c-link--icon-plus:hover::after {
  -webkit-animation: icon .4s;
  animation: icon .4s;
  content: url(/files/user/assets/images/common/icon-minus.svg?v=1620875403); }

[class^='c-list'] li {
  position: relative;
  padding-left: 30px; }
  [class^='c-list'] li:not(:first-child) {
    margin-top: 10px; }
  [class^='c-list'] li::before {
    position: absolute;
    left: 0;
    content: "・"; }

/*
---
name: List
category:
 - component/typography/list
---

## number list

```html
<ul class="c-list">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ul>
<ol class="c-list--number">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ol>
<ol class="c-list--number-brackets">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ol>
```
*/
.c-list--number li {
  counter-increment: cnt; }
  .c-list--number li::before {
    content: counter(cnt) "."; }

.c-list--number-brackets li {
  counter-increment: bracket-cnt; }
  .c-list--number-brackets li::before {
    content: "(" counter(bracket-cnt) ")"; }

.c-list--disc li {
  padding-left: 16px;
  counter-increment: none; }
  .c-list--disc li::before {
    display: inline-block;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0C9AEB;
    content: ""; }

.c-list--point li {
  counter-increment: none; }
  .c-list--point li::before {
    display: inline-block;
    top: 0;
    width: 24px;
    height: 19px;
    background: url(/files/user/assets/images/common/icon-point.svg?v=1661842300) no-repeat center;
    content: ""; }

.c-list--check li {
  counter-increment: none; }
  .c-list--check li::before {
    display: inline-block;
    top: 6px;
    width: 16px;
    height: 13px;
    background: url(/files/user/assets/images/common/icon-check.svg?v=1661842294) no-repeat center;
    content: ""; }

.is-overflow-y {
  overflow-y: hidden; }

.c-modal.is-open {
  display: block; }

.c-modal__bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9000; }

.c-modal__contents {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: 95%;
  padding: 50px 0 40px;
  overflow: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
  z-index: 9100; }

.c-modal__contents__button {
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #eee;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity; }
  .c-modal__contents__button:hover {
    opacity: .7; }

.c-modal__item {
  display: none;
  position: relative; }
  .c-modal__item.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .c-modal__item__body iframe {
    max-width: 100vw;
    max-height: 100vh; }
  .c-modal__item__body.-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .c-modal__item__body.-youtube iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }

.c-modal__close {
  position: absolute;
  top: -48px;
  right: 0;
  z-index: 9200; }
  .c-modal__close:hover {
    opacity: 0.7; }

/*
---
name: Navi
category:
 - component/js/nav
---
```html
<nav class="c-nav-bottom">
    <a class="c-button--secondary-ghost c-button--x-lg c-button--icon-arrow-prev" href="/"><span>TOPへ戻る</span></a>
</nav>
```
*/
.c-nav-bottom {
  padding-bottom: 100px; }

.c-pager__list a, .c-pager__control {
  width: 50px;
  height: 50px;
  border-radius: 50px; }

.c-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 60px 0; }
  *[class^='c-bg--round'] .c-pager {
    margin-bottom: 0; }
  .c-pager__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 60px; }
    .c-pager__list li:not(:last-child) {
      margin-right: 10px; }
    .c-pager__list a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #00BED4;
      font-weight: bold; }
      .c-pager__list a:hover span {
        -webkit-animation: icon .4s;
        animation: icon .4s; }
    .c-pager__list .is-current {
      border: 1px solid #fff;
      background-color: #D9F5F9; }
  .c-pager__control {
    position: relative;
    border: 1px solid transparent;
    background-color: #00BED4;
    color: #fff;
    -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
    transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
    .c-pager__control span {
      visibility: hidden; }
    .c-pager__control:hover {
      border-color: #00BED4;
      background-color: #fff; }
      .c-pager__control:hover::before, .c-pager__control:hover::after {
        border-color: #00BED4; }
    .c-pager__control--first::before, .c-pager__control--last::before {
      display: inline-block;
      position: absolute;
      top: 20px;
      left: 17px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 8px;
      height: 8px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      content: ""; }
    .c-pager__control--first:hover::before,
    a:hover .c-pager__control--first::before, .c-pager__control--last:hover::before,
    a:hover .c-pager__control--last::before {
      -webkit-animation: icon-arrow .4s;
      animation: icon-arrow .4s; }
    .c-pager__control--first::after, .c-pager__control--last::after {
      position: absolute;
      top: 20px;
      left: 23px; }
    .c-pager__control--prev::after, .c-pager__control--next::after {
      position: absolute;
      top: 20px;
      left: 20px; }
    .c-pager__control--first, .c-pager__control--prev {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .c-pager__control--next {
      margin-right: 10px; }
    .c-pager__control--prev {
      margin-left: 10px; }
  .c-pager__summary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 20px;
    text-align: center; }

/*
---
name: Search Area
category:
 - component/form/search
---

```html

```
*/
.c-search-area__heading {
  margin-bottom: 30px;
  text-align: center; }
  .c-search-area__heading img {
    display: inline-block;
    height: 38px;
    margin-right: 5px; }

.c-search-area__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px; }
  .c-search-area__anchor li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

.c-search-area__filter {
  margin-top: 60px; }

.c-search-area__condition {
  position: relative; }
  .c-search-area__condition__display {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    position: relative;
    max-height: 3em;
    margin: 0;
    overflow: hidden; }
    .is-open .c-search-area__condition__display {
      display: block;
      max-height: none; }
  .c-search-area__condition__hide {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 4.5em;
    overflow: hidden;
    color: transparent;
    text-align: right; }
    .is-open .c-search-area__condition__hide {
      position: relative; }
      .is-open .c-search-area__condition__hide p {
        display: none; }
  .c-search-area__condition__toggle {
    position: absolute;
    top: 44px;
    right: 0;
    padding: 0 10px;
    background-color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: underline; }
    .c-search-area__condition__toggle span:nth-child(2) {
      display: none; }
    .is-open .c-search-area__condition__toggle {
      position: relative;
      top: 0; }
      .is-open .c-search-area__condition__toggle span:first-child {
        display: none; }
      .is-open .c-search-area__condition__toggle span:nth-child(2) {
        display: block; }
  .c-search-area__condition__button {
    height: 50px; }
  .c-search-area__condition__table {
    font-size: 15px;
    font-size: 1.5rem; }
    .c-search-area__condition__table dt {
      font-weight: bold; }
    .c-search-area__condition__table dt:not(:first-of-type), .c-search-area__condition__table dd:not(:first-of-type) {
      padding-top: 10px; }

/*
---
name: Search Keyword
category:
 - component/form/search
---

```html
<section class="c-bg c-search-keyword__outer">
    <div class="l-container--middle">
        <h2 class="c-heading--lv2 c-search-keyword__heading">
            <img src="/files/user/assets/images/common/icon-search.svg?v=1620875402" alt="検索アイコン" class="c-heading__icon">
            キーワードから探す
        </h2>
        <form class="c-search-keyword">
            <input type="text" class="c-search-keyword__input" placeholder="地域名を入力してください">
            <button type="submit" class="c-search-keyword__button">
                <img src="/files/user/assets/images/common/icon-search.svg?v=1620875402" alt="検索">
            </button>
        </form>
    </div>
</section>
```
*/
.c-search-keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .c-search-keyword__input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - 50px);
    height: 100%;
    padding-left: 20px;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 30px 0 0 30px; }
  .c-search-keyword__button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    height: 100%;
    padding-top: 7px;
    border: 1px solid #ccc;
    border-left: 0;
    border-radius: 0 30px 30px 0;
    background-color: #fff; }
    .c-search-keyword__button img {
      width: 16px;
      height: 16px; }
  .c-search-keyword__outer .c-search-keyword {
    width: 500px;
    margin: auto; }
  .c-search-keyword__heading {
    margin-bottom: 30px;
    text-align: center; }
    .c-search-keyword__heading img {
      display: inline-block;
      height: 28px;
      margin-right: 5px; }

/*
---
name: Selectbox (default)
category:
 - component/form/selectbox
---

```html
<select name="" class="c-form-select">
    <option value="">選択してください</option>
    <option value="">選択肢その1</option>
    <option value="">選択肢その2</option>
    <option value="">選択肢その3</option>
    <option value="">選択肢その4</option>
</select>
```
*/
.c-form-select, .c-form-select--inline {
  display: block;
  width: auto;
  height: 50px;
  padding: 5px 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  line-height: 1em;
  cursor: pointer; }
  .c-form-select--inline {
    display: inline-block; }

.c-form-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .c-form-date label {
    padding: 0 10px; }

.c-slickslider .slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .c-slickslider .slider-item a,
  .c-slickslider .slider-item div {
    display: block;
    width: 100%;
    height: 100%; }
  .c-slickslider .slider-item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .c-slickslider .slider-item.-youtube {
    background-color: #000; }
    .c-slickslider .slider-item.-youtube iframe {
      width: 100%;
      height: 100%; }

.c-slickslider .slick-nav-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c-slickslider .slick-pause {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 34px;
  height: 30px;
  margin-top: 3px;
  background: url(/files/user/assets/images/slickslider/icon-pause.svg?v=1661835442) no-repeat center center;
  background-color: transparent;
  cursor: pointer; }

.c-slickslider .slick-pause.is-play {
  background-image: url(/files/user/assets/images/slickslider/icon-play.svg?v=1661835442); }

.c-slickslider .slick-dots {
  position: static;
  width: auto;
  line-height: 1; }

.c-slickslider .slick-dots li {
  margin: 0; }

.c-slickslider .slick-dots li button:before {
  color: #6e848a;
  opacity: 1; }

.c-slickslider .slick-dots li.slick-active button:before {
  color: #00BED4; }

.c-slickslider .slick-prev:before,
.c-slickslider .slick-next:before {
  display: block;
  width: 7px;
  height: 10px;
  color: transparent;
  font-size: 1em;
  line-height: 1em;
  content: "";
  opacity: 1; }

.c-slickslider .slick-prev::before {
  margin: 0 30px 0 auto;
  background: url(/files/user/assets/images/slickslider/icon-slider_arrow_l.svg?v=1661835442) no-repeat center center; }

.c-slickslider .slick-prev:hover::before {
  background-image: url(/files/user/assets/images/slickslider/icon-slider_arrow_l_on.svg?v=1661835442); }

.c-slickslider .slick-next::before {
  margin: 0 auto 0 29px;
  background: url(/files/user/assets/images/slickslider/icon-slider_arrow_r.svg?v=1661835443) no-repeat center center; }

.c-slickslider .slick-next:hover::before {
  background-image: url(/files/user/assets/images/slickslider/icon-slider_arrow_r_on.svg?v=1661835443); }

/*
---
name: Tab
category:
 - component/js/tab
---
```html
<div class="c-tab">
  <div class=c-tab__nav>
    <button class="c-tab__toggle is-active" data-tab="1" data-js="tab-toggle">タブ1</button>
    <button class="c-tab__toggle" data-tab="2" data-js="tab-toggle">タブ2</button>
    <button class="c-tab__toggle" data-tab="3" data-js="tab-toggle">タブ3</button>
  </div>
  <div class="c-tab__content__outer">
    <div class="c-tab__content" data-tab-content="1">
      <div class="c-tab__content__inner">
        タブ1内容

      </div>
    </div>
    <div class="c-tab__content" data-tab-content="2">
      <div class="c-tab__content__inner">
        タブ2内容
      </div>
    </div>
    <div class="c-tab__content" data-tab-content="3">
      <div class="c-tab__content__inner">
        タブ3内容タブ3内容タブ3内容<br>
        タブ3内容タブ3内容タブ3内容
      </div>
    </div>
  </div>
</div>
```
*/
.c-tab__toggle-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px; }

.c-tab__toggle {
  background-color: transparent;
  color: #777;
  font-weight: 500;
  text-align: center;
  cursor: pointer; }
  .c-tab__toggle.is-active {
    color: #333;
    font-weight: bold; }

.c-tab__content {
  display: none;
  position: relative; }
  .c-tab__content.is-active {
    display: block; }
  .c-tab__content__inner {
    padding: 1em; }

.c-table {
  border: 1px solid #ccc;
  border-radius: 10px; }
  .c-table__head {
    background-color: #D8E8ED;
    font-weight: bold; }
    .c-table__head .c-form-checkbox label {
      font-weight: bold; }

/*
---
name: Table simple (dl tag)
category:
- component/table
---

```html
<dl class="c-table--dl">
    <dt>見出し</dt>
    <dd>テキストテキストテキスト</dd>
    <dt>見出し</dt>
    <dd>テキストテキストテキスト</dd>
</dl>
<br><br>
<dl class="c-table--dl c-table--dl--border-top">
    <dt>見出し</dt>
    <dd>テキストテキストテキスト</dd>
    <dt>見出し</dt>
    <dd>テキストテキストテキスト</dd>
</dl>
```
*/
.c-table--dl {
  width: 100%; }
  .c-table--dl--border-top {
    border-top: 1px solid #ccc; }
  .c-table--dl:not(.c-table--dl--border-top) dt:first-of-type {
    padding-top: 0; }
  .c-table--dl--no-border dt, .c-table--dl--no-border dd {
    border-bottom: 0 !important; }
  .c-table--dl dt {
    font-weight: bold; }
  .c-table--dl dd {
    border-bottom: 1px solid #ccc; }

/*
---
name: Text
category:
 - component/typography/text
---
```html
<p class="c-text">テキストが入ります。テキストが入ります。テキストが入ります。<br>テキストが入ります。テキストが入ります。</p>
```
*/
p:not([class]) {
  margin: 0; }

.c-text {
  margin: 1em 0;
  line-height: 2; }

/*
---
name: highlighted Text 
category:
 - component/typography/text
---
```html
<p class="c-text--highlighted">テキストテキストテキスト</p>
```
*/
.c-text--highlighted {
  color: #00BED4; }

.c-text--highlits {
  background-color: #ffff00; }

/*
---
name: text align
category:
 - component/typography/text
---
```html
<p class="c-text--right">text</p>
<p class="c-text--center">text</p>
<p class="c-text--left">text</p>
```
*/
.c-text--right {
  text-align: right; }

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

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

.c-text__block {
  margin: 2.8em 0; }

.c-form-toggle__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .c-form-toggle__list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .c-form-toggle__list--col4 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .c-form-toggle__list--col3 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

/*
---
name: Toggle checkbox
category:
- component/form/toggle
---
```html
<ul class="c-form-toggle__list c-form-toggle__list--col4">
    <li class="c-form-checkbox">
        <input type="checkbox" name="" value="" checked="checked" id="check1">
        <label for="check1">選択肢1</label>
    </li>
    <li class="c-form-checkbox">
        <input type="checkbox" name="" value="" id="check2">
        <label for="check2">選択肢2</label>
    </li>
    <li class="c-form-checkbox">
        <input type="checkbox" name="" value="" id="check3">
        <label for="check3">選択肢3</label>
    </li>
    <li class="c-form-checkbox">
        <input type="checkbox" name="" value="" id="check4">
        <label for="check4">選択肢4</label>
    </li>
</ul>
```
*/
.c-form-checkbox {
  position: relative;
  padding: 0 10px 0 30px; }
  .c-form-checkbox input {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1; }
  .c-form-checkbox label {
    font-weight: 500;
    cursor: pointer; }
  .c-form-checkbox input + label::before {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    content: "";
    -webkit-transition: 0.2s;
    transition: 0.2s;
    vertical-align: middle;
    z-index: 10; }
  .c-form-checkbox input:checked + label::before {
    background-color: #00BED4; }
  .c-form-checkbox input:checked + label::after {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 4px;
    width: 12px;
    height: 7px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    background-color: #00BED4;
    content: "";
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 10; }

/*
---
name: Toggle radio
category:
- component/form/toggle
---
```html
<ul class="c-form-toggle__list c-form-toggle__list--col3">
    <li class="c-form-radio">
        <input type="radio" name="radio" value="" checked="checked" id="radio1">
        <label for="radio1">選択肢1</label>
    </li>
    <li class="c-form-radio">
        <input type="radio" name="radio" value="" checked="checked" id="radio2">
        <label for="radio2">選択肢2</label>
    </li>
    <li class="c-form-radio">
        <input type="radio" name="radio" value="" checked="checked" id="radio3">
        <label for="radio3">選択肢3</label>
    </li>
</ul>
```
*/
.c-form-radio {
  position: relative;
  padding: 0 10px 0 30px; }
  .c-form-radio input {
    position: absolute;
    top: 4px;
    left: 4px;
    outline: none;
    z-index: 1; }
  .c-form-radio label {
    font-weight: 500;
    cursor: pointer; }
    .c-form-radio label::before {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 20px;
      height: 20px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      border: 1px solid #ccc;
      border-radius: 50%;
      background-color: #fff;
      content: "";
      -webkit-transition: 0.2s;
      transition: 0.2s;
      vertical-align: middle;
      z-index: 10; }
  .c-form-radio input:checked + label::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 12px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 50%;
    background-color: #00BED4;
    content: "";
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 10; }

/*
---
name: TopicsList
category:
 - component/topics/topicsList
---

```html
<ul class="c-topics__list">
    <li>
        <a class="c-topics__item" href="/news/detail/">
            <time class="c-topics__date" datetime="YYYY-mm-dd">2020.07.01</time>
            <span class="c-topics__title c-topics__title__icon-link">サイト内リンク</span>
        </a>
    </li>
    <li>
        <a class="c-topics__item" href="/news/detail/">
            <time class="c-topics__date" datetime="YYYY-mm-dd">2020.07.01</time>
            <span class="c-topics__title c-topics__title__icon-pdf">PDFファイルへリンク</span>
        </a>
    </li>
    <li>
        <a class="c-topics__item" href="/news/detail/">
            <time class="c-topics__date" datetime="YYYY-mm-dd">2020.07.01</time>
            <span class="c-topics__title c-topics__title__icon-external-link">外部サイトリンク</span>
        </a>
    </li>
    <li>
        <div class="c-topics__item">
            <time class="c-topics__date" datetime="YYYY-mm-dd">2020.07.01</time>
            <span class="c-topics__title">タイトルのみ</span>
        </div>
    </li>
</ul>
```
*/
.c-topics__list {
  border-top: 1px solid #ccc; }
  [class^="c-bg--round"] > .c-topics__list {
    border-top: 0; }
  .c-topics__list a:hover {
    color: #00BED4; }

.c-topics__item {
  padding: 20px 0;
  border-bottom: 1px solid #ccc; }

.c-topics__date {
  color: #00BED4;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold; }

.c-topics__badge {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.c-topics__bank {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 12px;
  color: #00BED4;
  font-size: 14px;
  font-size: 1.4rem; }

.c-topics__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500; }
  .c-topics__title__icon-link::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px;
    border-color: #00BED4; }
  .c-topics__title__icon-pdf::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    content: url(/files/user/assets/images/common/icon-pdf.svg?v=1620875403); }
  a:hover .c-topics__title__icon-pdf::after {
    -webkit-animation: icon 0.4s;
    animation: icon 0.4s; }
  .c-topics__title__icon-external-link::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
    content: url(/files/user/assets/images/common/icon-external-link.svg?v=1620875403); }
  a:hover .c-topics__title__icon-external-link::after {
    -webkit-animation: icon 0.4s;
    animation: icon 0.4s; }

.c-video__thumb {
  position: relative; }
  .c-video__thumb::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/files/user/assets/images/common/icon-play.svg?v=1661842251) no-repeat center;
    content: ""; }
  .c-video__thumb[data-js="modal-open"] {
    cursor: pointer; }
  .c-video__thumb img {
    width: 100%; }

/* project ----------------------------- */

.p-search-facility div[data-js="condition-target"] {
  display: none; }

.p-seminar-detail__summary__image img {
  width: 100%; }

.p-seminar-detail__summary__button {
  margin-top: 20px; }

.p-seminar-list__condition {
  padding-bottom: 60px; }

.p-shinkin-detail__heading {
  text-align: center; }
  .p-shinkin-detail__heading::before {
    display: block;
    width: 2px;
    height: 50px;
    margin: 0 auto 30px;
    border-radius: 2px;
    background-color: #00BED4;
    content: ""; }

.p-shinkin-detail__shop__branch {
  padding: 0 !important; }

.p-top__heading, .p-top__recommend__heading {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  letter-spacing: 0.03em; }

.p-top__hero {
  position: relative; }
  .p-top__hero__lead__catch {
    margin: 0;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 1.8; }
  .p-top__hero__lead__summary {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8; }
  .p-top__hero__lead__button {
    width: 100%;
    max-width: 350px;
    height: 60px;
    font-size: 20px;
    font-size: 2rem; }
    .p-top__hero__lead__button__outer {
      text-align: center; }
    .p-top__hero__lead__button__catch {
      display: block;
      margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1; }
      .p-top__hero__lead__button__catch::before, .p-top__hero__lead__button__catch::after {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-right: 2px solid #00BED4;
        content: "";
        vertical-align: text-top; }
      .p-top__hero__lead__button__catch::before {
        margin: 0 0 0 12px;
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg); }
      .p-top__hero__lead__button__catch::after {
        margin: 0 10px 0 0;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg); }
  .p-top__hero__image {
    background-repeat: no-repeat;
    background-size: cover; }
    .p-top__hero__image__list {
      height: 768px; }

.p-top__search::before {
  display: none !important; }

.p-top__nav__image-left__text {
  position: relative; }
  .p-top__nav__image-left__text::before {
    display: block;
    position: absolute;
    border-radius: 2px;
    background-color: #00bed4;
    content: "";
    z-index: 10; }

.p-top__nav__image-left__image {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  .p-top__nav__image-left__image::before {
    display: block;
    position: absolute;
    right: -20px;
    bottom: -20px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: #e9dd89;
    content: "";
    z-index: -1; }

.p-top__nav__facility__text {
  position: relative; }
  .p-top__nav__facility__text::before {
    display: block;
    position: absolute;
    border-radius: 2px;
    background-color: #00bed4;
    content: "";
    z-index: 10; }

.p-top__nav__facility__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .p-top__nav__facility__image::before {
    display: block;
    position: absolute;
    top: 30px;
    left: 40px;
    width: 440px;
    height: 250px;
    border-radius: 10px;
    background-color: #e9dd89;
    content: "";
    z-index: -1; }
  .p-top__nav__facility__image__md {
    height: 260px; }
  .p-top__nav__facility__image__sm {
    height: 200px;
    margin-top: 100px; }

.p-top__recommend {
  position: relative; }
  .p-top__recommend__outer {
    position: relative;
    margin-top: -100px;
    padding-top: 200px; }
    .p-top__recommend__outer::after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40px;
      background-color: #D8E8ED;
      content: "";
      z-index: -1; }
  .p-top__recommend__sub-heading {
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 50px;
    color: #0780C7;
    font-family: "Montserrat", sans-serif;
    font-size: 60px;
    font-size: 6rem;
    line-height: 1; }
  .p-top__recommend__heading {
    padding-top: 50px;
    text-align: right; }
  .p-top__recommend__item {
    display: block;
    border-radius: 30px;
    background-color: #fff;
    color: #666;
    font-size: 15px;
    font-size: 1.5rem; }
    .p-top__recommend__item:hover {
      -webkit-animation: card 0.4s ease-in-out;
      animation: card 0.4s ease-in-out; }
    .p-top__recommend__item__icon {
      height: 60px;
      text-align: center; }
      .p-top__recommend__item__icon img {
        max-height: 100%; }
    .p-top__recommend__item__title {
      margin: 24px 0 20px;
      color: #0C9AEB;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      text-align: left; }

.p-top__update {
  position: relative;
  padding: 100px 0 40px; }
  .p-top__update__sub-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 60px;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
    font-family: "Montserrat", sans-serif;
    font-size: 70px;
    font-size: 7rem; }
    .p-top__update__sub-heading::before {
      display: block;
      width: 100px;
      height: 2px;
      margin-right: 20px;
      border-radius: 2px;
      background-color: rgba(255, 255, 255, 0.5);
      content: ""; }
  .p-top__update__list .c-topics__list {
    border-top: 0; }
    .p-top__update__list .c-topics__list li:first-child .c-topics__item {
      padding-top: 0; }

.p-top__news {
  position: relative;
  padding: 40px 0; }
  .p-top__news__sub-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 60px;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(216, 232, 237, 0.5);
    font-family: "Montserrat", sans-serif;
    font-size: 70px;
    font-size: 7rem; }
    .p-top__news__sub-heading::before {
      display: block;
      width: 100px;
      height: 2px;
      margin-right: 20px;
      border-radius: 2px;
      background-color: rgba(216, 232, 237, 0.5);
      content: ""; }
  .p-top__news .c-topics__list {
    margin: 60px 0; }

.p-top__link-banner__list li img {
  width: 100%; }

.p-video__heading {
  margin-bottom: 40px;
  text-align: center; }
  .p-video__heading img {
    display: inline-block;
    height: 28px;
    margin-right: 5px; }

/* utility ----------------------------- */

.u-ma-0 {
  margin: 0px !important; }

.u-mt-0 {
  margin-top: 0px !important; }

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

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

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

.u-pa-0 {
  padding: 0px !important; }

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

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

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

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

.u-ma-5 {
  margin: 5px !important; }

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

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

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

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

.u-pa-5 {
  padding: 5px !important; }

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

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

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

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

.u-ma-10 {
  margin: 10px !important; }

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

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

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

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

.u-pa-10 {
  padding: 10px !important; }

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

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

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

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

.u-ma-15 {
  margin: 15px !important; }

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

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

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

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

.u-pa-15 {
  padding: 15px !important; }

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

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

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

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

.u-ma-20 {
  margin: 20px !important; }

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

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

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

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

.u-pa-20 {
  padding: 20px !important; }

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

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

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

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

.u-ma-25 {
  margin: 25px !important; }

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

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

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

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

.u-pa-25 {
  padding: 25px !important; }

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

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

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

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

.u-ma-30 {
  margin: 30px !important; }

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

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

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

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

.u-pa-30 {
  padding: 30px !important; }

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

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

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

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

.u-ma-35 {
  margin: 35px !important; }

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

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

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

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

.u-pa-35 {
  padding: 35px !important; }

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

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

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

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

.u-ma-40 {
  margin: 40px !important; }

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

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

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

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

.u-pa-40 {
  padding: 40px !important; }

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

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

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

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

.u-ma-45 {
  margin: 45px !important; }

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

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

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

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

.u-pa-45 {
  padding: 45px !important; }

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

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

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

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

.u-ma-50 {
  margin: 50px !important; }

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

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

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

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

.u-pa-50 {
  padding: 50px !important; }

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

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

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

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

.u-ma-55 {
  margin: 55px !important; }

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

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

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

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

.u-pa-55 {
  padding: 55px !important; }

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

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

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

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

.u-ma-60 {
  margin: 60px !important; }

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

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

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

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

.u-pa-60 {
  padding: 60px !important; }

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

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

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

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

.u-ma-65 {
  margin: 65px !important; }

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

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

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

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

.u-pa-65 {
  padding: 65px !important; }

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

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

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

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

.u-ma-70 {
  margin: 70px !important; }

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

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

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

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

.u-pa-70 {
  padding: 70px !important; }

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

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

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

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

.u-ma-75 {
  margin: 75px !important; }

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

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

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

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

.u-pa-75 {
  padding: 75px !important; }

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

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

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

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

.u-ma-80 {
  margin: 80px !important; }

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

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

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

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

.u-pa-80 {
  padding: 80px !important; }

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

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

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

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

.u-ma-85 {
  margin: 85px !important; }

.u-mt-85 {
  margin-top: 85px !important; }

.u-mr-85 {
  margin-right: 85px !important; }

.u-mb-85 {
  margin-bottom: 85px !important; }

.u-ml-85 {
  margin-left: 85px !important; }

.u-pa-85 {
  padding: 85px !important; }

.u-pt-85 {
  padding-top: 85px !important; }

.u-pr-85 {
  padding-right: 85px !important; }

.u-pb-85 {
  padding-bottom: 85px !important; }

.u-pl-85 {
  padding-left: 85px !important; }

.u-ma-90 {
  margin: 90px !important; }

.u-mt-90 {
  margin-top: 90px !important; }

.u-mr-90 {
  margin-right: 90px !important; }

.u-mb-90 {
  margin-bottom: 90px !important; }

.u-ml-90 {
  margin-left: 90px !important; }

.u-pa-90 {
  padding: 90px !important; }

.u-pt-90 {
  padding-top: 90px !important; }

.u-pr-90 {
  padding-right: 90px !important; }

.u-pb-90 {
  padding-bottom: 90px !important; }

.u-pl-90 {
  padding-left: 90px !important; }

.u-ma-95 {
  margin: 95px !important; }

.u-mt-95 {
  margin-top: 95px !important; }

.u-mr-95 {
  margin-right: 95px !important; }

.u-mb-95 {
  margin-bottom: 95px !important; }

.u-ml-95 {
  margin-left: 95px !important; }

.u-pa-95 {
  padding: 95px !important; }

.u-pt-95 {
  padding-top: 95px !important; }

.u-pr-95 {
  padding-right: 95px !important; }

.u-pb-95 {
  padding-bottom: 95px !important; }

.u-pl-95 {
  padding-left: 95px !important; }

.u-ma-100 {
  margin: 100px !important; }

.u-mt-100 {
  margin-top: 100px !important; }

.u-mr-100 {
  margin-right: 100px !important; }

.u-mb-100 {
  margin-bottom: 100px !important; }

.u-ml-100 {
  margin-left: 100px !important; }

.u-pa-100 {
  padding: 100px !important; }

.u-pt-100 {
  padding-top: 100px !important; }

.u-pr-100 {
  padding-right: 100px !important; }

.u-pb-100 {
  padding-bottom: 100px !important; }

.u-pl-100 {
  padding-left: 100px !important; }

.u-d-block {
  display: block !important; }

.u-d-inline-block {
  display: inline-block !important; }

.u-d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.u-d-flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

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

@media only screen and (max-width: 768px) {
    button,
    input,
    optgroup,
    select,
    textarea {
      font-size: 16px;
      font-size: 1.6rem; }
      .l-container--large {
        width: 100%; }
      .l-container--large--contents {
        padding: 40px 20px; }
      .l-container--middle {
        width: 100%;
        padding: 40px 20px; }
      .l-container--single {
        width: 100%;
        padding: 40px 20px; }
      .l-footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
      .l-footer__logo__image {
        height: 50px; }
      .l-footer__logo__image img {
        height: 100%; }
      .l-footer__logo__copyright {
        text-align: center; }
    .l-footer__nav__link {
      margin-bottom: 20px;
      font-size: 14px;
      font-size: 1.4rem; }
      .l-footer__nav__link li:not(:last-child) {
        margin-bottom: 10px; }
    .l-header {
      padding: 10px 0; }
    .c-accordion__outer {
      margin-top: 30px; }
    .c-accordion__toggle {
      width: 240px !important; }
      .c-accordion__toggle.is-close {
        margin-top: 30px; }
    .c-article__summary {
      margin: 0 0 2em; }
    .c-article__heading__lv1 {
      padding: 14px 0;
      font-size: 20px;
      font-size: 2rem; }
    .c-article__heading__lv2 {
      margin: 40px 0 28px;
      font-size: 20px;
      font-size: 2rem; }
    .c-article__heading__lv3 {
      margin: 36px 0 28px;
      font-size: 20px;
      font-size: 2rem; }
    .c-article__agenda {
      padding: 20px; }
    .c-badge, .c-card__body__summary__heading {
      min-width: 70px;
      font-size: 13px;
      font-size: 1.3rem; }
      .c-badge__list .c-badge:not(:last-of-type), .c-badge__list .c-card__body__summary__heading:not(:last-of-type) {
        margin-right: 8px; }
    .c-bg--round {
      padding: 20px; }
      .c-bg--round .l-container--middle {
        padding-right: 0;
        padding-left: 0; }
    .c-bg--round--lg, .c-form-error, .p-shinkin-detail__shop__main, .p-shinkin-detail__shop__branch {
      padding: 30px 20px; }
    .c-bg--sticky-note {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#0C9AEB), to(#0780C7));
      background-image: linear-gradient(to bottom, #0C9AEB, #0780C7); }
      .c-bg--sticky-note--apply {
        padding: 30px 20px 30px 30px; }
      .c-bg--sticky-note--apply__heading {
        margin-bottom: 10px; }
      .c-bg--sticky-note--search .c-bg--sticky-note {
        width: 100%;
        border-radius: 0; }
      .c-bg--sticky-note--search .c-bg--sticky-note--left .c-bg--sticky-note__inner {
        margin-left: 0; }
        .c-bg--sticky-note--search__inner {
          padding: 40px 20px; }
        .c-bg--sticky-note--search__heading {
          padding-top: 2.5em;
          background: url(/files/user/assets/images/common/icon-map-white.svg?v=1622813255) no-repeat top center;
          background-size: 2em;
          text-align: center; }
        .c-bg--sticky-note--search__list {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .c-bg--sticky-note--search__list li {
            width: 48%; }
            .c-bg--sticky-note--search__list li:nth-child(n+3) {
              margin-top: 10px; }
    .c-bg--shape--right {
      background-size: 34vw; }
    .c-bg--shape--left {
      background-size: 34vw; }
    .c-bg--shape--left-top {
      background-size: 50vw; }
    .c-button--block {
      width: 100%; }
    .c-button--lg {
      width: 100%; }
    .c-button--x-lg {
      width: 100%; }
    .c-fixed-button {
      margin-bottom: 40px;
      padding: 10px 20px 4vh; }
      .c-fixed-button__text {
        margin: 0 0 8px;
        font-size: 12px;
        font-size: 1.2rem; }
    .c-button-list [class^='c-button'] {
      width: 100%; }
      .c-button-list [class^='c-button']:not(:first-of-type) {
        margin-top: 10px; }
    .c-button-list--sp-reverse {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      .c-button-list--sp-reverse [class^='c-button']:first-of-type {
        margin-top: 10px; }
    .c-card + .c-card {
      margin-top: 20px; }
      .c-card__thumb {
        height: 210px; }
    .c-card__video {
      padding: 30px 20px; }
      .c-card__head {
        padding: 20px;
        font-size: 18px;
        font-size: 1.8rem; }
      .c-card__body {
        padding: 30px 20px; }
        .c-card__body__head .c-contact__image {
          background-position-x: center; }
        .c-card__body__summary {
          padding: 16px; }
          .c-card__body__summary__heading {
            margin-left: -14px; }
  .c-card-list li:not(:first-child) {
    margin-top: 20px; }
  .c-contact {
    padding: 30px;
    text-align: center; }
    .c-contact__image {
      max-width: 100%;
      height: 60px; }
      .c-contact .c-contact__image {
        margin-bottom: 20px;
        background-position: center; }
    .c-form-error {
      margin-bottom: 20px; }
    .c-form {
      padding-bottom: 20px; }
      .c-form__item {
        margin-bottom: 20px; }
        .c-form__item__title {
          margin-bottom: 10px; }
      .c-form__note--head {
        margin-bottom: 20px; }
      .c-form__note--foot {
        margin-top: 20px; }
    .c-form-policy__contents {
      padding: 16px 10px; }
    .c-heading--pagetitle {
      font-size: 28px;
      font-size: 2.8rem; }
    .c-heading--pagetitle__outer {
      padding: 20px; }
      .c-heading--pagetitle__outer > .c-heading--pagetitle {
        margin: 10px 0; }
      .c-heading--pagetitle__text {
        margin-bottom: 20px; }
    .c-heading--pagetitle__button *[class^="c-button"] {
      width: 100%; }
    .c-heading--pagetitle__button .c-button:not(:first-child) {
      margin-top: 10px; }
    .c-heading--lv2 {
      font-size: 22px;
      font-size: 2.2rem; }
    .c-heading--lv3 {
      font-size: 20px;
      font-size: 2rem; }
      .c-article .c-heading--lv3:not(:first-child) {
        margin-top: 2em; }
    .c-heading--search {
      margin-bottom: 40px; }
    .c-heading {
      font-size: 18px;
      font-size: 1.8rem; }
  .c-image-text--right {
    margin-top: 10px;
    text-align: center; }
  .c-image-text figure {
    width: 100%; }
    .c-link--accordion {
      margin: 0 auto; }
    .c-modal__contents {
      width: calc(100% - 30px); }
  .c-modal img {
    max-width: 100%; }
    .c-nav-bottom {
      padding-right: 20px;
      padding-bottom: 60px;
      padding-left: 20px; }
    .c-pager {
      margin: 40px 0; }
      .c-pager__list {
        display: none; }
      .c-pager__control--first, .c-pager__control--last {
        display: none; }
    .c-search-area__anchor {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 20px; }
      .c-search-area__anchor li {
        width: 48%; }
        .c-search-area__anchor li:nth-child(n+3) {
          margin-top: 10px; }
    .c-search-area__filter {
      margin-top: 40px; }
      .c-search-area__condition__hide {
        max-height: 5em; }
      .c-search-area__condition__toggle {
        top: 46px; }
      .c-search-area__condition__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 240px;
        margin: 40px auto 0; }
      .c-search-keyword__outer .c-search-keyword {
        width: 100%;
        height: 50px; }
    .c-form-date select {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%; }
      .c-form-date select:not(:first-of-type) {
        margin-top: 10px; }
    .c-form-date label:not(:first-of-type) {
      margin-top: 10px; }
    .c-slickslider .slider-item {
      height: 244px; }
      .c-slickslider .slider-item.-youtube {
        aspect-ratio: 16 / 9; }
    .c-tab__toggle-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .c-tab__toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 48%;
      min-height: 50px;
      border: 1px solid #ccc;
      border-radius: 30px;
      background-color: #fff; }
      .c-tab__toggle:nth-child(n+3) {
        margin-top: 10px; }
      .c-tab__toggle.is-active {
        border-color: #00BED4;
        background-color: #D9F5F9; }
    .c-tab__content {
      padding-top: 30px; }
      .c-tab__content.is-active {
        border-top: 1px solid #ccc; }
      .c-table__head {
        padding: 20px; }
        .c-table__head:first-of-type {
          border-radius: 10px 10px 0 0; }
    .c-table__body {
      padding: 20px; }
      .c-table--dl dt {
        padding: 20px 0 0; }
      .c-table--dl dd {
        padding: 10px 0 20px;
        font-size: 15px;
        font-size: 1.5rem; }
    .c-text__block {
      margin: 2em 0; }
      .c-form-toggle__list--col4 li {
        width: 50%; }
        .c-form-toggle__list--col4 li:nth-child(n+3) {
          margin-top: 10px; }
      .c-form-toggle__list--col3 li {
        width: 100%; }
        .c-form-toggle__list--col3 li:not(:first-child) {
          margin-top: 10px; }
    .c-form-checkbox {
      padding-left: 26px; }
      .c-form-checkbox label {
        font-size: 15px;
        font-size: 1.5rem; }
    .c-topics__item {
      display: block; }
    .c-topics__date {
      display: block;
      font-size: 14px;
      font-size: 1.4rem; }
    .c-topics__bank {
      display: inline-block;
      margin-left: 6px;
      font-size: 13px;
      font-size: 1.3rem; }
    .c-topics__title {
      margin-top: 10px; }
    .c-video__thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      width: 100%; }
  .p-seminar-detail__summary__table__inner {
    margin-top: 30px; }
    .p-seminar-detail__summary__button {
      text-align: center; }
      .p-seminar-detail__summary__button *:not(:first-child) {
        margin-top: 10px; }
    .p-seminar-list__condition {
      padding-bottom: 40px; }
  .p-shinkin-detail {
    padding-bottom: 40px; }
    .p-shinkin-detail__heading {
      padding: 0 10px; }
      .p-shinkin-detail__heading::before {
        height: 40px;
        margin-bottom: 10px; }
  .p-shinkin-detail__shop__main {
    padding: 0; }
  .p-shinkin-detail__shop__main__head {
    margin-bottom: 0;
    padding: 20px;
    border-radius: 30px 30px 0 0;
    background-color: #0C9AEB;
    color: #fff; }
  .p-shinkin-detail__shop__main__body {
    padding: 0 20px 0;
    border-top: 0; }
    .p-shinkin-detail__shop__main__body dd:last-child {
      border-bottom: 0; }
  .p-shinkin-detail__shop__main__body__map {
    display: block; }
    .p-shinkin-detail__shop__branch__list dt, .p-shinkin-detail__shop__branch__list dd {
      border-bottom: 0; }
    .p-shinkin-detail__shop__branch__list dt {
      padding: 14px 20px !important;
      background-color: #0C9AEB;
      color: #fff;
      font-size: 18px;
      font-size: 1.8rem; }
    .p-shinkin-detail__shop__branch__list dd {
      margin: 0 20px;
      padding: 14px 0; }
      .p-shinkin-detail__shop__branch__list dd:first-of-type {
        padding-top: 20px;
        border-bottom: 1px solid #ccc; }
      .p-shinkin-detail__shop__branch__list dd:last-of-type {
        padding-bottom: 20px; }
    .p-shinkin-detail__shop__branch__body .p-shinkin-detail__shop__branch__list:first-child dt {
      border-radius: 30px 30px 0 0; }
    .p-top__heading, .p-top__recommend__heading {
      font-size: 22px;
      font-size: 2.2rem; }
    .p-top__hero__lead {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 480px;
      padding: 0 20px;
      background-color: rgba(1, 53, 59, 0.1);
      text-align: center;
      z-index: 10; }
      .p-top__hero__lead__catch {
        display: inline-block;
        margin: 80px auto 60px;
        padding: 20px 30px;
        border-radius: 30px;
        background-color: rgba(255, 255, 255, 0.8);
        font-size: 26px;
        font-size: 2.6rem;
        text-align: center; }
      .p-top__hero__lead__summary {
        margin: 0;
        padding: 30px 40px; }
        .p-top__hero__lead__button__catch {
          color: #fff;
          font-size: 18px;
          font-size: 1.8rem; }
          .p-top__hero__lead__button__catch::before, .p-top__hero__lead__button__catch::after {
            border-color: #fff; }
        .p-top__hero__image__list {
          height: 480px; }
      .p-top__hero__image {
        width: 100%;
        height: 50%; }
        .p-top__hero__image:first-child {
          background-image: url(/files/user/assets/images/top/hero-4.jpg?v=1623392636);
          background-position: center right; }
        .p-top__hero__image:nth-child(2) {
          background-image: url(/files/user/assets/images/top/hero-3.jpg?v=1623392636);
          background-position: center; }
  .p-top__hero--sp__slider {
    display: block;
    margin: 0 20px;
    overflow: hidden; }
  .p-top__hero--pc__slider {
    display: none; }
  .p-top__nav .c-bg--shape--right:not(:first-child) {
    background-position: right -20px top 0px; }
  .p-top__nav div[class^="c-bg--shape"]:not(:last-child) .l-container--middle {
    padding-bottom: 0; }
    .p-top__nav__image-left__text {
      padding-bottom: 30px;
      text-align: center; }
      .p-top__nav__image-left__text::before {
        bottom: -30px;
        left: 50%;
        width: 2px;
        height: 50px; }
      .p-top__nav__image-left__image::before {
        right: -10px; }
    .p-top__nav__facility__text {
      padding-bottom: 30px;
      text-align: center; }
      .p-top__nav__facility__text::before {
        bottom: -30px;
        left: 50%;
        width: 2px;
        height: 50px; }
      .p-top__nav__facility__image::before {
        left: 5%;
        width: 90%;
        height: 100%; }
      .p-top__nav__facility__image__md {
        height: 200px; }
      .p-top__nav__facility__image__sm {
        position: absolute;
        right: 0;
        bottom: -50px;
        height: 140px; }
      .p-top__recommend__outer {
        padding-top: 140px; }
      .p-top__recommend__sub-heading {
        top: -32px;
        right: 10px;
        color: #0C9AEB;
        font-size: 40px;
        font-size: 4rem; }
      .p-top__recommend__heading {
        padding: 30px 20px 0 0; }
    .p-top__recommend__list {
      margin: 0 10px; }
      .p-top__recommend__list li:not(:first-child) {
        margin-top: 20px; }
      .p-top__recommend__item {
        padding: 20px;
        font-size: 14px;
        font-size: 1.4rem; }
        .p-top__recommend__item__title {
          margin: 12px 0 10px; }
    .p-top__update {
      padding: 50px 0 0; }
      .p-top__update__sub-heading {
        top: 10px;
        font-size: 40px;
        font-size: 4rem; }
        .p-top__update__sub-heading::before {
          width: 20px;
          margin-right: 10px; }
    .p-top__update__list {
      padding: 30px 0 60px; }
    .p-top__news {
      padding: 20px 0; }
      .p-top__news__sub-heading {
        top: 20px;
        font-size: 40px;
        font-size: 4rem; }
        .p-top__news__sub-heading::before {
          width: 20px;
          margin-right: 10px; }
      .p-top__news .c-topics__list {
        margin: 30px 0; }
  .p-top__link-banner {
    margin: 60px 0; }
  .p-top__link-banner__outer {
    background: url(/files/user/assets/images/common/shape-group-white.svg?v=1620875403) no-repeat left -20px top -20px #EBF3F6;
    background-size: 34vw;
    text-align: center; }
  .p-top__link-banner__inner {
    margin-top: 30px;
    padding: 40px; }
  .p-top__link-banner__list li:not(:first-child) {
    margin-top: 20px; }
    .p-video__heading {
      margin-bottom: 28px; }
  .is-pc {
    display: none !important; }
  .is-sp {
    display: block !important; } }

@media screen and (min-width: 769px) {
      .l-container--huge {
        min-width: 1240px; }
      .l-container--large {
        width: 1240px;
        margin-right: auto;
        margin-left: auto; }
      .l-container--large--contents {
        padding: 80px 0; }
      .l-container--middle {
        width: 1040px;
        margin: 0 auto;
        padding: 60px 20px; }
      .l-container--single {
        width: 840px;
        margin: 0 auto;
        padding: 60px 20px; }
      .l-footer__inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    .l-footer__logo {
      width: 260px; }
      .l-footer__logo__image img {
        width: 150px; }
    .l-footer__nav__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .l-footer__nav__link li:not(:last-child) {
        margin-right: 40px; }
      .l-footer__nav__link a img {
        vertical-align: baseline; }
  .c-article .c-image-text [class^='c-list'] {
    display: table; }
    .c-bg--sticky-note {
      min-width: 1200px;
      background-image: -webkit-gradient(linear, left top, right top, from(#0C9AEB), to(#0780C7));
      background-image: linear-gradient(to right, #0C9AEB, #0780C7); }
      .c-bg--sticky-note--right .c-bg--sticky-note__inner {
        margin-right: 5vw; }
      .c-bg--sticky-note--left .c-bg--sticky-note__inner {
        margin-left: 5vw; }
      .c-bg--sticky-note--apply {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .c-bg--sticky-note--apply__heading {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 80px;
        vertical-align: top; }
        .c-bg--sticky-note--apply__text {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      .c-bg--sticky-note--search {
        margin-top: 60px;
        padding-bottom: 100px; }
        .c-bg--sticky-note--search::before {
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 70%;
          background-color: #EBF3F6;
          content: "";
          z-index: -1; }
        .c-bg--sticky-note--search__heading {
          display: inline-block;
          padding-right: 2em;
          background: url(/files/user/assets/images/common/icon-map-white.svg?v=1622813255) no-repeat right;
          background-size: contain; }
        .c-bg--sticky-note--search__list {
          -ms-flex-pack: distribute;
          justify-content: space-around;
          width: 900px;
          margin-left: auto; }
          .c-bg--sticky-note--search__list li:nth-child(n+5) {
            margin-top: 20px; }
          .c-bg--sticky-note--search__list .c-button--white {
            width: 200px; }
    .c-button--sm {
      height: 50px; }
    .c-button--md {
      height: 50px; }
    .c-button--lg {
      height: 60px;
      font-size: 20px;
      font-size: 2rem; }
    .c-button--x-lg {
      height: 60px;
      font-size: 20px;
      font-size: 2rem; }
    .c-fixed-button .c-button {
      width: 440px; }
    .c-button-list {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .c-button-list [class^='c-button'] {
        width: 46%; }
        .c-button-list [class^='c-button']:nth-of-type(n+3) {
          margin-top: 20px; }
      .c-card__thumb {
        height: 250px; }
        .c-card--lg .c-card__thumb {
          height: 330px; }
        .c-card__thumb--col2 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .c-card__thumb--col2 .c-card__thumb {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
            .c-card__thumb--col2 .c-card__thumb:first-child {
              border-radius: 30px 0 0 0; }
            .c-card__thumb--col2 .c-card__thumb:last-child {
              border-radius: 0 30px 0 0; }
    .c-card__video {
      padding: 24px 30px; }
      .c-card--lg .c-card__video {
        padding: 40px; }
      .c-card__body {
        padding: 30px; }
        .c-card--lg .c-card__body {
          padding: 40px; }
        .c-card__body__head {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .c-card-list li {
      width: 100%; }
    .c-card-list:not(.c-card-list--col2):not(.c-card-list--col3) li:not(:first-child) {
      margin-top: 40px; }
    .c-card-list--col2 {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .c-card-list--col2 li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 60px) / 2);
        flex: 0 0 calc((100% - 60px) / 2); }
        .c-card-list--col2 li:nth-of-type(n + 3) {
          margin-top: 40px; }
    .c-card-list--col3 li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 60px) / 3);
      flex: 0 0 calc((100% - 60px) / 3); }
      .c-card-list--col3 li:not(:nth-of-type(3n)) {
        margin-right: 30px; }
      .c-card-list--col3 li:nth-of-type(n + 4) {
        margin-top: 40px; }
    .c-card-list .c-card {
      height: 100%; }
  .c-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .c-contact__image {
      width: 400px;
      height: 80px; }
    .c-contact__description {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; }
        .c-form__item__title {
          font-size: 18px;
          font-size: 1.8rem; }
  .c-form-policy__toggle {
    width: 550px;
    margin-right: auto;
    margin-left: auto; }
    .c-heading--pagetitle__outer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      min-height: 160px;
      padding: 30px 0 40px; }
      .c-heading--pagetitle__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
    .c-heading--pagetitle__button {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      margin-left: 20px; }
      .c-heading--pagetitle__button *[class^="c-button"]:not(:first-child) {
        margin-left: 10px; }
  .c-image--col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .c-image--col2 figure {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 46%;
      flex: 0 0 46%; }
  .c-image-text--right {
    width: 400px;
    margin: 0 0 30px 50px;
    float: right; }
  .c-image-text--left {
    width: 400px;
    margin: 0 50px 30px 0;
    float: left; }
  .c-image-text figure {
    display: table;
    text-align: center; }
    .c-modal__contents {
      max-width: 95%; }
      .c-modal__item__body.-youtube {
        min-width: 1000px; }
      .c-search-area__anchor li {
        width: 23%; }
        .c-search-area__anchor li:nth-child(n+5) {
          margin-top: 20px; }
        .c-search-area__anchor li:not(:nth-child(4n)) {
          margin-right: 2%; }
        .c-search-area__anchor li .c-button--ghost {
          width: 100%; }
    .c-search-area__condition__outer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .c-search-area__condition {
      padding-bottom: 10px; }
    .c-search-area__condition.is-open {
      padding-bottom: 0; }
      .c-search-area__condition__button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 150px;
        margin-left: 30px; }
      .c-search-area__condition__table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .c-search-area__condition__table dt {
          width: 150px; }
        .c-search-area__condition__table dd {
          width: calc(100% - 150px); }
      .c-search-keyword__button.-noborder {
        fill: #fff;
        stroke: #6e848a;
        border: none;
        -webkit-transition: stroke .3s ease-in-out;
        transition: stroke .3s ease-in-out; }
        .c-search-keyword__button.-noborder:hover {
          stroke: #00BED4; }
    .c-search-keyword__outer .c-search-keyword__input {
      width: 440px;
      height: 60px; }
    .c-search-keyword__outer .c-search-keyword__button {
      width: 60px;
      height: 60px; }
    .c-slickslider .slider-item {
      height: 600px; }
      .c-slickslider .slider-item.-youtube {
        position: relative; }
        .c-slickslider .slider-item.-youtube iframe {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 87%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
    .c-slickslider .slick-nav-block {
      position: absolute;
      bottom: -44px;
      left: 12%; }
  .c-slickslider .slick-prev,
  .c-slickslider .slick-next {
    border-radius: 50px;
    background-color: #fff;
    z-index: 8; }
  .c-slickslider .slick-prev {
    left: 0;
    width: 50px;
    height: 100px;
    border-radius: 0 50px 50px 0;
    -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.1); }
  .c-slickslider .slick-next {
    right: 0;
    width: 50px;
    height: 100px;
    border-radius: 50px 0 0 50px;
    -webkit-box-shadow: -4px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -4px 2px 5px rgba(0, 0, 0, 0.1); }
    .c-tab__toggle {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 20px 30px;
      border-bottom: 1px solid #ccc;
      font-size: 18px;
      font-size: 1.8rem; }
      .c-tab__toggle.is-active::after {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        border-radius: 2px;
        background-color: #00BED4;
        content: ""; }
    .c-table {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .c-table__head {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 180px;
        padding: 30px; }
        .c-table__head:first-of-type {
          border-radius: 10px 0 0 0; }
        .c-table__head:nth-last-of-type(-n+2) {
          border-radius: 0 0 0 10px; }
        .c-table__head:not(:first-of-type) {
          border-top: 1px solid #ccc; }
    .c-table__body {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: calc(100% - 180px);
      padding: 30px; }
      .c-table__body:not(:nth-of-type(2)) {
        border-top: 1px solid #ccc; }
    .c-table--dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .c-table--dl:not(.c-table--dl--border-top) dd:first-of-type {
      padding-top: 0; }
    .c-table--dl dt, .c-table--dl dd {
      padding: 20px 10px; }
      .c-table--dl dt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100px;
        border-bottom: 1px solid #ccc; }
        .c-article .c-table--dl dt {
          width: 180px; }
      .c-table--dl dd {
        width: calc(100% - 100px); }
        .c-article .c-table--dl dd {
          width: calc(100% - 180px); }
      .c-form-toggle__list--col4 li {
        width: 25%; }
        .c-form-toggle__list--col4 li:nth-child(n+5) {
          margin-top: 20px; }
      .c-form-toggle__list--col3 li {
        width: 33%; }
        .c-form-toggle__list--col3 li:nth-child(n+4) {
          margin-top: 20px; }
    .c-topics__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
    .c-topics__date {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding: 0 30px; }
    .c-topics__title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 0 30px; }
    .c-video__thumb {
      display: table;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      width: 100%;
      text-align: center; }
  .p-facility-detail__table dt {
    width: 100% !important;
    padding-bottom: 0;
    border-bottom: 0; }
  .p-facility-detail__table dd {
    width: 100% !important; }
  .p-seminar-detail__summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .p-seminar-detail__summary__image {
    width: 360px; }
  .p-seminar-detail__summary__table {
    width: 580px;
    margin-left: auto; }
  .p-seminar-detail__summary__table__inner {
    margin-left: auto;
    padding: 30px; }
    .p-seminar-detail__summary__button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
  .p-shinkin-detail__shop__main {
    padding-right: 100px;
    padding-left: 100px; }
  .p-shinkin-detail__shop__main__body dt {
    width: 120px; }
  .p-shinkin-detail__shop__main__body dd {
    width: calc(100% - 120px); }
  .p-shinkin-detail__shop__main__body__map {
    display: inline-block;
    margin-left: 30px; }
    .p-shinkin-detail__shop__branch__head {
      border-radius: 30px 30px 0 0;
      background-color: #0C9AEB;
      color: #fff; }
      .p-shinkin-detail__shop__branch__head .p-shinkin-detail__shop__branch__list dt, .p-shinkin-detail__shop__branch__head .p-shinkin-detail__shop__branch__list dd {
        border: 0;
        font-weight: bold; }
    .p-shinkin-detail__shop__branch__list {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      margin: 0 40px; }
      .p-shinkin-detail__shop__branch__list dt, .p-shinkin-detail__shop__branch__list dd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .p-shinkin-detail__shop__branch__list dt {
        width: 170px; }
      .p-shinkin-detail__shop__branch__list dt:first-child {
        padding-top: 20px !important; }
      .p-shinkin-detail__shop__branch__list dd:first-of-type {
        width: 350px;
        padding-top: 20px !important; }
      .p-shinkin-detail__shop__branch__list dd:nth-of-type(2) {
        width: 160px; }
      .p-shinkin-detail__shop__branch__list dd:last-of-type {
        width: 240px; }
    .p-shinkin-detail__shop__branch__body {
      padding-bottom: 40px; }
    .p-top__hero {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      height: 600px; }
    .p-top__hero__lead {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 40%;
      height: 600px;
      padding: 40px;
      overflow: auto;
      background: url(/files/user/assets/images/common/shape-group-rotate.svg?v=1623031734) repeat-x left -60px bottom -60px #eff5f7;
      z-index: 10; }
      .p-top__hero__lead__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        height: 480px;
        padding: 30px 40px 40px;
        border-radius: 30px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
        .p-top__hero__image__list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 70vw;
          margin-left: auto; }
  .p-top__hero--sp__slider {
    display: none; }
  .p-top__hero--pc__slider {
    width: 60%;
    height: 600px; }
  .p-top__nav .c-bg--shape--right:first-child {
    background-position: right 20px top -20px; }
  .p-top__nav .c-bg--shape--right:not(:first-child) {
    background-position: right 20px top 0px; }
  .p-top__nav .c-bg--shape--left-top {
    background-position: left -50px bottom; }
  .p-top__nav__image-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .p-top__nav__image-left__text {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      margin-left: 70px;
      padding-top: 20px; }
      .p-top__nav__image-left__text::before {
        top: 80px;
        left: -120px;
        width: 100px;
        height: 2px; }
      .p-top__nav__image-left__image::before {
        top: 20px;
        height: 300px; }
  .p-top__nav__seminar {
    padding-top: 100px; }
  .p-top__nav__facility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .p-top__nav__facility__text {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      margin-right: 70px;
      padding-top: 20px; }
      .p-top__nav__facility__text::before {
        top: 80px;
        right: -100px;
        width: 100px;
        height: 2px; }
    .p-top__nav__facility__image {
      width: 520px; }
  .p-top__nav__video {
    padding-bottom: 100px; }
      .p-top__recommend__sub-heading {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(45deg, #0989d3, #0780C7);
        background-size: 100%; }
    .p-top__recommend__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .p-top__recommend__list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .p-top__recommend__list--col2 {
        margin-top: -40px; }
        .p-top__recommend__list--col2 li {
          width: 50%;
          margin-top: 40px; }
          .p-top__recommend__list--col2 li:nth-child(2n) .p-top__recommend__item {
            margin: auto auto auto 30px; }
          .p-top__recommend__list--col2 li:nth-child(2n-1) .p-top__recommend__item {
            margin: auto 30px auto auto; }
      .p-top__recommend__item {
        width: 460px;
        height: 100%;
        padding: 30px; }
      .p-top__recommend__item__headline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 20px; }
        .p-top__recommend__item__title {
          margin-bottom: 20px;
          padding-left: 20px; }
    .p-top__update__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 80px 0; }
      .p-top__update__list .c-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 550px;
        flex: 0 0 550px; }
      .p-top__update__list .c-topics__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .p-top__update__list .c-topics__date {
        padding-left: 10px; }
      .p-top__update__list .c-topics__title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-top: 10px;
        padding: 0 10px; }
  .p-top__link-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 80px auto 100px;
    background: url(/files/user/assets/images/common/shape-group-white.svg?v=1620875403) no-repeat left center; }
  .p-top__link-banner__inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 840px;
    padding: 40px 20px; }
  .p-top__link-banner__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .p-top__link-banner__list--col2 li {
      width: 300px;
      text-align: center; }
      .p-top__link-banner__list--col2 li:nth-child(n + 3) {
        margin-top: 30px; }
    .p-top__link-banner__list--col3 li {
      width: 33.3%; }
      .p-top__link-banner__list--col3 li a {
        margin: auto; }
      .p-top__link-banner__list--col3 li:nth-child(n + 4) {
        margin-top: 30px; }
  .p-top__link-banner__list li a {
    display: block; }
    .p-top__link-banner__list li a:hover {
      -webkit-animation: card 0.4s ease-in-out;
      animation: card 0.4s ease-in-out; }
    .p-top__link-banner__list li img {
      width: 250px; }
  .is-pc {
    display: block !important; }
  .is-sp {
    display: none !important; } }

@media screen and (min-width: 1280px) {
      .l-header__inner {
        padding: 0 80px; }
    .l-nav {
      width: 460px; }
      .l-nav__heading {
        margin: 0 0 30px; }
    .l-nav__layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .l-nav__layout__parent {
        position: relative;
        margin-right: 14px;
        cursor: pointer; }
        .l-nav__layout__parent span {
          position: relative;
          -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
          transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
          .l-nav__layout__parent span:before {
            position: absolute;
            top: 12px;
            right: 0;
            width: 6px;
            height: 6px;
            margin-top: -6px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border: 0;
            border-right: solid 2px #6E848A;
            border-bottom: solid 2px #6E848A;
            content: '';
            -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
            transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
        .l-nav__layout__parent:hover span:before {
          border-right: solid 2px #00BED4;
          border-bottom: solid 2px #00BED4; }
      .l-nav__layout__parent.is-open span {
        color: #00BED4; }
        .l-nav__layout__parent.is-open span:before {
          position: absolute;
          top: 12px;
          right: 0;
          width: 6px;
          height: 6px;
          margin-top: -4px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          border: 0;
          border-top: solid 2px #6E848A;
          border-right: solid 2px #6E848A;
          content: ''; }
      .l-nav__layout__child {
        display: none;
        position: absolute;
        top: 0;
        left: 50%;
        width: 110%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-top: 64px solid transparent;
        -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
        transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
        .l-nav__layout__child li a {
          display: block;
          padding: 8px 20px;
          line-height: 1.5; }
        .l-nav__layout__child.-wide {
          width: 176%; }
    .l-nav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .l-nav__list li {
        line-height: 1; }
      .l-nav__list a, .l-nav__list span {
        padding: 0 16px;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold; }
        .l-nav__list a:hover, .l-nav__list span:hover {
          color: #00BED4; }
      .l-nav__list__child {
        padding: 10px 0;
        border-radius: 10px;
        background: #fff;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
        .l-nav__search__outer {
          margin-top: 100px;
          padding: 40px 0; }
      .l-nav__toggle--open {
        display: none; }
  .is-sp--header {
    display: none !important; } }

@media screen and (max-width: 1279px) {
      .l-header__inner {
        padding: 0 20px; }
      .l-header__logo {
        width: 180px; }
    .l-nav {
      width: 100%; }
      .l-nav__head {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 20px; }
    .l-nav__layout {
      display: none; }
      .l-nav__layout__parent .l-nav__link {
        display: block;
        position: relative;
        font-weight: bold;
        -webkit-clip-path: inset(-2px -5px);
        clip-path: inset(-2px -5px);
        cursor: pointer;
        /* たぶんrotateの影響でクリックすると外側にクリックエリアがフォーカスされるので（Mac Chrome エミュレータ） */ }
        .l-nav__layout__parent .l-nav__link::before {
          -webkit-transform: rotate(90deg) translateY(-50%);
          display: block;
          position: absolute;
          top: 50%;
          right: -4px;
          width: 14px;
          height: 2px;
          margin: auto;
          transform: rotate(90deg) translateY(-50%);
          background-color: #00BED4;
          content: ""; }
        .l-nav__layout__parent .l-nav__link::after {
          -webkit-transform: translateY(-50%);
          display: block;
          position: absolute;
          top: 50%;
          right: -5px;
          width: 14px;
          height: 2px;
          margin: auto;
          transform: translateY(-50%);
          background-color: #00BED4;
          content: ""; }
      .l-nav__layout__parent.is-open .l-nav__link::before {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .l-nav__layout__parent.is-open .l-nav__link::after {
        background-color: transparent; }
    .l-nav__list__item {
      margin: 20px 0; }
      .l-nav__list__item .l-nav__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-weight: bold;
        -webkit-transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out;
        transition: border-color 0.3s ease-in, background-color 0.2s ease-in, color 0.2s ease-out; }
        .l-nav__list__item .l-nav__link::after {
          display: inline-block;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 8px;
          height: 8px;
          margin-left: 8px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          border-top: 2px solid #00BED4;
          border-right: 2px solid #00BED4;
          content: ""; }
    .l-nav__list__child {
      display: none; }
      .l-nav__list__child a {
        display: block;
        padding: 10px;
        font-size: 14px;
        font-size: 1.4rem; }
      .l-nav__list__child li:first-child a {
        margin-top: 20px; }
      .l-nav__list__child li:last-child a {
        padding-bottom: 0; }
        .l-nav__search__outer {
          margin-top: 60px;
          padding: 30px 0; }
        .l-nav__toggle span::before, .c-modal__close span::before, .l-nav__toggle span::after, .c-modal__close span::after {
          margin: 4px auto; }
      .l-nav__toggle--open {
        display: block; }
        .l-nav__toggle--open::before {
          display: block;
          width: 20px;
          height: 2px;
          margin: 4px auto;
          border-radius: 1px;
          background-color: #fff;
          content: ""; }
        .l-nav__toggle--open:hover::before {
          background-color: #00BED4; }
  .is-sp--header {
    display: block !important; } }

@media screen and (max-width: 1279px) and (max-width: 1279px) {
      .l-nav__toggle--open::before {
        margin: 4px auto; } }

@media screen and (min-width: 769px) and (max-width: 1359px) {
    .c-bg--sticky-note .l-container--large {
      width: 1000px; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
      .p-top__hero__lead__catch {
        line-height: 1.5; }
      .p-top__hero__lead__summary br {
        display: none; } }
 <!-- update -->