@charset "UTF-8";
/* Base
----------------------------------------------------------- */
/* ============================================================ */
/* mediaquery */
/* ============================================================ */
/* ============================================================ */
/* utility */
/* ============================================================ */
/* circle
----------------------------------------------------------- */
/* transition
----------------------------------------------------------- */
/* arrow-slide
----------------------------------------------------------- */
/* arrow-slide-bottom
----------------------------------------------------------- */
/* btn effect
----------------------------------------------------------- */
/* centering
----------------------------------------------------------- */
/* screenReader-only
----------------------------------------------------------- */
/* ============================================================ */
/* settings */
/* ============================================================ */
/* colors
----------------------------------------------------------- */
/* width
----------------------------------------------------------- */
/* box-shadow
----------------------------------------------------------- */
/* font
----------------------------------------------------------- */
/*----- base-font-family -----*/
/*----- base-font-family (serif) -----*/
/*$font-serif: 'Hiragino Mincho ProN', 'Yu Mincho', 游明朝, 'HGS明朝E', serif;*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
  font-size: 62.5%;
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  html {
    font-size: calc(100vw / 112);
  }
}

body {
  color: #111;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  font-size: 1.6rem;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

body.is-hidden {
  overflow: hidden;
}

a {
  color: #111;
  text-decoration: none;
}

p {
  margin: 0 0 1.2em;
  line-height: 1.8;
}

p:last-child {
  margin-bottom: 0;
}

p > a {
  color: #095C78;
  text-decoration: underline;
}

p > a:hover {
  text-decoration: none;
}

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

dl,
dl dd {
  margin: 0;
}

table {
  border-collapse: collapse;
}

figure {
  margin: 0;
}

iframe {
  border: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
}

fieldset {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  border: none;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  border: none;
  background: inherit;
  cursor: pointer;
}

code {
  font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif;
}

/* PC
----------------------------------------------------------- */
@media (min-width: 768px) {
  a {
    cursor: pointer;
    -webkit-transition: 0.15s all;
    transition: 0.15s all;
  }
  .sp-view {
    display: none !important;
  }
}

/* SP
----------------------------------------------------------- */
@media (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
  .pc-view {
    display: none !important;
  }
}

/* top-hero-scroll
---------------------------- */
@-webkit-keyframes top-hero-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes top-hero-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

/* top-hero-fadein
---------------------------- */
@-webkit-keyframes top-hero-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes top-hero-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* top-btn-line
---------------------------- */
@-webkit-keyframes top-btn-line {
  0% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  100% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes top-btn-line {
  0% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  100% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

/* arrow-slide
---------------------------- */
@-webkit-keyframes arrow-slide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  50.1% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes arrow-slide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  50.1% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* arrow-slide-bottom
---------------------------- */
@-webkit-keyframes arrow-slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  50.1% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes arrow-slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  50.1% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* hoverTranslate
---------------------------- */
@-webkit-keyframes hoverTranslate {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  .1% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes hoverTranslate {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  .1% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}

/* spinner
---------------------------- */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* l-footer
----------------------------------------------------------- */
.l-footer {
  position: relative;
}

.l-footer__bottom {
  padding: 40px 16px 32px;
  background: #606060;
}

.l-footer__bottom-inner {
  max-width: 1245px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .l-footer__copy {
    font-size: 1rem;
  }
}

.l-footer-bottom__copyright {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .l-footer-bottom__copyright {
    margin-top: 16px;
    color: #fff;
    text-align: center;
    line-height: 1.4;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: #fff;
  text-align: center;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.l-header__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 0 14px;
  -webkit-transition: 0.15s all;
  transition: 0.15s all;
}

.l-header__logo {
  width: 104px;
}
.l-header__logo-nipponsteel {
  width: 180px;
}
.l-header__logo-nipponsteel img {
  vertical-align: baseline;
}

@media (max-width: 1080px) {
  .l-header__inner {
    padding-right: 14px;
  }
}

@media (max-width: 960px) {
  .l-header__logo {
    width: 80px;
  }
  .l-header__logo-nipponsteel { 
    width: 100px;
  }
}

@media (max-width: 767px) {
  .l-header {
    background: #fff;
  }
  .l-header__inner {
    height: 60px;
    padding: 4px 10px 4px 0;
  }
  .l-header__logo {
    width: 60px;
  }
}

/* ヘッダー縮小時スタイル
----------------------------------------------------------- */
@media (min-width: 768px) {
  .l-header.-shrinked {
    height: 80px;
  }
  .l-header.-shrinked .l-header__inner {
    height: 80px;
  }
  .l-header.-shrinked .l-header__logo img {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}

.l-noscript {
  position: fixed;
  top: 126px;
  left: 0;
  z-index: 20;
  width: 100%;
  padding: 16px;
  background: #FFEDED;
  text-align: center;
}

.l-noscript p {
  line-height: 1.6;
}

@media (max-width: 767px) {
  .l-noscript {
    top: 60px;
  }
}

.l-noscript.-future {
  top: 80px;
}

@media (max-width: 767px) {
  .l-noscript.-future {
    top: 42px;
  }
}

.l-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}

.l-main {
  padding-top: 104px;
  overflow-x: initial;
}

@media (max-width: 960px) {
  .l-main {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .l-main {
    padding-top: 60px;
  }
}

.l-content-block {
  padding: 56px 16px 100px;
}

.l-content-block__inner {
  max-width: 1236px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .l-content-block {
    padding: 40px 16px 64px;
  }
}

.l-pagetitle {
  padding: 64px 16px 72px;
}

.l-pagetitle__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  max-width: 1236px;
  margin: 0 auto;
}

.l-pagetitle__heading {
  font-size: 4.8rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  line-height: 1.4;
}

@media (max-width: 767px) {
  .l-pagetitle {
    padding: 24px 16px 32px;
  }
  .l-pagetitle__inner {
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .l-pagetitle__heading {
    font-size: 2.6rem;
  }
}

/* Component ------------ */
.c-box {
  display: block;
  width: 100%;
  padding: 20px;
}

.c-box + .c-box {
  margin-top: 32px;
}

.c-box.-white {
  background: #fff;
}

.c-box.-gray {
  background: #E8E8E8;
}

.c-box.-blue {
  background: #DDF5FD;
}

.c-box.-warning {
  background: #fffedf;
}

.c-box.-danger {
  background: #FFEDED;
}

.c-box.-bordered {
  border: 1px solid #dbdcdf;
}

.c-box.-rounded {
  border-radius: 5px;
}

@media (max-width: 767px) {
  .c-box {
    padding: 20px 15px;
  }
  .c-box + .c-box {
    margin-top: 26px;
  }
}

@media (min-width: 768px) {
  .c-grid .c-box {
    height: 100%;
  }
}

.c-btns {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}

.c-btns__item {
  margin: 12px;
}

@media (max-width: 767px) {
  .c-btns__item {
    width: 100%;
  }
  .c-btns__item .c-btn {
    margin: 0 auto;
  }
}

.c-btn-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 56px;
}

@media (max-width: 767px) {
  .c-btn-block {
    margin-top: 28px;
  }
}

/* c-btn
----------------------------------------------------------- */
.c-btn {
  overflow: hidden;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  min-width: 150px;
  padding: 13px 36px;
  border-radius: 4px;
  background: #d8dee4;
  color: #111;
  font-size: 1.6rem;
  line-height: 1.4;
  text-decoration: none;
  -webkit-transition: 0.15s all;
  transition: 0.15s all;
}

.c-btn__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 11px;
  overflow: hidden;
  display: inline-block;
  width: 12px;
  height: 16px;
}

.c-btn__icon::after {
  position: absolute;
  right: 0;
  color: #868686;
  font-family: 'nssol-icon' !important;
  font-size: 1.2rem;
  -webkit-transition: 0.15s all;
  transition: 0.15s all;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  content: "\e90b";
}

.c-btn__icon.-bottom {
  width: 16px;
}

.c-btn__icon.-bottom::after {
  content: "\e909";
}

.c-btn.-open-new .c-btn__icon::after, .c-btn[target="_blank"] .c-btn__icon::after {
  color: #4A4A4A;
  content: "\e910";
}

.c-btn.-more .c-btn__icon::after {
  content: "\e90f";
}

.c-btn.-pdf .c-btn__icon, .c-btn[href$=".pdf"] .c-btn__icon {
  width: 16px;
  height: 20px;
}

.c-btn.-pdf .c-btn__icon::after, .c-btn[href$=".pdf"] .c-btn__icon::after {
  content: "\e90d";
  font-size: 1.6rem;
}

.c-btn.-zip .c-btn__icon, .c-btn[href$=".zip"] .c-btn__icon {
  width: 16px;
  height: 20px;
}

.c-btn.-zip .c-btn__icon::after, .c-btn[href$=".zip"] .c-btn__icon::after {
  content: "\e912";
  font-size: 1.6rem;
}

.c-btn[href^="mailto:"] .c-btn__icon::after {
  content: "\e911";
}

.c-btn.-xlsx .c-btn__icon, .c-btn[href$=".xlsx"] .c-btn__icon {
  width: 16px;
  height: 20px;
}

.c-btn.-xlsx .c-btn__icon::after, .c-btn[href$=".xlsx"] .c-btn__icon::after {
  content: "\e913";
  font-size: 1.6rem;
}

.c-btn.-ppt .c-btn__icon, .c-btn[href$=".pptx"] .c-btn__icon {
  width: 16px;
  height: 20px;
}

.c-btn.-ppt .c-btn__icon::after, .c-btn[href$=".pptx"] .c-btn__icon::after {
  content: "\e914";
  font-size: 1.6rem;
}

.c-btn.-docx .c-btn__icon, .c-btn[href$=".docx"] .c-btn__icon {
  width: 16px;
  height: 20px;
}

.c-btn.-docx .c-btn__icon::after, .c-btn[href$=".docx"] .c-btn__icon::after {
  content: "\e915";
  font-size: 1.6rem;
}

.c-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(162, 162, 162, 0.5);
}

.c-btn::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transform-origin: left;
          transform-origin: left;
  content: '';
  background-color: rgba(0, 0, 0, 0.08);
}

.c-btn.-white-outline {
  border: 1px solid #a0a0a0;
  background: #fff;
}

.c-btn.-blue {
  background: #1EB9EE;
  color: #fff;
}

.c-btn.-blue .c-btn__icon::after {
  color: #fff;
}

.c-btn.-blue:focus {
  box-shadow: 0 0 0 3px rgba(30, 185, 238, 0.5);
}

.c-btn.-small {
  font-size: 1.4rem;
}

.c-btn.-medium {
  min-width: 240px;
}

.c-btn.-max {
  width: 100%;
  min-width: inherit;
}

.c-btn.-disabled {
  background: #E8E8E8;
  color: #868686;
  pointer-events: none;
}

.c-btn.-disabled:hover {
  cursor: default;
}

@media (min-width: 768px) {
  .c-btn:hover .c-btn__icon::after {
    color: #F1D900;
    -webkit-animation: arrow-slide 0.5s cubic-bezier(0.5, 0.08, 0.05, 1) normal;
            animation: arrow-slide 0.5s cubic-bezier(0.5, 0.08, 0.05, 1) normal;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .c-btn:hover .c-btn__icon.-bottom::after {
    -webkit-animation: arrow-slide-bottom 0.5s cubic-bezier(0.5, 0.08, 0.05, 1) normal;
            animation: arrow-slide-bottom 0.5s cubic-bezier(0.5, 0.08, 0.05, 1) normal;
  }
  .c-btn:hover::before {
    -webkit-animation-name: hoverTranslate;
            animation-name: hoverTranslate;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .c-btn.-blue:hover .c-btn__icon::after {
    color: #fff;
  }
  .c-btn.-large {
    min-width: 300px;
    height: 70px;
    padding: 12px 36px;
    font-size: 2rem;
  }
  .c-btn.-large.-max {
    min-width: inherit;
  }
  .c-btn.-large .c-btn__icon {
    right: 12px;
    width: 18px;
    height: 25px;
  }
  .c-btn.-large .c-btn__icon::after {
    font-size: 1.8rem;
  }
}

@media (max-width: 960px) {
  .c-btn__icon::after {
    top: 5px;
  }
  .c-btn.-small .c-btn__icon::after {
    top: 2px;
  }
}

@media (max-width: 767px) {
  .c-btn {
    -webkit-box-pack: start;
            justify-content: flex-start;
    padding: 13px 22px 13px 14px;
    font-size: 1.4rem;
  }
  .c-btn__icon {
    right: 4px;
  }
  .c-btn__icon::after {
    top: 0;
    font-size: 1rem;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .c-btn.-pdf .c-btn__icon {
    width: 14px;
    height: 26px;
  }
  .c-btn.-pdf .c-btn__icon::after {
    content: "\e90d";
    font-size: 1.4rem;
  }
  .c-btn.-zip .c-btn__icon {
    width: 14px;
    height: 26px;
  }
  .c-btn.-zip .c-btn__icon::after {
    content: "\e912";
    font-size: 1.4rem;
  }
  .c-btn::after {
    right: 10px;
  }
  .c-btn.-large {
    width: 100%;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .c-btn.-large .c-btn__icon::after {
    top: 0;
    font-size: 1.2rem;
  }
  .c-btn.-sp-max {
    width: 100%;
  }
}

.c-grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: -1em -1em 0;
}

.c-grid__item {
  padding: 1em;
}

.c-grid__item.-col-1 {
  width: 8.33333%;
}

.c-grid__item.-col-2 {
  width: 16.66667%;
}

.c-grid__item.-col-3 {
  width: 25%;
}

.c-grid__item.-col-4 {
  width: 33.33333%;
}

.c-grid__item.-col-5 {
  width: 41.66667%;
}

.c-grid__item.-col-6 {
  width: 50%;
}

.c-grid__item.-col-7 {
  width: 58.33333%;
}

.c-grid__item.-col-8 {
  width: 66.66667%;
}

.c-grid__item.-col-9 {
  width: 75%;
}

.c-grid__item.-col-10 {
  width: 83.33333%;
}

.c-grid__item.-col-11 {
  width: 91.66667%;
}

.c-grid__item.-col-12 {
  width: 100%;
}

.c-grid.-wide {
  margin: -1.5em -1.5em 0;
}

.c-grid.-wide .c-grid__item {
  padding: 1.5em;
}

@media (max-width: 767px) {
  .c-grid__item.-col-sp-1 {
    width: 8.33333%;
  }
  .c-grid__item.-col-sp-2 {
    width: 16.66667%;
  }
  .c-grid__item.-col-sp-3 {
    width: 25%;
  }
  .c-grid__item.-col-sp-4 {
    width: 33.33333%;
  }
  .c-grid__item.-col-sp-5 {
    width: 41.66667%;
  }
  .c-grid__item.-col-sp-6 {
    width: 50%;
  }
  .c-grid__item.-col-sp-7 {
    width: 58.33333%;
  }
  .c-grid__item.-col-sp-8 {
    width: 66.66667%;
  }
  .c-grid__item.-col-sp-9 {
    width: 75%;
  }
  .c-grid__item.-col-sp-10 {
    width: 83.33333%;
  }
  .c-grid__item.-col-sp-11 {
    width: 91.66667%;
  }
  .c-grid__item.-col-sp-12 {
    width: 100%;
  }
}

@font-face {
  font-family: 'nssol-icon';
  src: url("/assets/icon/fonts/nssol-icon.ttf?x049r6") format("truetype"), url("/assets/icon/fonts/nssol-icon.woff?x049r6") format("woff"), url("/assets/icon/fonts/nssol-icon.svg?x049r6#nssol-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nssol-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.2;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  display: inline-block;
}

.icon-zip:before {
  content: "\e912";
}

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

.icon-pdf:before {
  content: "\e90d";
}

.icon-excel:before {
  content: "\e913";
}

.icon-ppt:before {
  content: "\e914";
}

.icon-word:before {
  content: "\e915";
}

.icon-open-new:before {
  content: "\e910";
}

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

.icon-global:before {
  content: "\e905";
}

.icon-rss:before {
  content: "\e906";
}

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

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

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

.icon-add:before {
  content: "\e90f";
}

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

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

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

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

.icon-triangle-bottom:before {
  content: "\e909";
}

.icon-triangle-left:before {
  content: "\e90a";
}

.icon-triangle-right:before {
  content: "\e90b";
}

/* c-icon
----------------------------------------------------------- */
.c-icon {
  color: #4A4A4A;
}

.c-icon.-gray {
  color: #868686;
}

.c-icon.-white {
  color: #fff;
}

.c-icon.-left {
  margin-right: .5em;
}

.c-icon.-right {
  margin-left: .5em;
}

.c-icon.-xlarge {
  font-size: 2.2rem;
}

.c-icon.-large {
  font-size: 1.9rem;
}

.c-icon.-medium {
  font-size: 1.6rem;
}

.c-icon.-small {
  font-size: 1.4rem;
}

.c-icon.-xsmall {
  font-size: 1.2rem;
}

.c-icon.-xxsmall {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .c-icon {
    font-size: 1.3rem;
  }
  .c-icon.-xlarge {
    font-size: 1.9rem;
  }
  .c-icon.-large {
    font-size: 1.6rem;
  }
  .c-icon.-medium {
    font-size: 1.4rem;
  }
  .c-icon.-small {
    font-size: 1.2rem;
  }
  .c-icon.-xsmall {
    font-size: 1.1rem;
  }
  .c-icon.-xxsmall {
    font-size: 1rem;
  }
  .c-icon.-xxsmall::before {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.c-image {
  margin: 0 auto;
}

.c-image img {
  display: block;
  margin: 0 auto;
}

.c-image img + img {
  margin-top: 1em;
}

.c-image.-large {
  max-width: 960px;
}

.c-image.-small {
  max-width: 575px;
}

.c-image__caption {
  margin-top: 1em;
  text-align: left;
}

.c-label-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: -0.625em;
}

.c-label-list > li {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 0.625em;
}

@media (max-width: 767px) {
  .c-label-list {
    margin: -5px;
  }
  .c-label-list > li {
    padding: 5px;
  }
}

.c-label {
  display: inline-block;
  min-width: 92px;
  padding: 9px 12px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
}

.c-label.-white {
  border: 1px solid #707070;
  background: #fff;
}

.c-label.-yellow {
  background: #FFF7B5;
}

.c-label.-blue {
  background: #1EB9EE;
  color: #fff;
}

.c-label.-green {
  background: #04B787;
  color: #fff;
}

@media (min-width: 768px) {
  .c-label.-large {
    min-width: 136px;
  }
  .c-label.-small {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .c-label {
    min-width: 74px;
    min-height: 24px;
    padding: 6px;
    font-size: 1rem;
    vertical-align: top;
  }
  .c-label.-small {
    min-width: inherit;
  }
}

.c-link-label {
  position: relative;
  overflow: hidden;
  display: inline-block;
  min-width: 92px;
  padding: 9px 12px;
  color: #707070;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
}

.c-link-label.-white {
  border: 1px solid #a0a0a0;
  background: #fff;
}

.c-link-label.-white.-current {
  background: #FFF7B5;
}

@media (min-width: 768px) {
  .c-link-label.-white:hover {
    background: #FFF7B5;
  }
  .c-link-label.-large {
    min-width: 136px;
  }
  .c-link-label.-small {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .c-link-label {
    min-width: 74px;
    padding: 6px;
    font-size: 1rem;
  }
  .c-link-label.-small {
    min-width: inherit;
  }
}

.c-new-label::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 52px 52px 0;
  border-color: transparent #FFF388 transparent transparent;
  content: "";
}

.c-new-label > span {
  display: block;
  position: absolute;
  top: 8px;
  right: 6px;
  z-index: 5;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  font-size: 1.1rem;
}

@media (max-width: 767px) {
  .c-new-label::before {
    border-width: 0 42px 42px 0;
  }
  .c-new-label > span {
    top: 5px;
    right: 3px;
    font-size: 1rem;
  }
}

.c-link {
  display: inline-block;
  position: relative;
  color: #095C78;
  text-decoration: none;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .c-link:hover {
    text-decoration: underline;
  }
}

.c-link.-arrow, .c-link.-anchor {
  padding-left: 1.5em;
}

.c-link.-arrow::before, .c-link.-anchor::before {
  position: absolute;
  top: .5em;
  left: 0;
  display: inline-block;
  color: #868686;
  font-family: 'nssol-icon';
  font-size: 1.3rem;
  line-height: 1;
}

.c-link.-arrow::before {
  content: "\e90b";
}

.c-link.-anchor {
  padding-left: 1.75em;
  color: #111;
}

.c-link.-anchor::before {
  content: "\e909";
}

.c-link.-large {
  font-size: 2.3rem;
}

.c-link.-large::after {
  font-size: 1.8rem;
}

.c-link[target="_blank"]::after, .c-link[href$=".pdf"]::after, .c-link[href$=".zip"]::after, .c-link[href$=".xlsx"]::after, .c-link[href$=".pptx"]::after, .c-link[href$=".docx"]::after, .c-link[href^="mailto:"]::after, .c-link.-open-new::after {
  display: inline-block;
  margin-left: .5em;
  color: #4A4A4A;
  font-family: 'nssol-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
}

.c-link[target="_blank"]::after, .c-link.-open-new::after {
  vertical-align: baseline;
  content: "\e910";
}

.c-link[href$=".pdf"]::after {
  font-size: 1.9rem;
  content: "\e90d";
  vertical-align: middle;
}

@media (max-width: 767px) {
  .c-link[href$=".pdf"]::after {
    font-size: 1.5rem;
  }
}

.c-link[href$=".zip"]::after {
  font-size: 1.9rem;
  content: "\e912";
  vertical-align: middle;
}

@media (max-width: 767px) {
  .c-link[href$=".zip"]::after {
    font-size: 1.5rem;
  }
}

.c-link[href$=".xlsx"]::after {
  font-size: 1.9rem;
  content: "\e913";
  vertical-align: middle;
}

@media (max-width: 767px) {
  .c-link[href$=".xlsx"]::after {
    font-size: 1.5rem;
  }
}

.c-link[href$=".pptx"]::after {
  font-size: 1.9rem;
  content: "\e914";
  vertical-align: middle;
}

@media (max-width: 767px) {
  .c-link[href$=".pptx"]::after {
    font-size: 1.5rem;
  }
}

.c-link[href$=".docx"]::after {
  font-size: 1.9rem;
  content: "\e915";
  vertical-align: middle;
}

@media (max-width: 767px) {
  .c-link[href$=".docx"]::after {
    font-size: 1.5rem;
  }
}

.c-link[href^="mailto:"]::after {
  font-size: 1.9rem;
  content: "\e911";
}

@media (max-width: 767px) {
  .c-link[href^="mailto:"]::after {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .c-link.-arrow, .c-link.-anchor {
    padding-left: 1.5em;
  }
  .c-link.-arrow::before, .c-link.-anchor::before {
    top: .6em;
    font-size: 1.2rem;
  }
  .c-link.-anchor::before {
    top: .65em;
  }
  .c-link.-large {
    font-size: 1.6rem;
  }
  .c-link.-large::after {
    font-size: 1.4rem;
  }
}

p > .c-link {
  text-decoration: underline;
}

p > .c-link:hover {
  text-decoration: none;
}

p > .c-link[target="_blank"]::after, p > .c-link[href$=".pdf"]::after, p > .c-link[href$=".zip"]::after, p > .c-link[href$=".xlsx"]::after, p > .c-link[href$=".pptx"]::after, p > .c-link[href^="mailto:"]::after, p > .c-link.-open-new::after {
  margin-left: .25em;
  margin-right: .5em;
}

.c-image-link {
  overflow: hidden;
  display: block;
  position: relative;
}
.c-image-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.c-image-link__text {
  position: absolute;
  top: 35%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-size: 1.5em;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  text-align: center;
  -webkit-transition: 0.15s all;
  transition: 0.15s all;
  z-index: 1;
}

.c-image-link__text [class^="icon-"] {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: -40%;
  right: 5%;
}

.c-image-link__text [class^="icon-"]::before {
  color: #fff;
}

.c-image-link__text::before {
  color: #868686;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

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

@media (min-width: 768px) {
  .c-image-link img {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .c-image-link:hover img {
    -webkit-transform: scale(1.09);
            transform: scale(1.09);
  }
  .c-image-link.-no-link:hover img {
    -webkit-transform: inherit;
            transform: inherit;
  }
}

@media (max-width: 767px) {
  .c-image-link__text {
    min-width: 150px;
    padding: 6px 24px;
    font-size: 1.4em;
  }
  .c-image-link__text::after {
    right: 10px;
  }
}

.c-list li {
  position: relative;
}

.c-list li:not(:first-child) {
  margin-top: .75em;
}

.c-list li > ul {
  margin-top: 1em;
}

.c-list.-circle li {
  padding-left: 1.5em;
}

.c-list.-circle li::before {
  position: absolute;
  top: .85em;
  left: .5em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #111;
  content: "";
}

@media (max-width: 767px) {
  .c-list.-circle li::before {
    top: .8em;
  }
}

.c-list.-square li {
  padding-left: 1.5em;
}

.c-list.-square li::before {
  position: absolute;
  top: .8em;
  left: .5em;
  width: 5px;
  height: 5px;
  border-radius: 0;
  background: #1EB9EE;
  content: "";
}

@media (max-width: 960px) {
  .c-list.-square li::before {
    top: .65em;
  }
}

@media (max-width: 767px) {
  .c-list.-square li::before {
    top: .75em;
  }
}

.c-list.-ordered {
  padding-left: 1.5em;
  list-style-type: decimal;
}

.c-list.-ordered > li {
  padding-left: .5em;
}

.c-list.-note > li {
  padding-left: 1.5em;
}

.c-list.-note > li::before {
  position: absolute;
  left: 0;
  content: '※';
}

.c-list.-small > li {
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .c-list.-small > li {
    font-size: 1.2rem;
  }
}

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

.c-list.-flex > li {
  margin: 0 1.5em 1em 0;
}

.c-list.-flex > li:not(:first-child) {
  margin-top: 0;
}

.c-link-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.c-link-list li {
  margin: 0 4em 1em 0;
}

@media (max-width: 767px) {
  .c-link-list li {
    margin: 0 2em 1em 0;
  }
}

.c-box .c-link-list li {
  margin: .5em 4em .5em 0;
}

@media (max-width: 767px) {
  .c-box .c-link-list li {
    margin: .5em 2em .5em 0;
  }
}

@media (max-width: 767px) {
  .c-grid .c-grid__item.-col-sp-12 + .c-grid__item .c-list {
    margin-top: -1em;
  }
}

.c-btn-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: -7px;
}

.c-btn-list__item {
  width: 20%;
  padding: 7px;
}

.c-btn-list__item a {
  height: 100%;
}

@media (min-width: 768px) {
  .c-btn-list.-col-3 .c-btn-list__item {
    width: 33.3%;
  }
}

@media (max-width: 767px) {
  .c-btn-list__item {
    width: 50%;
  }
}

.c-overlay {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.15s all;
  transition: 0.15s all;
}

.c-overlay.-visible {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 767px) {
  .c-overlay.-visible {
    opacity: 0;
  }
}

.c-section {
  max-width: 1236px;
  margin: 0 auto 64px;
}

.c-section.-narrow {
  max-width: 980px;
}

.c-section.-small {
  margin-bottom: 48px;
}

.c-section.-medium {
  margin-bottom: 72px;
}

.c-section.-large {
  margin-bottom: 96px;
}

.c-section.-xlarge {
  margin-bottom: 120px;
}

@media (max-width: 767px) {
  .c-section {
    margin-bottom: 40px;
  }
  .c-section.-small {
    margin-bottom: 32px;
  }
  .c-section.-medium {
    margin-bottom: 48px;
  }
  .c-section.-large {
    margin-bottom: 64px;
  }
  .c-section.-xlarge {
    margin-bottom: 80px;
  }
}

.c-section:last-child {
  margin-bottom: 0;
}

.c-sentence.-large {
  font-size: 1.8rem;
}

.c-sentence.-small {
  font-size: 1.4rem;
}

.c-sentence.-xsmall {
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  .c-sentence.-large {
    font-size: 1.6rem;
  }
  .c-sentence.-small {
    font-size: 1.3rem;
  }
  .c-sentence.-xsmall {
    font-size: 1.1rem;
  }
}

.c-table {
  table-layout: fixed;
  width: 100%;
}

.c-table.-center th,
.c-table.-center td {
  text-align: center;
}

.c-table .w-30 {
  width: 30%;
}

.c-table th,
.c-table td {
  padding: 1.5em;
  border: 1px solid #a0a0a0;
}

.c-table th {
  background: #E8E8E8;
  font-weight: 500;
}

.c-table td {
  background: #fff;
}

.c-table tbody th {
  width: 25%;
}

.c-table.-col-1to2 th:first-child,
.c-table.-col-1to2 td:first-child {
  width: 33.3%;
  text-align: center;
}

.c-table.-col-2 th {
  width: 50%;
}

.c-table.-col-2 td {
  text-align: center;
}

.c-table.-col-3 th {
  width: 33.3%;
}

.c-table.-col-3 td {
  text-align: center;
}

.c-table.-no-border tr,
.c-table.-no-border th,
.c-table.-no-border td {
  padding: 1em 1.5em 1em 0;
  border: 0;
  background: #fff;
  text-align: left;
}

@media (max-width: 767px) {
  .c-table th,
  .c-table td {
    padding: 14px 12px;
    font-size: 1.4rem;
  }
  .c-table th {
    line-height: 1.4;
  }
  .c-table td {
    line-height: 1.6;
  }
  .c-table tbody th {
    width: 28%;
  }
}

@media (max-width: 767px) {
  .c-table-scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .c-table-scroll .c-table {
    width: 100%;
    min-width: 767px;
  }
}

/* Utility ------------ */
/* text-align
----------------------------------------------------------- */
.u-ta-c {
  text-align: center !important;
}

@media (min-width: 768px) {
  .u-pc-ta-c {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .u-sp-ta-c {
    text-align: center !important;
  }
}

.u-ta-r {
  text-align: right !important;
}

.u-ta-l {
  text-align: left !important;
}

/* font
----------------------------------------------------------- */
.u-font-medium {
  font-weight: 500;
}

.u-font-bold {
  font-weight: 700;
}

.u-font-red {
  color: #FF0000;
}

.u-font-xxxs {
  font-size: 1rem !important;
}

.u-font-xxs {
  font-size: 1.2rem !important;
}

.u-font-xs {
  font-size: 1.4rem !important;
}

.u-font-s {
  font-size: 1.6rem !important;
}

.u-font-m {
  font-size: 1.8rem !important;
}

.u-font-l {
  font-size: 2rem !important;
}

.u-font-xl {
  font-size: 2.4rem !important;
}

.u-font-xxl {
  font-size: 2.6rem !important;
}

.u-font-xxxl {
  font-size: 3rem !important;
}

@media (max-width: 767px) {
  .u-font-xxxs {
    font-size: 1rem !important;
  }
  .u-font-xxs {
    font-size: 1.1rem !important;
  }
  .u-font-xs {
    font-size: 1.2rem !important;
  }
  .u-font-s {
    font-size: 1.4rem !important;
  }
  .u-font-m {
    font-size: 1.6rem !important;
  }
  .u-font-l {
    font-size: 1.8rem !important;
  }
  .u-font-xl {
    font-size: 2rem !important;
  }
  .u-font-xxl {
    font-size: 2.2rem !important;
  }
  .u-font-xxxl {
    font-size: 2.4rem !important;
  }
}

/* border
----------------------------------------------------------- */
.u-bd-top {
  border-top: 1px solid;
}

.u-bd-gray {
  border-color: #dbdcdf;
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .u-mb-xxxs {
    margin-bottom: 8px !important;
  }
  .u-mb-xxs {
    margin-bottom: 12px !important;
  }
  .u-mb-xs {
    margin-bottom: 20px !important;
  }
  .u-mb-s {
    margin-bottom: 26px !important;
  }
  .u-mb-m {
    margin-bottom: 32px !important;
  }
  .u-mb-l {
    margin-bottom: 40px !important;
  }
  .u-mb-xl {
    margin-bottom: 48px !important;
  }
  .u-mb-xxl {
    margin-bottom: 56px !important;
  }
  .u-mb-xxxl {
    margin-bottom: 72px !important;
  }
}

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

/* padding
----------------------------------------------------------- */
.u-p-0 {
  padding: 0 !important;
}

.u-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

.u-pb-0 {
  padding-bottom: 0;
}

/* flex
-------------------------------------------------- */
.u-d-f {
  display: -webkit-box !important;
  display: flex !important;
}

.u-fxd-r {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important;
}

.u-fxd-rr {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
          flex-direction: row-reverse !important;
}

.u-fxd-c {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
          flex-direction: column !important;
}

.u-fxd-cr {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
          flex-direction: column-reverse !important;
}

.u-fxw-n {
  flex-wrap: nowrap !important;
}

.u-fxw-w {
  flex-wrap: wrap !important;
}

.u-fxw-wr {
  flex-wrap: wrap-reverse !important;
}

.u-jc-fs {
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.u-jc-fe {
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.u-jc-c {
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

.u-jc-sb {
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

.u-jc-sa {
  justify-content: space-around !important;
}

.u-ai-fs {
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}

.u-ai-fe {
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}

.u-ai-c {
  -webkit-box-align: center !important;
          align-items: center !important;
}

.u-ai-b {
  -webkit-box-align: baseline !important;
          align-items: baseline !important;
}

.u-ai-s {
  -webkit-box-align: stretch !important;
          align-items: stretch !important;
}

.u-ac-fs {
  align-content: flex-start !important;
}

.u-ac-fe {
  align-content: flex-end !important;
}

.u-ac-c {
  align-content: center !important;
}

.u-ac-sb {
  align-content: space-between !important;
}

.u-ac-sa {
  align-content: space-around !important;
}

.u-ac-s {
  align-content: stretch !important;
}

.u-fx-n {
  -webkit-box-flex: 0 !important;
          flex: none !important;
}

.u-as-a {
  -ms-grid-row-align: auto !important;
      align-self: auto !important;
}

.u-as-fs {
  align-self: flex-start !important;
}

.u-as-fe {
  align-self: flex-end !important;
}

.u-as-c {
  -ms-grid-row-align: center !important;
      align-self: center !important;
}

.u-as-b {
  align-self: baseline !important;
}

.u-as-s {
  -ms-grid-row-align: stretch !important;
      align-self: stretch !important;
}

@media (max-width: 767px) {
  .u-sp-fxd-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .u-sp-fxd-rr {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .u-sp-fxd-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .u-sp-fxd-cr {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .u-sp-fxw-n {
    flex-wrap: nowrap !important;
  }
  .u-sp-fxw-w {
    flex-wrap: wrap !important;
  }
  .u-sp-fxw-wr {
    flex-wrap: wrap-reverse !important;
  }
  .u-sp-jc-fs {
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .u-sp-jc-fe {
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .u-sp-jc-c {
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .u-sp-jc-sb {
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .u-sp-jc-sa {
    justify-content: space-around !important;
  }
  .u-sp-ai-fs {
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .u-sp-ai-fe {
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .u-sp-ai-c {
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .u-sp-ai-b {
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .u-sp-ai-s {
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .u-sp-ac-fs {
    align-content: flex-start !important;
  }
  .u-sp-ac-fe {
    align-content: flex-end !important;
  }
  .u-sp-ac-c {
    align-content: center !important;
  }
  .u-sp-ac-sb {
    align-content: space-between !important;
  }
  .u-sp-ac-sa {
    align-content: space-around !important;
  }
  .u-sp-ac-s {
    align-content: stretch !important;
  }
  .u-sp-fx-n {
    -webkit-box-flex: 0 !important;
            flex: none !important;
  }
  .u-sp-as-a {
    -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .u-sp-as-fs {
    align-self: flex-start !important;
  }
  .u-sp-as-fe {
    align-self: flex-end !important;
  }
  .u-sp-as-c {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .u-sp-as-b {
    align-self: baseline !important;
  }
  .u-sp-as-s {
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

/* 画像保護
-------------------------------------------------- */
.u-transparency {
  width: 100% !important;
  height: 100% !important;
  z-index: 10 !important;
  position: absolute;
}

@media print {
  .l-header {
    display: none;
  }
  .l-footer {
    display: none;
  }
}

/*# sourceMappingURL=maps/common.css.map */