@charset "UTF-8";
/* Extending .icon-sh-arrowRight-small to .list-with-arrow-list-child */
.list-with-arrow-list-child {
  font-family: "icons";
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}

@font-face {
  font-family: "icons";
  src: url("../../shimadzu_an/fonts/icons.eot");
  src: url("../../shimadzu_an/fonts/icons.eot?#iefix") format("eot"), url("../../shimadzu_an/fonts/icons.woff2") format("woff2"), url("../../shimadzu_an/fonts/icons.woff") format("woff"), url("../../shimadzu_an/fonts/icons.ttf") format("truetype"), url("../../shimadzu_an/fonts/icons.svg#icons") format("svg");
}

[class*=" icon-"],
[class^=icon-] {
  font-family: "icons";
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.icon-sh-all:before {
  content: "";
}

.icon-sh-arrowBottom-small:before {
  content: "";
}

.icon-sh-arrowBottom:before {
  content: "";
}

.icon-sh-arrowLeft-small:before {
  content: "";
}

.icon-sh-arrowLeft:before {
  content: "";
}

.icon-sh-arrowRight-small:before, .list-with-arrow-list-child:before {
  content: "";
}

.icon-sh-arrowRight:before {
  content: "";
}

.icon-sh-arrowTop-small:before {
  content: "";
}

.icon-sh-arrowTop:before {
  content: "";
}

.icon-sh-calculator:before {
  content: "";
}

.icon-sh-cart:before {
  content: "";
}

.icon-sh-chat:before {
  content: "";
}

.icon-sh-close-button:before {
  content: "";
}

.icon-sh-company-info:before {
  content: "";
}

.icon-sh-computer:before {
  content: "";
}

.icon-sh-contact:before {
  content: "";
}

.icon-sh-download:before {
  content: "";
}

.icon-sh-earth:before {
  content: "";
}

.icon-sh-education:before {
  content: "";
}

.icon-sh-excel:before {
  content: "";
}

.icon-sh-external-link:before {
  content: "";
}

.icon-sh-facebook:before {
  content: "";
}

.icon-sh-hand-point-up:before {
  content: "";
}

.icon-sh-heart-open:before {
  content: "";
}

.icon-sh-heart:before {
  content: "";
}

.icon-sh-hide-password:before {
  content: "";
}

.icon-sh-information:before {
  content: "";
}

.icon-sh-instagram:before {
  content: "";
}

.icon-sh-language-select-mobile:before {
  content: "";
}

.icon-sh-language-select:before {
  content: "";
}

.icon-sh-linkedin:before {
  content: "";
}

.icon-sh-logout-mobile:before {
  content: "";
}

.icon-sh-logout:before {
  content: "";
}

.icon-sh-mail-mobile:before {
  content: "";
}

.icon-sh-mail:before {
  content: "";
}

.icon-sh-map-pin:before {
  content: "";
}

.icon-sh-material:before {
  content: "";
}

.icon-sh-medicine:before {
  content: "";
}

.icon-sh-member-registration:before {
  content: "";
}

.icon-sh-members-only:before {
  content: "";
}

.icon-sh-mini-contact-mobile:before {
  content: "";
}

.icon-sh-mini-contact:before {
  content: "";
}

.icon-sh-my-page-mobile:before {
  content: "";
}

.icon-sh-my-page:before {
  content: "";
}

.icon-sh-newsletter:before {
  content: "";
}

.icon-sh-pdf:before {
  content: "";
}

.icon-sh-person:before {
  content: "";
}

.icon-sh-phone:before {
  content: "";
}

.icon-sh-quick-view:before {
  content: "";
}

.icon-sh-report:before {
  content: "";
}

.icon-sh-research:before {
  content: "";
}

.icon-sh-search-mobile:before {
  content: "";
}

.icon-sh-search:before {
  content: "";
}

.icon-sh-share:before {
  content: "";
}

.icon-sh-shimadzu-logo:before {
  content: "";
}

.icon-sh-test-tube:before {
  content: "";
}

.icon-sh-tree:before {
  content: "";
}

.icon-sh-twitter:before {
  content: "";
}

.icon-sh-url:before {
  content: "";
}

.icon-sh-voteDownload:before {
  content: "";
}

.icon-sh-word:before {
  content: "";
}

.icon-sh-youtube:before {
  content: "";
}

.icon-sh-zoom-image:before {
  content: "";
}

.icon-sh-zzz001_earth-mobile:before {
  content: "";
}

.icon-sh-zzz001_earth:before {
  content: "";
}

.icon-sh-zzz002_education-mobile:before {
  content: "";
}

.icon-sh-zzz002_education:before {
  content: "";
}

.icon-sh-zzz003_information-mobile:before {
  content: "";
}

.icon-sh-zzz003_information:before {
  content: "";
}

.icon-sh-zzz004_pdf-mobile:before {
  content: "";
}

.icon-sh-zzz004_pdf:before {
  content: "";
}

.icon-sh-zzz005_bag:before {
  content: "";
}

.icon-sh-zzz006_manage-search-mobile:before {
  content: "";
}

.icon-sh-zzz006_manage-search:before {
  content: "";
}

.icon-sh-zzz007_calendar-mobile:before {
  content: "";
}

.icon-sh-zzz007_calendar:before {
  content: "";
}

.icon-sh-zzz008_book-mobile:before {
  content: "";
}

.icon-sh-zzz008_book:before {
  content: "";
}

.icon-sh-zzz009_build-mobile:before {
  content: "";
}

.icon-sh-zzz009_build:before {
  content: "";
}

.icon-sh-zzz010_handy-man-mobile:before {
  content: "";
}

.icon-sh-zzz010_handy-man:before {
  content: "";
}

.icon-sh-zzz011_science-mobile:before {
  content: "";
}

.icon-sh-zzz011_science:before {
  content: "";
}

.icon-sh-zzz012_speaker-note-mobile:before {
  content: "";
}

.icon-sh-zzz012_speaker-note:before {
  content: "";
}

.icon-sh-zzz013_help-mobile:before {
  content: "";
}

.icon-sh-zzz013_help:before {
  content: "";
}

.icon-sh-zzz014_currency-mobile:before {
  content: "";
}

.icon-sh-zzz014_currency:before {
  content: "";
}

.icon-sh-zzz015_product-mobile:before {
  content: "";
}

.icon-sh-zzz015_product:before {
  content: "";
}

.icon-sh-zzz016_deployed_code-mobile:before {
  content: "";
}

.icon-sh-zzz016_deployed_code:before {
  content: "";
}

.icon-sh-zzz017_category-mobile:before {
  content: "";
}

.icon-sh-zzz017_category:before {
  content: "";
}

.icon-sh-zzz018_settings_applications-mobile:before {
  content: "";
}

.icon-sh-zzz018_settings_applications:before {
  content: "";
}

.icon-sh-zzz019_cases-mobile:before {
  content: "";
}

.icon-sh-zzz019_cases:before {
  content: "";
}

.icon-sh-zzz020_contract-mobile:before {
  content: "";
}

.icon-sh-zzz020_contract:before {
  content: "";
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version %%INJECT_VERSION%%
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight 0.4s ease-out;
  animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft 0.4s ease-out;
  animation: bounceFromLeft 0.4s ease-out;
}

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.baguette-box-gallery-link {
  display: inline-block;
  margin: 5px;
  text-align: center;
}

.baguette-box-gallery-link a {
  display: inline-block;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.baguette-box-gallery-link a:first-child:before {
  color: #000;
  position: absolute;
  z-index: 100;
  font-size: 30px;
  bottom: 1px;
  right: 1px;
}

.baguette-box-gallery-link a:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 40px;
  height: 40px;
  display: block;
  background-color: #92c87a;
  border-radius: 40px 0 0 0;
}

.baguette-box-gallery-link a img {
  vertical-align: bottom;
}

.baguette-box-gallery-link.baguette-box-gallery-multiple-with-multi-thumbnail a {
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.baguette-box-gallery-link.baguette-box-gallery-multiple-with-multi-thumbnail a:before {
  color: #000;
  position: absolute;
  z-index: 100;
  font-size: 30px;
  bottom: 1px;
  right: 1px;
}

.baguette-box-gallery-link.baguette-box-gallery-multiple-with-multi-thumbnail a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 40px;
  height: 40px;
  display: block;
  background-color: #92c87a;
  border-radius: 40px 0 0 0;
}

.baguette-box-gallery-link {
  text-align: center;
}

.baguette-box-gallery-image {
  max-width: 100%;
  height: auto;
}

/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/**
  * 1. Use the default cursor in all browsers (opinionated).
  * 2. Change the line height in all browsers (opinionated).
  * 3. Use a 4-space tab width in all browsers (opinionated).
  * 4. Remove the grey highlight on links in iOS (opinionated).
  * 5. Prevent adjustments of font size after orientation changes in
  *    IE on Windows Phone and in iOS.
  * 6. Breaks words to prevent overflow in all browsers (opinionated).
  */
html {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */
}

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

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

/* Grouping content
  * ========================================================================== */
/**
  * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
  */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
  * Remove the margin on nested lists in Edge 18- and IE.
  */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

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

/**
  * Add the correct display in IE.
  */
main {
  display: block;
}

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

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

/**
  * Add the correct text decoration in Edge 18-, IE, and Safari.
  */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

/* Embedded content
  * ========================================================================== */
/*
  * Change the alignment on media elements in all browsers (opinionated).
  */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

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

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

/**
  * Remove the border on iframes in all browsers (opinionated).
  */
iframe {
  border-style: none;
}

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

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

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

/* Tabular data
  * ========================================================================== */
/**
  * Collapse border spacing in all browsers (opinionated).
  */
table {
  border-collapse: collapse;
}

/* Forms
  * ========================================================================== */
/**
  * Remove the margin on controls in Safari.
  */
button,
input,
select {
  margin: 0;
}

/**
  * 1. Show the overflow in IE.
  * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
  */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

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

/**
  * 1. Change the inconsistent appearance in all browsers (opinionated).
  * 2. Correct the padding in Firefox.
  */
fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */
}

/**
  * Show the overflow in Edge 18- and IE.
  */
input {
  overflow: visible;
}

/**
  * 1. Correct the text wrapping in Edge 18- and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

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

/**
  * Remove the inheritance of text transform in Firefox.
  */
select {
  text-transform: none;
}

/**
  * 1. Remove the margin in Firefox and Safari.
  * 2. Remove the default vertical scrollbar in IE.
  * 3. Change the resize direction in all browsers (opinionated).
  */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}

/**
  * Remove the padding in IE 10-.
  */
[type="checkbox"],
[type="radio"] {
  padding: 0;
}

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

/**
  * Correct the cursor style of increment and decrement buttons in Safari.
  */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
  * Remove the inner padding in Chrome, Edge, and Safari on macOS.
  */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
  * Remove the inner border and padding of focus outlines in Firefox.
  */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
  * Remove the additional :invalid styles in Firefox.
  */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
  * ========================================================================== */
/*
  * Add the correct display in Edge 18- and IE.
  */
details {
  display: block;
}

/*
  * Add the correct styles in Edge 18-, IE, and Safari.
  */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

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

/* User interaction
  * ========================================================================== */
/*
  * 1. Remove the tapping delay in IE 10.
  * 2. Remove the tapping delay on clickable elements
       in all browsers (opinionated).
  */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}

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

/* Accessibility
  * ========================================================================== */
/**
  * Change the cursor on busy elements in all browsers (opinionated).
  */
[aria-busy="true"] {
  cursor: progress;
}

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

/*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements in all browsers (opinionated).
  */
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
  * Change the display on visually hidden accessible elements
  * in all browsers (opinionated).
  */
[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@font-face {
  font-family: "NotoSans-Light";
  src: url("../../shimadzu_an/fonts/NotoSans-Light.woff2") format("woff2"), url("../../shimadzu_an/fonts/NotoSans-Light.woff") format("woff"), url("../../shimadzu_an/fonts/NotoSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSans-LightItalic";
  src: url("../../shimadzu_an/fonts/NotoSans-LightItalic.woff2") format("woff2"), url("../../shimadzu_an/fonts/NotoSans-LightItalic.woff") format("woff"), url("../../shimadzu_an/fonts/NotoSans-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSans-Regular";
  src: url("../../shimadzu_an/fonts/NotoSans-Regular.woff2") format("woff2"), url("../../shimadzu_an/fonts/NotoSans-Regular.woff") format("woff"), url("../../shimadzu_an/fonts/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSans-Bold";
  src: url("../../shimadzu_an/fonts/NotoSans-Bold.woff2") format("woff2"), url("../../shimadzu_an/fonts/NotoSans-Bold.woff") format("woff"), url("../../shimadzu_an/fonts/NotoSans-Bold.ttf") format("truetype");
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "NotoSans-Light";
  color: #333333;
  font-size: 62.5%;
}

html body {
  font-size: 1.4rem;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

h1 {
  font-family: "NotoSans-Regular";
  font-size: 2.4rem;
  line-height: 1.1;
  font-weight: normal;
  color: #333333;
}

@media screen and (min-width: 768px), print {
  h1 {
    font-size: 3.2rem;
  }
}

h1 a {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: #333333;
}

a h1 {
  text-decoration: underline;
}

a:not([href]) h1 {
  text-decoration: none;
  cursor: default;
}

h2,
h3,
h4,
h5 {
  font-family: "NotoSans-Light";
  color: #333333;
  line-height: 1.5;
  width: 100%;
}

h2 a,
h3 a,
h4 a,
h5 a {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: #333333;
}

a h2, a
h3, a
h4, a
h5 {
  text-decoration: underline;
}

a:not([href]) h2, a:not([href])
h3, a:not([href])
h4, a:not([href])
h5 {
  text-decoration: none;
  cursor: default;
}

h2 {
  font-size: 2.6rem;
  margin: 40px 0 20px;
  font-weight: normal;
}

@media screen and (min-width: 768px), print {
  h2 {
    font-size: 3.2rem;
    margin: 100px 0 30px;
  }
}

h3 {
  font-size: 2rem;
  margin: 30px 0 12px;
  font-weight: normal;
}

@media screen and (min-width: 768px), print {
  h3 {
    font-size: 2rem;
    margin: 60px 0 20px;
  }
}

h4 {
  font-size: 1.4rem;
  font-family: "NotoSans-Bold";
  margin: 40px 0 12px;
}

h5 {
  font-size: 1.2rem;
  font-family: "NotoSans-Bold";
  margin: 20px 0 6px;
}

p {
  font-family: "NotoSans-Light";
  color: #333333;
  line-height: 1.75;
  margin: 0;
  text-align: left;
  font-size: 1.4rem;
}

strong {
  font-family: "NotoSans-Bold";
}

em {
  font-style: italic;
  font-family: "NotoSans-Light";
}

p + p {
  margin-top: 14px;
}

ul {
  padding-left: 0;
  margin: 0;
}

li {
  color: #333333;
  list-style: none;
}

a {
  font-size: 15px;
  font-family: "NotoSans-Light";
  color: #dd0000;
  text-decoration: underline;
  cursor: pointer;
}

a:not([href]) {
  text-decoration: none;
  cursor: default;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
}

button:focus {
  outline: none;
}

input:focus {
  outline: none;
}

input[type="checkbox"],
input[type="checkbox"] + label,
input[type="radio"] {
  cursor: pointer;
  font-family: "NotoSans-Light";
  color: #6e6e6e;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
select {
  padding: 5px 0 5px 10px;
  border: solid 1px #cccccc;
  height: 48px;
  font-size: 1.4rem;
  font-family: "NotoSans-Light";
  color: #333333;
  border-radius: 3px;
}

input[type="text"]::-webkit-input-placeholder {
  color: #999999;
}

input[type="text"]::-moz-placeholder {
  color: #999999;
}

input[type="text"]:-ms-input-placeholder {
  color: #999999;
}

input[type="text"]::-ms-input-placeholder {
  color: #999999;
}

input[type="text"]::placeholder {
  color: #999999;
}

label {
  font-family: "NotoSans-Bold";
  color: #333333;
  text-align: left;
  font-size: 1.4rem;
}

textarea {
  padding: 10px;
  font-size: 1.4rem;
  font-family: "NotoSans-Light";
  color: #333333;
}

.p-text__italic + h2 {
  margin-top: 20px;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect {
  width: 100%;
  height: auto;
  font-size: 1.4rem;
  color: #333333;
}

@media screen and (min-width: 768px), print {
  .p-searchNumberOrKeyword__suggestSearchBox > div.multiselect {
    width: 660px;
  }
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__content-wrapper {
  border-radius: 0;
}

@media screen and (min-width: 768px), print {
  .p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__content-wrapper {
    max-height: 600px !important;
  }
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__content, .p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__element {
  min-width: 100%;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__select::before {
  color: #6e6e6e;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__option--highlight {
  min-width: 100%;
  background: #ededed;
  color: #333333;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__option--highlight:after {
  background: #ededed;
  color: #333333;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__option--selected {
  background: #cccccc;
  color: #6e6e6e;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__option--selected.multiselect__option--selected {
  color: #6e6e6e;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__option--selected.multiselect__option--selected:after {
  background: #cccccc;
  color: #6e6e6e;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__option--selected.multiselect__option--highlight {
  background: #6e6e6e;
  color: #ffffff;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__option--selected.multiselect__option--highlight:after {
  background: #6e6e6e;
  color: #ffffff;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__tags {
  border: 1px solid #e6e6e6;
  border-radius: 0;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__tag, .p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__tag-icon:focus {
  color: #333333;
  background: #f5f5f5;
  border-radius: 0;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__tag-icon {
  border-radius: 0;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__tag-icon:after {
  color: #6e6e6e;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__tag-icon:hover {
  background: #6e6e6e;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__tag-icon:hover:after {
  color: #ffffff;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect .multiselect__input {
  border-radius: 0;
  border: 1px solid #e6e6e6;
}

.p-searchNumberOrKeyword__suggestSearchBox > div.multiselect input[type="text"].multiselect__input {
  border: none;
}

@media screen and (min-width: 768px), print {
  .swiper-slide {
    height: auto;
  }
}

.f-main {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .f-main {
    padding-top: 123px;
  }
}

body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open .f-main {
  position: relative;
  top: -46px;
}

/*
.f-contentsWrap {
    width: auto;
    min-width: diffLeftSideWidth(100%);
    @include maxScreen($breakpoint_mobile) {
        width: 100%;
    }
}
*/
.f-develop pre {
  background-color: black;
  color: white;
  border: solid 5px gray;
  border-radius: 10px;
  text-align: left;
  overflow: scroll;
  margin-bottom: 7rem;
}

.f-develop pre.example {
  margin-bottom: 10px;
  margin-top: 5rem;
}

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

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

.r-header {
  border-top: 3px solid #adadad;
  background-color: #ffffff;
}

.r-header::before {
  background-color: #ff0000;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: -3px;
  width: 20px;
}

@media screen and (max-width: 767px) {
  .r-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
  }
}

@media screen and (min-width: 768px), print {
  .r-header {
    border-top: 5px solid #adadad;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
  }
  .r-header::before {
    top: 0;
    height: 5px;
    width: 30px;
    position: fixed;
  }
  .r-header.is-scroll {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
  }
}

.r-header.drupal {
  top: 44.4px;
}

.r-header.drupal .l-header {
  position: relative;
}

.r-top {
  width: 100%;
}

.r-contentsTop {
  width: 100%;
}

.r-contentsMain {
  width: 100%;
}

.r-contentsBottom {
  width: 100%;
}

.r-bottom {
  width: 100%;
}

[class*="l-bgColor"] {
  width: inherit;
  padding: 40px 0;
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"] {
    padding: 100px 0;
  }
}

[class*="l-bgColor"][class*="gray"] {
  background-color: #f5f5f5;
}

[class*="l-bgColor"][class*="grayPC"] {
  background-color: transparent;
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"][class*="grayPC"] {
    background-color: #f5f5f5;
  }
}

[class*="l-bgColor"][class*="midGray"] {
  background-color: #cccccc;
}

[class*="l-bgColor"][class*="light"] {
  background-color: #e6e6e6;
}

[class*="l-bgColor"][class*="--border"] {
  border: 1px solid #e6e6e6;
}

[class*="l-bgColor"][class*="underH1"] {
  padding: 35px 0 40px;
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"][class*="underH1"] {
    padding: 50px 0 100px;
  }
}

[class*="l-bgColor"][class*="bottomPadding"] {
  padding: 0 0 12px;
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"][class*="bottomPadding"] {
    padding: 0 0 25px;
  }
}

[class*="l-bgColor"][class*="--SP0"] {
  padding: 0;
}

[class*="l-bgColor"][class*="--SP20"] {
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"][class*="--PC20"] {
    padding: 20px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"][class*="--PCUB30RL60"] {
    padding: 30px 60px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"][class*="--PCUB0RL7per"] {
    padding: 0 7%;
  }
}

[class*="l-bgColor"][class*="SP"][class*="Top0"] {
  padding-top: 0;
}

[class*="l-bgColor"][class*="SP"][class*="Top5"] {
  padding-top: 5px;
}

[class*="l-bgColor"][class*="SP"][class*="Top25"] {
  padding-top: 25px;
}

[class*="l-bgColor"][class*="SP"][class*="Bottom5"] {
  padding-bottom: 5px;
}

[class*="l-bgColor"][class*="SP"][class*="Bottom25"] {
  padding-bottom: 25px;
}

[class*="l-bgColor"][class*="SP"][class*="Bottom35"] {
  padding-bottom: 35px;
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor"][class*="PC"][class*="Top0"] {
    padding-top: 0;
  }
  [class*="l-bgColor"][class*="PC"][class*="Top5"] {
    padding-top: 5px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Top15"] {
    padding-top: 15px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Top30"] {
    padding-top: 30px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Top40"] {
    padding-top: 40px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Top50"] {
    padding-top: 50px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Bottom0"] {
    padding-bottom: 0;
  }
  [class*="l-bgColor"][class*="PC"][class*="Bottom5"] {
    padding-bottom: 5px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Bottom15"] {
    padding-bottom: 15px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Bottom40"] {
    padding-bottom: 40px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Bottom50"] {
    padding-bottom: 50px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Bottom70"] {
    padding-bottom: 70px;
  }
  [class*="l-bgColor"][class*="PC"][class*="Bottom115"] {
    padding-bottom: 115px;
  }
}

@media screen and (min-width: 768px), print {
  .l-column {
    max-width: 1230px;
  }
}

.l-column [class*="l-column__wrap"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.l-column__wrap--2column > .l-column__unit {
  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: 50%;
}

@media screen and (min-width: 768px), print {
  .l-column__wrap--2column > .l-column__unit {
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) and (-ms-high-contrast: none), screen and (max-width: 1280px) and (min-width: 768px) and (-ms-high-contrast: active) {
  .l-column__wrap--2column > .l-column__unit {
    width: calc((100% - 1px) / 2);
  }
}

.l-column__wrap--3column > .l-column__unit {
  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: 50%;
}

@media screen and (min-width: 768px), print {
  .l-column__wrap--3column > .l-column__unit {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) and (-ms-high-contrast: none), screen and (max-width: 1280px) and (min-width: 768px) and (-ms-high-contrast: active) {
  .l-column__wrap--3column > .l-column__unit {
    width: calc((100% - 1px) / 3);
  }
}

.l-column__wrap--4column > .l-column__unit {
  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: 50%;
}

@media screen and (min-width: 768px), print {
  .l-column__wrap--4column > .l-column__unit {
    width: calc(100% / 4);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) and (-ms-high-contrast: none), screen and (max-width: 1280px) and (min-width: 768px) and (-ms-high-contrast: active) {
  .l-column__wrap--4column > .l-column__unit {
    width: calc((100% - 1px) / 4);
  }
}

[class*="l-fullWidth"] {
  width: 100%;
  padding: 0 12px;
}

@media screen and (min-width: 768px), print {
  [class*="l-fullWidth"] {
    padding: 0;
  }
}

@media screen and (min-width: 768px), print {
  [class*="l-fullWidth"][class*="Flex"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  [class*="l-fullWidth"][class*="SPColumReverse"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

[class*="l-fullWidth"][class*="NoPadding"] {
  padding: 0;
}

[class*="l-fullWidth"][class*="NoSPPadding"] {
  padding: 0;
}

@media screen and (min-width: 768px), print {
  [class*="l-fullWidth"][class*="NoSPPadding"] {
    padding: 0 25px;
  }
}

[class*="l-fullWidth"][class*="Center"] {
  text-align: center;
}

@media screen and (min-width: 768px), print {
  [class*="l-fullWidth"][class*="PCRight"] {
    text-align: right;
  }
  [class*="l-fullWidth"][class*="PCRight"] * {
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  [class*="l-fullWidth"][class*="SPOverflowX"] {
    overflow-x: scroll;
  }
}

@media screen and (min-width: 768px), print {
  [class*="l-fullWidth"][class*="rightSideContents"] {
    padding-right: 25px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="l-fullWidth"][class*="leftSideContents"] {
    padding-left: 25px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  [class*="l-fullWidth"][class*="leftSideContents"]:has(+ [class*="l-sideNav--right--fixedPC"]) {
    width: calc(825px - (825 - 440) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px), print {
  [class*="l-fullWidth--PCContents"] {
    width: 1280px;
    padding: 0 25px;
    margin: auto;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  [class*="l-fullWidth--PCContents"] {
    width: 100%;
    max-width: 100vw;
  }
}

[class*="l-fullWidth--PCContents"][class*="Mypage"] {
  width: 1090px !important;
}

.l-fullWidth--PCContents--footer {
  margin: 0 auto;
}

.l-overWidth {
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-overWidth {
    max-width: 1440px;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap,
  .l-gridWrap--center {
    max-width: 1230px;
  }
}

.l-gridWrap [class*="l-gridWrap__grid"],
.l-gridWrap--center [class*="l-gridWrap__grid"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (1 - 1)) / 1);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (1 - 1)) / 1);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(-n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(-n + 1) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (2 - 1)) / 2);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (2 - 1)) / 2);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(-n + 2),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(-n + 2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n + 1),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (3 - 1)) / 3);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (3 - 1)) / 3);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(-n + 3),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(-n + 3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n + 1),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (4 - 1)) / 4);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (4 - 1)) / 4);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(-n + 4),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(-n + 4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n + 1),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (5 - 1)) / 5);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (5 - 1)) / 5);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(-n + 5),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(-n + 5) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n + 1),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (6 - 1)) / 6);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (6 - 1)) / 6);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(-n + 6),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(-n + 6) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n + 1),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (7 - 1)) / 7);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (7 - 1)) / 7);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(-n + 7),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(-n + 7) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n + 1),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (8 - 1)) / 8);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (8 - 1)) / 8);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(-n + 8),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(-n + 8) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n + 1),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (9 - 1)) / 9);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (9 - 1)) / 9);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(-n + 9),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(-n + 9) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n + 1),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (10 - 1)) / 10);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (10 - 1)) / 10);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(-n + 10),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(-n + 10) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n + 1),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (11 - 1)) / 11);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (11 - 1)) / 11);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(-n + 11),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(-n + 11) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n + 1),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (12 - 1)) / 12);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (12 - 1)) / 12);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(-n + 12),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(-n + 12) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n + 1),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n) {
    margin-right: 0;
  }
}

.l-gridWrap--center,
.l-gridWrap--center--center {
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__unit {
    margin: 0 15px;
  }
}

.l-gridWrap__unit:nth-child(n + 2) {
  margin-top: 30px;
}

.l-gridWrap__split {
  width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__split {
    height: auto;
  }
}

.l-gridWrap__split--right {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .l-gridWrap__split--right label {
    display: none;
  }
}

.l-gridWrap__gridSp2Column--1Column > .l-gridWrap__unit {
  width: 50%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--1Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (1 - 1)) / 1);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--1Column > .l-gridWrap__unit:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--1Column > .l-gridWrap__unit:nth-child(1n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp2Column--1Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--1Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp2Column--2Column > .l-gridWrap__unit {
  width: 50%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--2Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (2 - 1)) / 2);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--2Column > .l-gridWrap__unit:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--2Column > .l-gridWrap__unit:nth-child(2n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp2Column--2Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--2Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp2Column--3Column > .l-gridWrap__unit {
  width: 50%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--3Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (3 - 1)) / 3);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--3Column > .l-gridWrap__unit:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--3Column > .l-gridWrap__unit:nth-child(3n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp2Column--3Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--3Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp2Column--4Column > .l-gridWrap__unit {
  width: 50%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--4Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (4 - 1)) / 4);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--4Column > .l-gridWrap__unit:nth-child(4n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--4Column > .l-gridWrap__unit:nth-child(4n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp2Column--4Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--4Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp2Column--5Column > .l-gridWrap__unit {
  width: 50%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--5Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (5 - 1)) / 5);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--5Column > .l-gridWrap__unit:nth-child(5n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--5Column > .l-gridWrap__unit:nth-child(5n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp2Column--5Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--5Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp2Column--6Column > .l-gridWrap__unit {
  width: 50%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--6Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (6 - 1)) / 6);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--6Column > .l-gridWrap__unit:nth-child(6n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--6Column > .l-gridWrap__unit:nth-child(6n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp2Column--6Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp2Column--6Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp3Column--1Column > .l-gridWrap__unit {
  width: 32%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--1Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (1 - 1)) / 1);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--1Column > .l-gridWrap__unit:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--1Column > .l-gridWrap__unit:nth-child(1n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp3Column--1Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--1Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp3Column--2Column > .l-gridWrap__unit {
  width: 32%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--2Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (2 - 1)) / 2);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--2Column > .l-gridWrap__unit:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--2Column > .l-gridWrap__unit:nth-child(2n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp3Column--2Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--2Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp3Column--3Column > .l-gridWrap__unit {
  width: 32%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--3Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (3 - 1)) / 3);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--3Column > .l-gridWrap__unit:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--3Column > .l-gridWrap__unit:nth-child(3n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp3Column--3Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--3Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp3Column--4Column > .l-gridWrap__unit {
  width: 32%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--4Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (4 - 1)) / 4);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--4Column > .l-gridWrap__unit:nth-child(4n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--4Column > .l-gridWrap__unit:nth-child(4n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp3Column--4Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--4Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp3Column--5Column > .l-gridWrap__unit {
  width: 32%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--5Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (5 - 1)) / 5);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--5Column > .l-gridWrap__unit:nth-child(5n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--5Column > .l-gridWrap__unit:nth-child(5n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp3Column--5Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--5Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

.l-gridWrap__gridSp3Column--6Column > .l-gridWrap__unit {
  width: 32%;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--6Column > .l-gridWrap__unit {
    width: calc((100% - 30px * (6 - 1)) / 6);
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--6Column > .l-gridWrap__unit:nth-child(6n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--6Column > .l-gridWrap__unit:nth-child(6n) {
    margin-right: 0;
  }
}

.l-gridWrap__gridSp3Column--6Column .l-gridWrap__unit {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .l-gridWrap__gridSp3Column--6Column .l-gridWrap__unit {
    margin-bottom: 30px;
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (1 - 1)) / 1);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (2 - 1)) / 2);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (3 - 1)) / 3);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (4 - 1)) / 4);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (5 - 1)) / 5);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (6 - 1)) / 6);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (7 - 1)) / 7);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (8 - 1)) / 8);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (9 - 1)) / 9);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (10 - 1)) / 10);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (11 - 1)) / 11);
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .l-fullWidth--rightSideContents .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit,
  .l-fullWidth--rightSideContents .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit {
    width: calc((100% - 31px * (12 - 1)) / 12);
  }
}

.l-gridWrap__unit--dotted {
  border-bottom: 3px dotted #e6e6e6;
}

.l-gridWrap__unit--dotted:first-of-type {
  border-top: 3px dotted #e6e6e6;
}

.l-header {
  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;
}

@media screen and (max-width: 1460px) and (min-width: 768px) {
  .l-header {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media screen and (max-width: 767px) {
  .l-header {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media screen and (min-width: 768px), print {
  .l-header.is-scroll {
    width: 100vw;
    background-color: white;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .l-header.is-scroll .l-header__preBlock, .l-header.is-scroll .l-header__afterBlock {
    height: 70px;
    border-bottom: solid 1px #e6e6e6;
    width: calc((100vw - 1441px) / 2);
  }
  .l-header.is-scroll .l-header__afterBlock {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .l-header.is-scroll .l-header__navigationMenu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 1015px;
    width: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1440px) and (min-width: 768px) {
  .l-header.is-scroll {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.l-header__navigationMenu {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .l-header__navigationMenu {
    position: relative;
    left: 100%;
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
  }
}

.l-sideNav {
  margin-bottom: 40px;
}

@media screen and (min-width: 768px), print {
  .l-sideNav {
    margin-right: calc(50px - (50 - 30) * (1280px - 100vw) / (1280 - 768));
    padding-left: 25px;
  }
}

.l-sideNav__sideInfoButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0 0;
  margin: 0 12px;
}

.l-sideNav__sideInfoButtons :first-child {
  margin-top: 0;
}

.l-sideNav__sideInfoButtons :not(first-child) {
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .l-sideNav > * {
    width: 370px;
  }
  .l-sideNav__sideInfoButtons {
    padding: 20px 0 40px;
    margin: 0;
  }
  .l-sideNav__sideInfoButtons button {
    margin: 5px 0;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .l-sideNav > * {
    width: calc(370px - (370 - 215) * (1280px - 100vw) / (1280 - 768));
  }
  .l-sideNav + [class*="l-"] {
    width: calc(820px - (820 - 440) * (1280px - 100vw) / (1280 - 768));
  }
}

.l-sideNav--right, .l-sideNav--right--xherfPC, .l-sideNav--right--fixedPC {
  padding: 0 12px;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-sideNav--right, .l-sideNav--right--xherfPC, .l-sideNav--right--fixedPC {
    margin-top: 0;
    margin-right: 25px;
    margin-left: calc(30px - (30 - 30) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px), print {
  .l-sideNav--right--xherfPC {
    width: 50%;
  }
}

.l-sideNav--right--smallPC {
  padding: 0 12px;
}

@media screen and (min-width: 768px), print {
  .l-sideNav--right--smallPC {
    margin-right: calc(30px - (30 - 10) * (1280px - 100vw) / (1280 - 768));
    padding-left: 25px;
  }
}

@media screen and (min-width: 768px), print {
  .l-sideNav--right--smallPC {
    margin-top: 0;
    width: 320px;
  }
}

.l-sideNav--right--fixedPC {
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .l-sideNav--right--fixedPC {
    width: 100%;
    max-width: 400px;
    margin-right: calc(25px - (25 - 25) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .l-sideNav--right--fixedPC {
    width: calc(400px - (400 - 328) * (1280px - 100vw) / (1280 - 768));
  }
}

.l-justifySpaceBetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.g-recaptcha {
  margin-top: 25px;
}

.progress-tracker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto;
  padding: 0;
  list-style: none;
}

.progress-step {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  margin: 0;
  padding: 0;
  min-width: 28px;
}

.progress-step:last-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.progress-step:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -10;
  top: 12px;
  bottom: 12px;
  right: -14px;
  width: 100%;
  height: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.progress-step.is-active .progress-title {
  font-weight: 400;
}

.progress-step > a {
  display: block;
}

.progress-marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 20;
  width: 28px;
  height: 28px;
  padding-bottom: 2px;
  color: #fff;
  font-weight: 400;
  border: 2px solid transparent;
  border-radius: 50%;
  -webkit-transition: background-color, border-color;
  transition: background-color, border-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.progress-text {
  display: block;
  padding: 14px 9.3333333333px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-title {
  margin-top: 0;
}

.progress-step .progress-marker {
  color: #fff;
  background-color: #b6b6b6;
}

.progress-step::after {
  background-color: #b6b6b6;
}

.progress-step .progress-text,
.progress-step .progress-step > a .progress-text {
  color: #333333;
}

.progress-step.is-active .progress-marker {
  background-color: #2196f3;
}

.progress-step.is-complete .progress-marker {
  background-color: #1976d2;
}

.progress-step.is-complete::after {
  background-color: #868686;
}

.progress-step:hover .progress-marker {
  background-color: #56adf5;
}

.progress-tracker--center .progress-step {
  text-align: center;
}

.progress-tracker--center .progress-step:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.progress-tracker--center .progress-step::after {
  right: -50%;
}

.progress-tracker--center .progress-marker {
  margin-left: auto;
  margin-right: auto;
}

.progress-tracker--right .progress-step {
  text-align: right;
}

.progress-tracker--right .progress-step:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.progress-tracker--right .progress-step::after {
  right: calc(-100% + 14px);
}

.progress-tracker--right .progress-marker {
  margin-left: auto;
}

.progress-tracker--border {
  padding: 5px;
  border: 2px solid #868686;
  border-radius: 38px;
}

.progress-tracker--spaced .progress-step::after {
  width: calc(100% - 48px);
  margin-right: 24px;
}

.progress-tracker--word {
  padding-right: 38.6666666667px;
  overflow: hidden;
}

.progress-tracker--word .progress-text {
  display: inline-block;
  white-space: nowrap;
}

.progress-tracker--word .progress-title {
  margin: 0;
}

.progress-tracker--word-center {
  padding-right: 38.6666666667px;
  padding-left: 38.6666666667px;
}

.progress-tracker--word-center .progress-text {
  padding-right: 0;
  padding-left: 0;
  -webkit-transform: translateX(calc(-50% + 14px));
  transform: translateX(calc(-50% + 14px));
}

.progress-tracker--word-right {
  padding-right: 0;
  padding-left: 38.6666666667px;
}

.progress-tracker--word-right .progress-text {
  padding-left: 0;
  -webkit-transform: translateX(calc(-100% + 28px));
  transform: translateX(calc(-100% + 28px));
}

.progress-tracker--text .progress-step:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.progress-tracker--text-top .progress-step::after {
  top: auto;
}

.progress-tracker--text-top .progress-text {
  height: 100%;
}

.progress-tracker--text-top .progress-marker {
  bottom: 28px;
}

.progress-tracker--text-inline .progress-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.progress-tracker--text-inline .progress-text {
  position: relative;
  z-index: 30;
  max-width: 70%;
  white-space: nowrap;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
}

.progress-tracker--text-inline .progress-title {
  margin: 0;
}

.progress-tracker--square .progress-step {
  padding-top: 0;
}

.progress-tracker--square .progress-marker {
  -webkit-transform: scaleX(0.33) translateY(-12px);
  transform: scaleX(0.33) translateY(-12px);
  border-radius: 0;
}

@media (max-width: 399px) {
  .progress-tracker-mobile {
    overflow-x: auto;
  }
  .progress-tracker-mobile .progress-tracker {
    min-width: 200%;
  }
}

.progress-tracker--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.progress-tracker--vertical .progress-step {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.progress-tracker--vertical .progress-step::after {
  right: auto;
  top: 14px;
  left: 12px;
  width: 4px;
  height: 100%;
}

.progress-tracker--vertical .progress-marker {
  position: absolute;
  left: 0;
}

.progress-tracker--vertical .progress-text {
  padding-top: 7px;
  padding-left: 42px;
}

.progress-tracker--vertical .progress-step:not(:last-child) .progress-text {
  padding-bottom: 42px;
}

.anim-ripple .progress-marker::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity, -webkit-transform;
  transition: opacity, -webkit-transform;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.anim-ripple .progress-marker:active::before,
.anim-ripple .progress-step > a:active .progress-marker::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.anim-ripple-large .progress-marker::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity, -webkit-transform;
  transition: opacity, -webkit-transform;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 200%;
  height: 200%;
}

.anim-ripple-large .progress-marker:active::before,
.anim-ripple-large .progress-step > a:active .progress-marker::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.anim-ripple-double .progress-marker::before,
.anim-ripple-double .progress-marker::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity, -webkit-transform;
  transition: opacity, -webkit-transform;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background: none;
  border: 3px solid rgba(0, 0, 0, 0.3);
}

.anim-ripple-double .progress-marker::after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.anim-ripple-double .progress-marker:active::before,
.anim-ripple-double .progress-marker:active::after,
.anim-ripple-double .progress-step > a:active .progress-marker::before,
.anim-ripple-double .progress-step > a:active .progress-marker::after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.anim-path .progress-step::after {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #b6b6b6), color-stop(50%, #868686));
  background-image: linear-gradient(to right, #b6b6b6 50%, #868686 50%);
  background-size: 200% 100%;
  background-position: 0% 100%;
  -webkit-transition: background-position 0.3s ease-out;
  transition: background-position 0.3s ease-out;
}

.anim-path .progress-step.is-complete::after {
  background-position: -100% 100%;
}

/*
* webform stepNav
*/
.webform-progress-tracker.progress-tracker {
  margin: 20px auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
}

@media screen and (min-width: 768px), print {
  .webform-progress-tracker.progress-tracker {
    width: 570px;
  }
}

.webform-progress-tracker.progress-tracker .progress-marker {
  background-color: #e6e6e6;
  border-radius: 50%;
  font-size: 24px;
  height: 40px;
  margin: 0 auto;
  padding-top: 2px;
  text-align: center;
  width: 40px;
  position: relative;
  color: #333333;
  z-index: 1;
}

.webform-progress-tracker.progress-tracker .progress-marker::before, .webform-progress-tracker.progress-tracker .progress-marker::after {
  display: none;
}

.webform-progress-tracker.progress-tracker .progress-step {
  width: 190px;
  position: relative;
  pointer-events: none;
}

.webform-progress-tracker.progress-tracker .progress-step:after {
  display: none;
}

.webform-progress-tracker.progress-tracker .progress-step:before {
  content: "";
  border-top: 2px solid #e6e6e6;
  position: absolute;
  width: 100%;
  top: 20px;
  left: -50%;
  cursor: default;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active:before, .webform-progress-tracker.progress-tracker .progress-step.is-complete:before {
  border-top: 2px solid #6e6e6e;
}

.webform-progress-tracker.progress-tracker .progress-step:first-child::before {
  display: none;
}

.webform-progress-tracker.progress-tracker .progress-step:not(.is-active) .progress-marker {
  background-color: #e6e6e6;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active:hover .progress-marker {
  background-color: #6e6e6e;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active .progress-title,
.webform-progress-tracker.progress-tracker .progress-step.is-complete .progress-title {
  font-weight: normal;
  color: #333333;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active .progress-marker,
.webform-progress-tracker.progress-tracker .progress-step.is-complete .progress-marker {
  background-color: #6e6e6e;
  color: #ffffff;
}

.webform-progress-tracker.progress-tracker .progress-title {
  color: #6e6e6e;
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .webform-progress-tracker.progress-tracker .progress-title {
    font-size: 18px;
  }
}

.webform-progress-tracker.progress-tracker .progress-text {
  display: block;
}

/*
* webform コンテンツラッパー
*/
.webform-submission-form,
.webform-elements {
  /* webform submitボタン */
  /*
  * form-actions : ボタン編集前
  * webform-actions : ボタン編集後
  */
  /* webform 各要素 */
  /*
   * ------------------------パスワード-------------------
   */
  /*
   * ------------------------リキャプチャ 必須マーク-------------------
   */
}

.webform-submission-form .form-item,
.webform-submission-form .form-actions,
.webform-elements .form-item,
.webform-elements .form-actions {
  margin: 0;
}

.webform-submission-form label.form-required,
.webform-elements label.form-required {
  font-size: 1.8rem;
}

.webform-submission-form .form-actions,
.webform-submission-form .webform-actions,
.webform-elements .form-actions,
.webform-elements .webform-actions {
  margin: 0;
  text-align: center;
}

.webform-submission-form .form-actions [class*="webform-button"],
.webform-submission-form .webform-actions [class*="webform-button"],
.webform-elements .form-actions [class*="webform-button"],
.webform-elements .webform-actions [class*="webform-button"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border-radius: 30px;
  border: solid 1px #6e6e6e;
  color: #333333;
  display: inline-block;
  font-family: "NotoSans-Regular";
  font-size: 1.4rem;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  margin-top: 30px;
  min-height: 50px;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 295px;
}

.webform-submission-form .form-actions [class*="webform-button"]:hover, .webform-submission-form .form-actions [class*="webform-button"]:active,
.webform-submission-form .webform-actions [class*="webform-button"]:hover,
.webform-submission-form .webform-actions [class*="webform-button"]:active,
.webform-elements .form-actions [class*="webform-button"]:hover,
.webform-elements .form-actions [class*="webform-button"]:active,
.webform-elements .webform-actions [class*="webform-button"]:hover,
.webform-elements .webform-actions [class*="webform-button"]:active {
  border: solid 1px #6e6e6e;
  background-color: #6e6e6e;
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .form-actions [class*="webform-button"],
  .webform-submission-form .webform-actions [class*="webform-button"],
  .webform-elements .form-actions [class*="webform-button"],
  .webform-elements .webform-actions [class*="webform-button"] {
    padding: 5px 35px;
    margin-top: 40px;
    min-width: 230px;
    width: auto;
  }
}

.webform-submission-form .form-actions [class*="webform-button"][class*="--disable"],
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"],
.webform-elements .form-actions [class*="webform-button"][class*="--disable"],
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"] {
  color: #cccccc;
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
}

.webform-submission-form .form-actions [class*="webform-button"][class*="--disable"]:hover, .webform-submission-form .form-actions [class*="webform-button"][class*="--disable"]:active, .webform-submission-form .form-actions [class*="webform-button"][class*="--disable"].is-active,
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"]:hover,
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"]:active,
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"].is-active,
.webform-elements .form-actions [class*="webform-button"][class*="--disable"]:hover,
.webform-elements .form-actions [class*="webform-button"][class*="--disable"]:active,
.webform-elements .form-actions [class*="webform-button"][class*="--disable"].is-active,
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"]:hover,
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"]:active,
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"].is-active {
  color: #cccccc;
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  cursor: default;
}

.webform-submission-form .webform-element--title-inline,
.webform-submission-form .webform-element,
.webform-submission-form .p-form__item,
.webform-elements .webform-element--title-inline,
.webform-elements .webform-element,
.webform-elements .p-form__item {
  /*
    * ------------------------共通-------------------
    */
  /*
    * ------------------------チェックボックス-------------------
    * form-type-checkbox : 単数チェックボックス
    * webform-type-checkboxes : 複数チェックボックス
    * webform-type-webform-checkboxes-other : 複数チェックボックス(other)
    * ※sectionタグ内のクラス(p-form__itemと同タグ)
    *
    * form-checkbox : inputタグ(共通)
    *
    * ・構造(使用していない属性・クラスは省略)
    * [単数]
    * <section class="webform-element--title-inline p-form__item form-type-checkbox">
    *   <div class="p-form__item--flex">
    *     <input type="checkbox" class="form-checkbox required form-required" required="required">
    *       <label class="option">
    *         <p>チェックボックス単数_必須_インライン</p>
    *       </label>
    *   </div>
    * </section>
    *
    * [複数]
    * <section class="webform-element--title-inline webform-type-checkboxes p-form__item required">
    *   <div class="p-form__nameArea">
    *     <label class="form-required">チェックボックス_複数_必須_デフォルト</label>
    *   </div>
    *   <div class="p-form__inputArea">
    *     <div class="form-checkboxes">
    *       <div class="webform-element--title-inline form-item form-type-checkbox">
    *         <div class="p-form__item--flex">
    *           <input type="checkbox" class="form-checkbox" required="required">
    *           <label class="option">
    *             <p>option1</p>
    *           </label>
    *         </div>
    *       </div>
    *       <div class="webform-element--title-inline form-item form-type-checkbox">
    *         <div class="p-form__item--flex">
    *           <input type="checkbox" class="form-checkbox">
    *           <label class="option">
    *             <p>option2</p>
    *           </label>
    *         </div>
    *       </div>
    *     </div>
    *   </div>
    * </section>
    */
  /*
    * ------------------------ラジオボタン-------------------
    * webform-type-radios : ラジオボタン
    * ※sectionタグ内のクラス(p-form__itemと同タグ)
    *
    * form-type-radio : ラジオボタンラッパー
    * form-radio : inputタグ
    *
    * ・構造(使用していない属性・クラスは省略)
    * </section>
    * <section class="required webform-type-radios p-form__item">
    *   <div class="p-form__nameArea">
    *     <label class="js-form-required form-required">ラジオボタン_必須_デフォルト</label>
    *   </div>
    *   <div class="p-form__inputArea">
    *     <div class="form-radios">
    *       <div class="form-item form-type-radio">
    *         <input type="radio" class="form-radio" required="required">
    *         <label class="option">Aa</label>
    *       </div>
    *       <div class="js-form-item form-item form-type-radio">
    *         <input type="radio" class="form-radio" required="required">
    *         <label class="option">bb</label>
    *       </div>
    *     </div>
    *   </div>
    * </section>
    */
}

.webform-submission-form .webform-element--title-inline#edit-inquiry-details,
.webform-submission-form .webform-element#edit-inquiry-details,
.webform-submission-form .p-form__item#edit-inquiry-details,
.webform-elements .webform-element--title-inline#edit-inquiry-details,
.webform-elements .webform-element#edit-inquiry-details,
.webform-elements .p-form__item#edit-inquiry-details {
  margin-bottom: 0;
}

.webform-submission-form .webform-element--title-inline .form-text,
.webform-submission-form .webform-element--title-inline .form-tel,
.webform-submission-form .webform-element--title-inline .form-email,
.webform-submission-form .webform-element--title-inline .form-number,
.webform-submission-form .webform-element .form-text,
.webform-submission-form .webform-element .form-tel,
.webform-submission-form .webform-element .form-email,
.webform-submission-form .webform-element .form-number,
.webform-submission-form .p-form__item .form-text,
.webform-submission-form .p-form__item .form-tel,
.webform-submission-form .p-form__item .form-email,
.webform-submission-form .p-form__item .form-number,
.webform-elements .webform-element--title-inline .form-text,
.webform-elements .webform-element--title-inline .form-tel,
.webform-elements .webform-element--title-inline .form-email,
.webform-elements .webform-element--title-inline .form-number,
.webform-elements .webform-element .form-text,
.webform-elements .webform-element .form-tel,
.webform-elements .webform-element .form-email,
.webform-elements .webform-element .form-number,
.webform-elements .p-form__item .form-text,
.webform-elements .p-form__item .form-tel,
.webform-elements .p-form__item .form-email,
.webform-elements .p-form__item .form-number {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .webform-element--title-inline .form-text,
  .webform-submission-form .webform-element--title-inline .form-tel,
  .webform-submission-form .webform-element--title-inline .form-email,
  .webform-submission-form .webform-element--title-inline .form-number,
  .webform-submission-form .webform-element .form-text,
  .webform-submission-form .webform-element .form-tel,
  .webform-submission-form .webform-element .form-email,
  .webform-submission-form .webform-element .form-number,
  .webform-submission-form .p-form__item .form-text,
  .webform-submission-form .p-form__item .form-tel,
  .webform-submission-form .p-form__item .form-email,
  .webform-submission-form .p-form__item .form-number,
  .webform-elements .webform-element--title-inline .form-text,
  .webform-elements .webform-element--title-inline .form-tel,
  .webform-elements .webform-element--title-inline .form-email,
  .webform-elements .webform-element--title-inline .form-number,
  .webform-elements .webform-element .form-text,
  .webform-elements .webform-element .form-tel,
  .webform-elements .webform-element .form-email,
  .webform-elements .webform-element .form-number,
  .webform-elements .p-form__item .form-text,
  .webform-elements .p-form__item .form-tel,
  .webform-elements .p-form__item .form-email,
  .webform-elements .p-form__item .form-number {
    width: 360px;
  }
}

.webform-submission-form .webform-element--title-inline .p-form__nameArea label,
.webform-submission-form .webform-element .p-form__nameArea label,
.webform-submission-form .p-form__item .p-form__nameArea label,
.webform-elements .webform-element--title-inline .p-form__nameArea label,
.webform-elements .webform-element .p-form__nameArea label,
.webform-elements .p-form__item .p-form__nameArea label {
  padding: 10px 0;
  display: block;
}

.webform-submission-form .webform-element--title-inline .p-form__nameArea label.form-required,
.webform-submission-form .webform-element .p-form__nameArea label.form-required,
.webform-submission-form .p-form__item .p-form__nameArea label.form-required,
.webform-elements .webform-element--title-inline .p-form__nameArea label.form-required,
.webform-elements .webform-element .p-form__nameArea label.form-required,
.webform-elements .p-form__item .p-form__nameArea label.form-required {
  font-size: 1.8rem;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox {
  display: none;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox label.option, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes label.option, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other label.option,
.webform-submission-form .webform-element.form-type-checkbox label.option,
.webform-submission-form .webform-element.webform-type-checkboxes label.option,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other label.option,
.webform-submission-form .p-form__item.form-type-checkbox label.option,
.webform-submission-form .p-form__item.webform-type-checkboxes label.option,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other label.option,
.webform-elements .webform-element--title-inline.form-type-checkbox label.option,
.webform-elements .webform-element--title-inline.webform-type-checkboxes label.option,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other label.option,
.webform-elements .webform-element.form-type-checkbox label.option,
.webform-elements .webform-element.webform-type-checkboxes label.option,
.webform-elements .webform-element.webform-type-webform-checkboxes-other label.option,
.webform-elements .p-form__item.form-type-checkbox label.option,
.webform-elements .p-form__item.webform-type-checkboxes label.option,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other label.option {
  position: relative;
  padding-left: 30px;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other label.option::before,
.webform-submission-form .webform-element.form-type-checkbox label.option::before,
.webform-submission-form .webform-element.webform-type-checkboxes label.option::before,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other label.option::before,
.webform-submission-form .p-form__item.form-type-checkbox label.option::before,
.webform-submission-form .p-form__item.webform-type-checkboxes label.option::before,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other label.option::before,
.webform-elements .webform-element--title-inline.form-type-checkbox label.option::before,
.webform-elements .webform-element--title-inline.webform-type-checkboxes label.option::before,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other label.option::before,
.webform-elements .webform-element.form-type-checkbox label.option::before,
.webform-elements .webform-element.webform-type-checkboxes label.option::before,
.webform-elements .webform-element.webform-type-webform-checkboxes-other label.option::before,
.webform-elements .p-form__item.form-type-checkbox label.option::before,
.webform-elements .p-form__item.webform-type-checkboxes label.option::before,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other label.option::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #6e6e6e;
  background-color: #ffffff;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other label.option > p,
.webform-submission-form .webform-element.form-type-checkbox label.option > p,
.webform-submission-form .webform-element.webform-type-checkboxes label.option > p,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other label.option > p,
.webform-submission-form .p-form__item.form-type-checkbox label.option > p,
.webform-submission-form .p-form__item.webform-type-checkboxes label.option > p,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other label.option > p,
.webform-elements .webform-element--title-inline.form-type-checkbox label.option > p,
.webform-elements .webform-element--title-inline.webform-type-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other label.option > p,
.webform-elements .webform-element.form-type-checkbox label.option > p,
.webform-elements .webform-element.webform-type-checkboxes label.option > p,
.webform-elements .webform-element.webform-type-webform-checkboxes-other label.option > p,
.webform-elements .p-form__item.form-type-checkbox label.option > p,
.webform-elements .p-form__item.webform-type-checkboxes label.option > p,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other label.option > p {
  color: #333333;
  font-family: "NotoSans-Light";
  margin-left: 5px;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before {
  background-color: #6e6e6e;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::after, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::after, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 11px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
.webform-submission-form .webform-element--title-inline.form-type-checkbox.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
.webform-submission-form .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox.form-required,
.webform-submission-form .webform-element.form-type-checkbox.required input.form-checkbox,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
.webform-submission-form .webform-element.webform-type-checkboxes.required input.form-checkbox,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox.form-required,
.webform-submission-form .p-form__item.form-type-checkbox.required input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
.webform-submission-form .p-form__item.webform-type-checkboxes.required input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
.webform-elements .webform-element--title-inline.form-type-checkbox.required input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
.webform-elements .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox.form-required,
.webform-elements .webform-element.form-type-checkbox.required input.form-checkbox,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
.webform-elements .webform-element.webform-type-checkboxes.required input.form-checkbox,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-elements .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox.form-required,
.webform-elements .p-form__item.form-type-checkbox.required input.form-checkbox,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
.webform-elements .p-form__item.webform-type-checkboxes.required input.form-checkbox,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox {
  display: block;
  position: relative;
  left: 10px;
  top: 21px;
  width: 1px;
  height: 1px;
}

@-moz-document url-prefix() {
  .webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
  .webform-submission-form .webform-element--title-inline.form-type-checkbox.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-submission-form .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-submission-form .webform-element.form-type-checkbox input.form-checkbox.form-required,
  .webform-submission-form .webform-element.form-type-checkbox.required input.form-checkbox,
  .webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-submission-form .webform-element.webform-type-checkboxes.required input.form-checkbox,
  .webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-submission-form .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox.form-required,
  .webform-submission-form .p-form__item.form-type-checkbox.required input.form-checkbox,
  .webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-submission-form .p-form__item.webform-type-checkboxes.required input.form-checkbox,
  .webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
  .webform-elements .webform-element--title-inline.form-type-checkbox.required input.form-checkbox,
  .webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-elements .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox,
  .webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-elements .webform-element.form-type-checkbox input.form-checkbox.form-required,
  .webform-elements .webform-element.form-type-checkbox.required input.form-checkbox,
  .webform-elements .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-elements .webform-element.webform-type-checkboxes.required input.form-checkbox,
  .webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-elements .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-elements .p-form__item.form-type-checkbox input.form-checkbox.form-required,
  .webform-elements .p-form__item.form-type-checkbox.required input.form-checkbox,
  .webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-elements .p-form__item.webform-type-checkboxes.required input.form-checkbox,
  .webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-elements .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox {
    -moz-appearance: none;
         appearance: none;
  }
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required:after,
.webform-submission-form .webform-element--title-inline.form-type-checkbox.required input.form-checkbox:after, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-submission-form .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox:after, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox.form-required:after,
.webform-submission-form .webform-element.form-type-checkbox.required input.form-checkbox:after,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-submission-form .webform-element.webform-type-checkboxes.required input.form-checkbox:after,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox.form-required:after,
.webform-submission-form .p-form__item.form-type-checkbox.required input.form-checkbox:after,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-submission-form .p-form__item.webform-type-checkboxes.required input.form-checkbox:after,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required:after,
.webform-elements .webform-element--title-inline.form-type-checkbox.required input.form-checkbox:after,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-elements .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox:after,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox.form-required:after,
.webform-elements .webform-element.form-type-checkbox.required input.form-checkbox:after,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-elements .webform-element.webform-type-checkboxes.required input.form-checkbox:after,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-elements .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox.form-required:after,
.webform-elements .p-form__item.form-type-checkbox.required input.form-checkbox:after,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-elements .p-form__item.webform-type-checkboxes.required input.form-checkbox:after,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox:after {
  left: 10px;
  top: -19px;
  position: absolute;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox.form-item-i-agree.p-form__agree, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes.form-item-i-agree.p-form__agree, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-submission-form .webform-element.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-submission-form .webform-element.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-submission-form .p-form__item.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-submission-form .p-form__item.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-elements .webform-element--title-inline.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-elements .webform-element--title-inline.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-elements .webform-element.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-elements .webform-element.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-elements .webform-element.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-elements .p-form__item.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-elements .p-form__item.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 0;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox .form-checkboxes label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes .form-checkboxes label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-submission-form .webform-element.form-type-checkbox .form-checkboxes label.option > p,
.webform-submission-form .webform-element.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-submission-form .p-form__item.form-type-checkbox .form-checkboxes label.option > p,
.webform-submission-form .p-form__item.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.form-type-checkbox .form-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-elements .webform-element.form-type-checkbox .form-checkboxes label.option > p,
.webform-elements .webform-element.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-elements .webform-element.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-elements .p-form__item.form-type-checkbox .form-checkboxes label.option > p,
.webform-elements .p-form__item.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes label.option > p {
  margin-left: 0;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child), .webform-submission-form .webform-element--title-inline.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child), .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .webform-element.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .webform-element.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .p-form__item.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .p-form__item.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element--title-inline.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element--title-inline.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .p-form__item.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .p-form__item.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child) {
  margin-right: 5px;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .webform-element--title-inline.webform-type-radios .p-form__inputArea,
  .webform-submission-form .webform-element.webform-type-radios .p-form__inputArea,
  .webform-submission-form .p-form__item.webform-type-radios .p-form__inputArea,
  .webform-elements .webform-element--title-inline.webform-type-radios .p-form__inputArea,
  .webform-elements .webform-element.webform-type-radios .p-form__inputArea,
  .webform-elements .p-form__item.webform-type-radios .p-form__inputArea {
    margin: auto 0;
    margin-left: 5%;
  }
}

.webform-submission-form .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-submission-form .webform-element.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-submission-form .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-elements .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-elements .webform-element.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-elements .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child) {
  margin-right: 5px;
}

.webform-submission-form .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-submission-form .webform-element.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-submission-form .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-elements .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-elements .webform-element.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-elements .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio .form-radio {
  vertical-align: middle;
}

.webform-submission-form .webform-wrapper .p-form__item input[type="password"],
.webform-elements .webform-wrapper .p-form__item input[type="password"] {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .webform-wrapper .p-form__item input[type="password"],
  .webform-elements .webform-wrapper .p-form__item input[type="password"] {
    width: 100%;
  }
}

.webform-submission-form .webform-wrapper .p-form__item .icon-sh-quick-view,
.webform-submission-form .webform-wrapper .p-form__item .icon-sh-hide-password,
.webform-elements .webform-wrapper .p-form__item .icon-sh-quick-view,
.webform-elements .webform-wrapper .p-form__item .icon-sh-hide-password {
  top: 13px;
}

.webform-submission-form .g-recaptcha > div > div,
.webform-elements .g-recaptcha > div > div {
  position: absolute;
}

.webform-submission-form .g-recaptcha > div > div::before,
.webform-elements .g-recaptcha > div > div::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  background-image: url(../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  top: -30px;
  left: 317px;
  position: relative;
}

#edit-inquiry-details {
  margin-bottom: 0;
}

.g-recaptcha > div > div {
  position: absolute;
}

.g-recaptcha > div > div::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  background-image: url(../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  top: -30px;
  left: 317px;
  position: relative;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox label.option {
  padding-left: 30px;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .p-form__inputArea {
  width: auto;
  margin-left: 0;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .p-form__inputArea .p-form__text {
  padding: 0;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox {
  width: 1px;
  height: 1px;
  position: relative;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox::before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #6e6e6e;
  background-color: #ffffff;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox {
    width: 20px;
    height: 20px;
  }
}

@-moz-document url-prefix() {
  .webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox {
    width: 20px;
    height: 20px;
  }
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox:checked::before {
  background-color: #6e6e6e;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 7px;
  width: 6px;
  height: 11px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

/*
 * ------------------------リッカート-------------------
 */
.form-type-webform-likert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form-type-webform-likert .p-form__nameArea {
  width: 100%;
}

.form-type-webform-likert .p-form__nameArea label {
  font-size: 1.8rem;
}

.form-type-webform-likert .p-form__inputArea {
  margin-left: 0;
  margin-top: 5px;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea {
    margin-top: 20px;
  }
}

.form-type-webform-likert .p-form__inputArea th {
  padding: 10px 5px 10px;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}

.form-type-webform-likert .p-form__inputArea td {
  padding: 10px;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  vertical-align: middle;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea td {
    padding: 0;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
}

.form-type-webform-likert .p-form__inputArea td:has(.p-form__nameArea) {
  padding: 0;
  margin-bottom: 5px;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea td:has(.p-form__nameArea) {
    margin-bottom: 0;
  }
}

.form-type-webform-likert .p-form__inputArea .p-form__item {
  padding: 10px 0 10px 10px;
  margin: 0;
  background-color: #f5f5f5;
}

.form-type-webform-likert .p-form__inputArea .webform-likert-table {
  width: 100%;
  font-size: 1.4rem;
  overflow-wrap: break-word;
  border: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea .webform-likert-table {
    border-bottom: none;
  }
}

.form-type-webform-likert .p-form__item .p-form__inputArea {
  margin: 0;
  width: 0;
}

[class*="c-basicButton"] {
  border-radius: 30px;
  background-color: #ffffff;
  font-family: "NotoSans-Regular";
  width: 295px;
  min-height: 50px;
  padding: 5px 20px;
  font-size: 1.4rem;
  border: solid 1px #6e6e6e;
  margin-top: 30px;
  text-align: center;
  text-decoration: none;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
}

[class*="c-basicButton"][class*="--center"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  [class*="c-basicButton"] {
    width: 230px;
    padding: 5px 35px;
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  [class*="c-basicButton"] {
    padding-top: 15px;
  }
}

[class*="c-basicButton"][class*="--XSmall"] {
  min-height: 35px;
  padding: 3px 15px;
  width: 140px;
}

[class*="c-basicButton"][class*="--XSmall"] > i[class="icon-sh-external-link"] {
  font-size: 22px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class*="c-basicButton"][class*="--XSmall"] > i[class="icon-sh-external-link"] {
    top: 5px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="c-basicButton"][class*="--XSmall"] {
    padding: 3px 25px;
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  [class*="c-basicButton"][class*="--XSmall"] {
    padding: 7px 25px;
  }
}

[class*="c-basicButton"][class*="--XXSmall"] {
  font-size: 1.2rem;
  min-height: 22px;
  padding: 3px 15px;
  width: 120px;
}

[class*="c-basicButton"][class*="--XXSmall"] > i[class="icon-sh-external-link"] {
  font-size: 17px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class*="c-basicButton"][class*="--XXSmall"] > i[class="icon-sh-external-link"] {
    top: 2px;
  }
}

[class*="c-basicButton"][class*="--exLinkButton"], [class*="c-basicButton"][class*="--handPointButton"] {
  position: relative;
}

[class*="c-basicButton"] > i[class="icon-sh-search"] {
  font-size: 18px;
  margin-right: 3px;
  vertical-align: text-bottom;
}

[class*="c-basicButton"] > i[class="icon-sh-external-link"] {
  font-size: 22px;
  position: absolute;
  right: 7%;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class*="c-basicButton"] > i[class="icon-sh-external-link"] {
    top: 13px;
  }
}

[class*="c-basicButton"]:hover, [class*="c-basicButton"]:active, [class*="c-basicButton"]:focus, [class*="c-basicButton"].is-active {
  color: #ffffff;
}

[class*="c-basicButton"][class*="WidthAuto"] {
  width: auto;
}

[class*="c-basicButton"][class*="FullWidth"] {
  width: 100%;
}

[class*="c-basicButton"][class*="--noMargin"] {
  margin-top: 0;
}

[class*="c-basicButton"][class*="--narrowMargin"] {
  margin-top: 10px;
}

[class*="c-basicButton"][class*="--margin20"] {
  margin-top: 20px;
}

[class*="c-basicButton"][class*="--wordKeepAll"] {
  word-break: keep-all;
}

[class*="c-basicButton"][class*="--flexColumn"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

[class*="c-basicButton"] span {
  display: inline-block;
}

[class*="c-basicButton"],
[class*="c-basicButton"] * {
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
}

.c-balloon--left, .c-balloon--right {
  display: none;
}

@media screen and (min-width: 768px), print {
  .c-card:hover .c-balloon--left, .c-card:hover .c-balloon--right {
    display: block;
    position: absolute;
    top: 0;
    z-index: 10;
  }
  .c-card:hover .c-balloon--left {
    left: calc(100% - 25px);
  }
  .c-card:hover .c-balloon--left .c-balloon__contentWrap {
    margin: 0 0 0 15px;
  }
  .c-card:hover .c-balloon--left .c-balloon__contentWrap:before {
    left: -25px;
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  .c-card:hover .c-balloon--right {
    right: calc(100% - 25px);
  }
  .c-card:hover .c-balloon--right .c-balloon__contentWrap {
    margin: 0 15px 0 0;
  }
  .c-card:hover .c-balloon--right .c-balloon__contentWrap:before {
    right: -25px;
    -webkit-transform: rotateZ(270deg);
            transform: rotateZ(270deg);
  }
  .c-card:hover .c-balloon__contentWrap {
    background-color: #f5f5f5;
    padding: 25px 25px 25px 24px;
    position: relative;
    -webkit-box-shadow: 5px 6px 30px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 6px 30px rgba(0, 0, 0, 0.2);
    border-left: 1px solid #f5f5f5;
  }
  .c-card:hover .c-balloon__contentWrap:before {
    content: "";
    position: absolute;
    top: 20px;
    border: 12.5px solid transparent;
    border-top: 12.5px solid #f5f5f5;
  }
  .c-card:hover .c-balloon__contentInner {
    margin: auto;
    width: 100%;
  }
}

.c-card {
  background: #ffffff;
}

@media screen and (min-width: 768px), print {
  .c-card {
    height: 100%;
  }
}

.c-card__imageArea {
  padding: 10px;
  background-color: #ffffff;
  height: auto;
}

.c-card__imageAreaInner {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.c-card__imageAreaInner:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.c-card__imageAreaInner img {
  width: auto;
  height: 100%;
  max-width: none;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.c-card__imageAreaInner a {
  display: block;
}

.c-card__textArea {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  height: 100%;
}

@media screen and (min-width: 768px), print {
  .c-card__textArea {
    padding: 25px;
    height: auto;
  }
}

.c-card__textArea--paddingWide {
  padding: 32px 25px;
}

.c-card__titleAreaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-card__titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.c-card__titleArea > .icon-sh-arrowRight-small, .c-card__titleArea > .list-with-arrow-list-child {
  color: #dd0000;
  font-size: 1.8rem;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
  line-height: 1.5;
}

.c-card__title {
  font-family: "NotoSans-Regular";
  color: #333333;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left;
}

.c-card__title > a {
  color: #333333;
  font-size: 1.8rem;
  text-decoration: none;
  font-family: "NotoSans-Regular";
}

.c-card__title > a:hover, .c-card__title > a:active {
  text-decoration: underline;
}

.c-card__summary {
  margin: 15px 0 0;
  line-height: 1.75;
  text-align: left;
}

.c-card__buttonArea {
  text-align: center;
  padding: 15px;
}

.c-card__buttonArea .p-blackButton {
  margin-top: 0;
  margin-bottom: 6px;
}

.c-card__buttonArea .p-blackButton:nth-child(1) {
  margin-right: 5px;
}

[class*="c-card__wrap"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: default;
  text-decoration: none;
}

[class*="c-card__wrap"]:not([class*="--noLink"]) {
  -webkit-transition: -webkit-box-shadow 0.5s ease 0s;
  transition: -webkit-box-shadow 0.5s ease 0s;
  transition: box-shadow 0.5s ease 0s;
  transition: box-shadow 0.5s ease 0s, -webkit-box-shadow 0.5s ease 0s;
  cursor: pointer;
}

[class*="c-card__wrap"]:not([class*="--noLink"]):hover {
  -webkit-box-shadow: 0px 8px 20px #e6e6e6;
          box-shadow: 0px 8px 20px #e6e6e6;
}

[class*="c-card__wrap"]:not([class*="--noLink"])--none {
  -webkit-box-shadow: none;
          box-shadow: none;
}

[class*="c-card__wrap"][class*="CursorPointer"] {
  cursor: pointer;
}

.c-downloads__header {
  font-size: 1.2rem;
  border-top: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .c-downloads__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .c-downloads__header > * {
    display: none;
  }
}

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

@media screen and (min-width: 768px), print {
  .c-downloads__header .c-downloads__summaryHead {
    display: block;
    padding-top: 14px;
  }
}

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

@media screen and (min-width: 768px), print {
  .c-downloads__header .c-downloads__attributeHead {
    display: block;
    padding-top: 14px;
  }
}

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

@media screen and (min-width: 768px), print {
  .c-downloads__header .c-downloads__memberOnlyHead {
    padding-top: 6px;
  }
}

.c-downloads__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .c-downloads__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.c-downloads__contents .c-downloads__titleGroup {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__updateDate {
  color: #6e6e6e;
  margin-top: 10px;
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__rank {
  font-weight: bold;
  font-size: 2rem;
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__date {
  margin-bottom: 5px;
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__summaryContents {
    padding-right: 30px;
  }
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents {
    margin-top: 14px;
  }
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents:nth-child(2) {
    margin-top: 16px;
  }
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents {
    display: block;
  }
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__attributeMobileHeader {
  min-width: 65px;
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__attributeMobileHeader {
    display: none;
  }
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__tagList {
    display: block;
  }
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__tagList .c-downloads__tag {
  margin-left: 1em;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__tagList .c-downloads__tag {
    margin-left: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__tagList .c-downloads__tag:not(:first-child) {
    margin-top: 8px;
  }
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__buttonList {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__buttonList {
    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;
    height: 100%;
  }
}

.c-downloads__contents .c-downloads__titleGroup .c-downloads__attributeContents .c-downloads__buttonList .c-downloads__button > * {
  margin-top: 0;
}

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

@media screen and (max-width: 767px) {
  .c-downloads__contents .c-downloads__memberOnlyContents {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
}

.c-downloads__contents .c-downloads__memberOnlyContents [class="icon-sh-members-only"] {
  font-size: 20px;
}

.c-downloads__tagList .c-downloads__tag {
  background-color: #f5f5f5;
  font-size: 1.2rem;
  text-align: center;
  padding: 2px 10px;
  overflow-wrap: break-word;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-downloads__tagList .c-downloads__tag {
    word-break: break-all;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .c-downloads__tagList .c-downloads__tag {
    font-size: 1.0rem;
    font-weight: bold;
  }
}

@media screen and (min-width: 768px), print {
  .c-downloads [class*="c-downloads__summary"] {
    width: 100%;
  }
}

@media screen and (min-width: 768px), print {
  .c-downloads [class*="c-downloads__attribute"] {
    width: 110px;
    min-width: 110px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .c-downloads [class*="c-downloads__attribute"] {
    width: 90px;
    min-width: 90px;
    word-break: keep-all;
  }
}

@media screen and (min-width: 768px), print {
  .c-downloads [class*="c-downloads__memberOnly"] {
    width: 65px;
    min-width: 65px;
  }
}

.c-externalLink__icon.icon-sh-external-link {
  margin-left: 5px;
  color: #6e6e6e;
  vertical-align: top;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: initial;
}

.c-filter {
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  .c-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px 25px;
  }
}

.c-filter__buttons {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-filter__buttons [class*="c-basicButton"] {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .c-filter__buttons [class*="c-basicButton"] {
    margin-top: 25px;
  }
}

.c-filter__buttons [class*="c-basicButton"]:nth-child(n + 2) {
  margin-left: 10px;
}

.c-filter__buttons [class*="c-basicButton"]:not([class*="--searchButton"]) {
  width: 100px;
}

.c-filter__buttons [class*="c-basicButton"][class*="WidthAuto"] {
  width: auto;
}

.c-formError__modalTop {
  margin: auto;
  width: 360px;
}

@media screen and (max-width: 767px) {
  .c-formError__modalTop {
    width: 100%;
    padding: 0;
  }
}

.c-formError__text {
  color: #ff0000;
  font-style: italic;
  font-family: "NotoSans-Bold";
  font-size: 1.2rem;
  margin-top: 5px;
  line-height: 1.75;
  text-align: left;
}

.c-modal__wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 150;
  text-align: center;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.c-modal__wrap::-webkit-scrollbar {
  display: none;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my0"] {
  margin: 0px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my1"] {
  margin: 1px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my2"] {
  margin: 2px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my3"] {
  margin: 3px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my4"] {
  margin: 4px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my5"] {
  margin: 5px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my6"] {
  margin: 6px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my7"] {
  margin: 7px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my8"] {
  margin: 8px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my9"] {
  margin: 9px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my10"] {
  margin: 10px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my11"] {
  margin: 11px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my12"] {
  margin: 12px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my13"] {
  margin: 13px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my14"] {
  margin: 14px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my15"] {
  margin: 15px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my16"] {
  margin: 16px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my17"] {
  margin: 17px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my18"] {
  margin: 18px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my19"] {
  margin: 19px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my20"] {
  margin: 20px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my21"] {
  margin: 21px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my22"] {
  margin: 22px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my23"] {
  margin: 23px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my24"] {
  margin: 24px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my25"] {
  margin: 25px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my26"] {
  margin: 26px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my27"] {
  margin: 27px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my28"] {
  margin: 28px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my29"] {
  margin: 29px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my30"] {
  margin: 30px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my31"] {
  margin: 31px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my32"] {
  margin: 32px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my33"] {
  margin: 33px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my34"] {
  margin: 34px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my35"] {
  margin: 35px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my36"] {
  margin: 36px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my37"] {
  margin: 37px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my38"] {
  margin: 38px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my39"] {
  margin: 39px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my40"] {
  margin: 40px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my41"] {
  margin: 41px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my42"] {
  margin: 42px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my43"] {
  margin: 43px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my44"] {
  margin: 44px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my45"] {
  margin: 45px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my46"] {
  margin: 46px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my47"] {
  margin: 47px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my48"] {
  margin: 48px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my49"] {
  margin: 49px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my50"] {
  margin: 50px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my51"] {
  margin: 51px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my52"] {
  margin: 52px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my53"] {
  margin: 53px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my54"] {
  margin: 54px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my55"] {
  margin: 55px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my56"] {
  margin: 56px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my57"] {
  margin: 57px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my58"] {
  margin: 58px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my59"] {
  margin: 59px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my60"] {
  margin: 60px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my61"] {
  margin: 61px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my62"] {
  margin: 62px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my63"] {
  margin: 63px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my64"] {
  margin: 64px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my65"] {
  margin: 65px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my66"] {
  margin: 66px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my67"] {
  margin: 67px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my68"] {
  margin: 68px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my69"] {
  margin: 69px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my70"] {
  margin: 70px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my71"] {
  margin: 71px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my72"] {
  margin: 72px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my73"] {
  margin: 73px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my74"] {
  margin: 74px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my75"] {
  margin: 75px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my76"] {
  margin: 76px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my77"] {
  margin: 77px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my78"] {
  margin: 78px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my79"] {
  margin: 79px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my80"] {
  margin: 80px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my81"] {
  margin: 81px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my82"] {
  margin: 82px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my83"] {
  margin: 83px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my84"] {
  margin: 84px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my85"] {
  margin: 85px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my86"] {
  margin: 86px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my87"] {
  margin: 87px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my88"] {
  margin: 88px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my89"] {
  margin: 89px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my90"] {
  margin: 90px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my91"] {
  margin: 91px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my92"] {
  margin: 92px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my93"] {
  margin: 93px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my94"] {
  margin: 94px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my95"] {
  margin: 95px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my96"] {
  margin: 96px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my97"] {
  margin: 97px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my98"] {
  margin: 98px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my99"] {
  margin: 99px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--my100"] {
  margin: 100px 0;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt0"] {
  margin-top: 0px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt1"] {
  margin-top: 1px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt2"] {
  margin-top: 2px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt3"] {
  margin-top: 3px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt4"] {
  margin-top: 4px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt5"] {
  margin-top: 5px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt6"] {
  margin-top: 6px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt7"] {
  margin-top: 7px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt8"] {
  margin-top: 8px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt9"] {
  margin-top: 9px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt10"] {
  margin-top: 10px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt11"] {
  margin-top: 11px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt12"] {
  margin-top: 12px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt13"] {
  margin-top: 13px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt14"] {
  margin-top: 14px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt15"] {
  margin-top: 15px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt16"] {
  margin-top: 16px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt17"] {
  margin-top: 17px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt18"] {
  margin-top: 18px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt19"] {
  margin-top: 19px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt20"] {
  margin-top: 20px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt21"] {
  margin-top: 21px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt22"] {
  margin-top: 22px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt23"] {
  margin-top: 23px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt24"] {
  margin-top: 24px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt25"] {
  margin-top: 25px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt26"] {
  margin-top: 26px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt27"] {
  margin-top: 27px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt28"] {
  margin-top: 28px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt29"] {
  margin-top: 29px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt30"] {
  margin-top: 30px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt31"] {
  margin-top: 31px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt32"] {
  margin-top: 32px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt33"] {
  margin-top: 33px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt34"] {
  margin-top: 34px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt35"] {
  margin-top: 35px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt36"] {
  margin-top: 36px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt37"] {
  margin-top: 37px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt38"] {
  margin-top: 38px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt39"] {
  margin-top: 39px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt40"] {
  margin-top: 40px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt41"] {
  margin-top: 41px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt42"] {
  margin-top: 42px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt43"] {
  margin-top: 43px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt44"] {
  margin-top: 44px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt45"] {
  margin-top: 45px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt46"] {
  margin-top: 46px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt47"] {
  margin-top: 47px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt48"] {
  margin-top: 48px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt49"] {
  margin-top: 49px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt50"] {
  margin-top: 50px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt51"] {
  margin-top: 51px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt52"] {
  margin-top: 52px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt53"] {
  margin-top: 53px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt54"] {
  margin-top: 54px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt55"] {
  margin-top: 55px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt56"] {
  margin-top: 56px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt57"] {
  margin-top: 57px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt58"] {
  margin-top: 58px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt59"] {
  margin-top: 59px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt60"] {
  margin-top: 60px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt61"] {
  margin-top: 61px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt62"] {
  margin-top: 62px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt63"] {
  margin-top: 63px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt64"] {
  margin-top: 64px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt65"] {
  margin-top: 65px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt66"] {
  margin-top: 66px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt67"] {
  margin-top: 67px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt68"] {
  margin-top: 68px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt69"] {
  margin-top: 69px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt70"] {
  margin-top: 70px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt71"] {
  margin-top: 71px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt72"] {
  margin-top: 72px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt73"] {
  margin-top: 73px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt74"] {
  margin-top: 74px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt75"] {
  margin-top: 75px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt76"] {
  margin-top: 76px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt77"] {
  margin-top: 77px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt78"] {
  margin-top: 78px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt79"] {
  margin-top: 79px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt80"] {
  margin-top: 80px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt81"] {
  margin-top: 81px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt82"] {
  margin-top: 82px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt83"] {
  margin-top: 83px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt84"] {
  margin-top: 84px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt85"] {
  margin-top: 85px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt86"] {
  margin-top: 86px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt87"] {
  margin-top: 87px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt88"] {
  margin-top: 88px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt89"] {
  margin-top: 89px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt90"] {
  margin-top: 90px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt91"] {
  margin-top: 91px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt92"] {
  margin-top: 92px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt93"] {
  margin-top: 93px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt94"] {
  margin-top: 94px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt95"] {
  margin-top: 95px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt96"] {
  margin-top: 96px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt97"] {
  margin-top: 97px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt98"] {
  margin-top: 98px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt99"] {
  margin-top: 99px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mt100"] {
  margin-top: 100px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb0"] {
  margin-bottom: 0px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb1"] {
  margin-bottom: 1px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb2"] {
  margin-bottom: 2px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb3"] {
  margin-bottom: 3px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb4"] {
  margin-bottom: 4px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb5"] {
  margin-bottom: 5px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb6"] {
  margin-bottom: 6px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb7"] {
  margin-bottom: 7px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb8"] {
  margin-bottom: 8px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb9"] {
  margin-bottom: 9px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb10"] {
  margin-bottom: 10px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb11"] {
  margin-bottom: 11px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb12"] {
  margin-bottom: 12px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb13"] {
  margin-bottom: 13px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb14"] {
  margin-bottom: 14px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb15"] {
  margin-bottom: 15px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb16"] {
  margin-bottom: 16px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb17"] {
  margin-bottom: 17px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb18"] {
  margin-bottom: 18px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb19"] {
  margin-bottom: 19px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb20"] {
  margin-bottom: 20px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb21"] {
  margin-bottom: 21px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb22"] {
  margin-bottom: 22px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb23"] {
  margin-bottom: 23px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb24"] {
  margin-bottom: 24px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb25"] {
  margin-bottom: 25px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb26"] {
  margin-bottom: 26px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb27"] {
  margin-bottom: 27px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb28"] {
  margin-bottom: 28px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb29"] {
  margin-bottom: 29px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb30"] {
  margin-bottom: 30px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb31"] {
  margin-bottom: 31px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb32"] {
  margin-bottom: 32px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb33"] {
  margin-bottom: 33px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb34"] {
  margin-bottom: 34px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb35"] {
  margin-bottom: 35px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb36"] {
  margin-bottom: 36px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb37"] {
  margin-bottom: 37px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb38"] {
  margin-bottom: 38px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb39"] {
  margin-bottom: 39px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb40"] {
  margin-bottom: 40px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb41"] {
  margin-bottom: 41px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb42"] {
  margin-bottom: 42px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb43"] {
  margin-bottom: 43px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb44"] {
  margin-bottom: 44px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb45"] {
  margin-bottom: 45px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb46"] {
  margin-bottom: 46px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb47"] {
  margin-bottom: 47px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb48"] {
  margin-bottom: 48px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb49"] {
  margin-bottom: 49px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb50"] {
  margin-bottom: 50px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb51"] {
  margin-bottom: 51px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb52"] {
  margin-bottom: 52px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb53"] {
  margin-bottom: 53px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb54"] {
  margin-bottom: 54px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb55"] {
  margin-bottom: 55px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb56"] {
  margin-bottom: 56px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb57"] {
  margin-bottom: 57px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb58"] {
  margin-bottom: 58px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb59"] {
  margin-bottom: 59px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb60"] {
  margin-bottom: 60px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb61"] {
  margin-bottom: 61px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb62"] {
  margin-bottom: 62px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb63"] {
  margin-bottom: 63px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb64"] {
  margin-bottom: 64px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb65"] {
  margin-bottom: 65px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb66"] {
  margin-bottom: 66px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb67"] {
  margin-bottom: 67px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb68"] {
  margin-bottom: 68px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb69"] {
  margin-bottom: 69px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb70"] {
  margin-bottom: 70px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb71"] {
  margin-bottom: 71px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb72"] {
  margin-bottom: 72px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb73"] {
  margin-bottom: 73px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb74"] {
  margin-bottom: 74px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb75"] {
  margin-bottom: 75px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb76"] {
  margin-bottom: 76px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb77"] {
  margin-bottom: 77px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb78"] {
  margin-bottom: 78px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb79"] {
  margin-bottom: 79px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb80"] {
  margin-bottom: 80px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb81"] {
  margin-bottom: 81px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb82"] {
  margin-bottom: 82px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb83"] {
  margin-bottom: 83px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb84"] {
  margin-bottom: 84px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb85"] {
  margin-bottom: 85px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb86"] {
  margin-bottom: 86px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb87"] {
  margin-bottom: 87px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb88"] {
  margin-bottom: 88px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb89"] {
  margin-bottom: 89px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb90"] {
  margin-bottom: 90px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb91"] {
  margin-bottom: 91px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb92"] {
  margin-bottom: 92px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb93"] {
  margin-bottom: 93px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb94"] {
  margin-bottom: 94px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb95"] {
  margin-bottom: 95px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb96"] {
  margin-bottom: 96px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb97"] {
  margin-bottom: 97px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb98"] {
  margin-bottom: 98px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb99"] {
  margin-bottom: 99px;
}

.c-modal__wrap [class*="__contentsWrapCalc"][class*="--mb100"] {
  margin-bottom: 100px;
}

.c-modal__wrap [class*="Center"] {
  text-align: center;
}

.c-modal__wrap [class*="Center"] > p {
  text-align: center;
}

.c-modal__wrap [class*="Flex"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-modal__wrap [class*="Flex"] {
    display: block;
  }
}

.c-modal__wrap.is-invisible {
  display: none;
}

.c-modal__position--top {
  margin-top: 15vh;
  margin-bottom: 15vh;
}

@media screen and (max-width: 767px) {
  .c-modal__position--top {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.c-modal__position--middle {
  margin-top: 35vh;
  margin-bottom: 15vh;
}

@media screen and (max-width: 767px) {
  .c-modal__position--middle {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.c-modal__position--bottom {
  margin-top: 60vh;
  margin-bottom: 15vh;
}

@media screen and (max-width: 767px) {
  .c-modal__position--bottom {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.c-modal__contentsBg {
  display: inline-block;
  text-align: left;
  margin-top: 15vh;
}

@media screen and (max-width: 767px) {
  .c-modal__contentsBg {
    margin-top: 0;
  }
}

.c-modal__contentsBg--white {
  background-color: #ffffff;
  display: inline-block;
  min-width: 100px;
  max-width: 768px;
  padding: 25px;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-modal__contentsBg--white {
    width: 100%;
    height: 100%;
  }
}

.c-modal__close {
  position: absolute;
  right: 20px;
}

.c-modal__contentsWrap {
  padding: 10px;
  height: inherit;
}

.c-modal__contents {
  width: 100%;
}

.c-modal__contents--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.c-modal__contents--center {
  text-align: center;
  width: 100%;
}

.c-modal__message {
  margin: 0 auto;
  width: 360px;
}

@media screen and (max-width: 767px) {
  .c-modal__message {
    padding: 0;
    width: 100%;
  }
}

.c-modal__userInfo {
  width: 360px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-modal__userInfo {
    margin: 0;
    width: 100%;
  }
}

.c-modal__userInfo:not(:first-child) {
  margin-top: 20px;
}

.c-modal__userInfo--label {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  margin: 5px 0;
}

.c-modal__userInfo--input, .c-modal__userInfo--select {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  -webkit-appearance: none;
  /* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none;
  /* ベンダープレフィックス(Firefox用) */
  appearance: none;
  /* 標準のスタイルを無効にする */
}

.c-modal__userInfo--input + i[class="icon-sh-arrowBottom-small"], .c-modal__userInfo--select + i[class="icon-sh-arrowBottom-small"] {
  color: #6e6e6e;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 3%;
  top: 24%;
  pointer-events: none;
}

.c-modal__userInfo--input::-ms-expand, .c-modal__userInfo--select::-ms-expand {
  /* select要素のデザインを無効にする（IE用） */
  display: none;
}

.c-modal__userInfo--option {
  font-size: 19px;
}

.c-modal__userInfo--selectBox {
  width: 100%;
  position: relative;
}

.c-modal__checkbox {
  padding: 0 50px 0 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-modal__checkbox {
    padding: 0px;
    padding-left: 5px;
  }
}

.c-modal__checkbox:not(:first-child) {
  margin-top: 20px;
}

.c-modal__checkbox label {
  margin-right: 0;
}

.c-modal__recaptcha {
  margin: 20px auto 0;
  padding: 0 40px;
}

@media screen and (max-width: 767px) {
  .c-modal__recaptcha {
    padding: 0px;
  }
}

.c-modal__buttonArea {
  width: 230px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-modal__buttonArea > .c-basicButton {
    width: 230px;
  }
}

.c-modal__buttonArea--more {
  margin: auto;
  display: table;
}

@media screen and (max-width: 767px) {
  .c-modal__buttonArea--more {
    text-align: center;
  }
  .c-modal__buttonArea--more :not(:last-child) {
    margin-bottom: 20px;
  }
}

.c-modal__buttonArea--more > .c-basicButton {
  margin: auto 10px;
  display: table-cell;
}

@media screen and (max-width: 767px) {
  .c-modal__buttonArea--more > .c-basicButton {
    margin: 10px auto;
    width: 230px;
  }
}

.c-modal__message + .c-formError__modalTop {
  margin-top: 10px;
}

/* animation */
.zoomIn {
  -webkit-animation: zoom-in 0.5s ease-in-out;
          animation: zoom-in 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.zoomOut {
  -webkit-animation: zoom-out 0.5s ease-in-out;
          animation: zoom-out 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}

@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}

.c-image {
  margin: 20px 0;
  display: inline-block;
}

@media screen and (min-width: 768px), print {
  .c-image {
    margin: 30px;
  }
}

.c-image__image {
  width: 100%;
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .c-image__image {
    width: auto;
  }
}

.c-image__caption {
  margin-top: 5px;
  font-size: 1.2rem;
  color: #6e6e6e;
  text-align: left;
}

@media screen and (min-width: 768px), print {
  .c-image__caption {
    min-width: 300px;
    max-width: 600px;
  }
}

a .c-image__caption {
  text-decoration: underline;
}

.c-partsSearch {
  background-color: #f5f5f5;
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 25px;
  }
}

.c-partsSearch__title {
  font-family: "NotoSans-Light";
  font-size: 2rem;
}

.c-partsSearch__title > p {
  font-family: "NotoSans-Light";
  font-size: 1.8rem;
  color: #333333;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__title > p {
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__title {
    text-align: right;
    width: 260px;
  }
  .c-partsSearch__title + * {
    margin-left: 50px;
  }
  .c-partsSearch__title * {
    text-align: right;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .c-partsSearch__title {
    width: calc(260px - (260 - 156) * (1280px - 100vw) / (1280 - 768));
  }
  .c-partsSearch__title + * {
    margin-left: calc(50px - (50 - 30) * (1280px - 100vw) / (1280 - 768));
  }
}

.c-partsSearch__title br {
  display: none;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__title br {
    display: inline;
  }
}

.c-partsSearch__title--titleRadioButton {
  font-family: "NotoSans-Light";
  font-size: 2rem;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__title--titleRadioButton {
    width: 30%;
  }
}

.c-partsSearch__title--titleRadioButton > p {
  font-family: "NotoSans-Light";
  font-size: 1.8rem;
  color: #333333;
  text-align: left;
  width: 150px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__title--titleRadioButton > p {
    width: initial;
  }
}

.c-partsSearch__title--titleRadioButton br {
  display: none;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__title--titleRadioButton br {
    display: inline;
  }
}

.c-partsSearch__title--titleRadioButton[class*="c-partsSearch__title--aaa"] > p {
  text-align: left;
}

.c-partsSearch__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__text {
    width: 100%;
  }
}

.c-partsSearch__text:nth-child(n + 3) {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__text:nth-child(n + 3) {
    margin-top: 0;
    margin-left: 30px;
  }
}

.c-partsSearch__text label {
  font-family: "NotoSans-Bold";
  font-size: 1.4rem;
}

.c-partsSearch__text input {
  margin-top: 12px;
  max-width: 100%;
}

.c-partsSearch__selectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__selectBox {
    width: 320px;
  }
}

.c-partsSearch__selectBox:nth-child(n + 3) {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__selectBox:nth-child(n + 3) {
    margin-top: 0;
    margin-left: 30px;
  }
}

.c-partsSearch__selectBox label {
  font-family: "NotoSans-Bold";
  font-size: 1.4rem;
}

.c-partsSearch__selectBox select {
  margin-top: 12px;
  max-width: 100%;
}

.c-partsSearch__selectBox select + i[class="icon-sh-arrowBottom-small"] {
  top: 54%;
  right: 3%;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .c-partsSearch__selectBox {
    width: calc(320px - (320 - 192) * (1280px - 100vw) / (1280 - 768));
  }
  .c-partsSearch__selectBox:nth-child(n + 3) {
    margin-left: calc(30px - (30 - 18) * (1280px - 100vw) / (1280 - 768));
  }
}

.c-partsSearch__selectBox--onlyPullDown {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__selectBox--onlyPullDown {
    width: 70%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 30px;
  }
  .c-partsSearch__selectBox--onlyPullDown div:nth-child(even) {
    padding-left: 20px;
  }
}

.c-partsSearch__selectBox--onlyPullDown:nth-child(n + 3) {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__selectBox--onlyPullDown:nth-child(n + 3) {
    margin-top: 0;
    margin-left: 30px;
  }
}

.c-partsSearch__selectBox--onlyPullDown label {
  font-family: "NotoSans-Bold";
  font-size: 1.4rem;
}

.c-partsSearch__selectBox--onlyPullDown select {
  max-width: 100%;
}

.c-partsSearch__selectBox--onlyPullDown select + i[class="icon-sh-arrowBottom-small"] {
  top: 50%;
  right: 3%;
}

.c-partsSearch__selectBox--onlyPullDownNoLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__selectBox--onlyPullDownNoLabel {
    width: 360px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-partsSearch__selectBox--onlyPullDownNoLabel select {
  margin-top: 12;
  max-width: 100%;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__selectBox--onlyPullDownNoLabel select {
    margin-top: 0;
  }
}

.c-partsSearch__selectBox--onlyPullDownNoLabel select + i[class="icon-sh-arrowBottom-small"] {
  top: 23%;
  right: 3%;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__checkBox {
    width: 230px;
  }
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__checkBox:nth-child(n + 3) {
    margin-left: 30px;
  }
}

.c-partsSearch__checkBoxTitle {
  font-family: "NotoSans-Bold";
  font-size: 1.4rem;
  color: #333333;
}

.c-partsSearch__checkBoxList {
  margin-top: 20px;
  padding-left: 6px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__checkBoxList {
    margin-top: 11px;
  }
}

.c-partsSearch__checkBoxList > li:not(:first-child) {
  margin-top: 21px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__checkBoxList > li:not(:first-child) {
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__checkBoxList > li label {
    word-break: break-all;
    margin-right: 0;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .c-partsSearch__checkBox {
    width: calc(230px - (230 - 138) * (1280px - 100vw) / (1280 - 768));
  }
  .c-partsSearch__checkBox:nth-child(n + 3) {
    margin-left: calc(30px - (30 - 18) * (1280px - 100vw) / (1280 - 768));
  }
}

.c-partsSearch__buttons {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-partsSearch__buttons [class*="c-basicButton"] {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .c-partsSearch__buttons [class*="c-basicButton"] {
    margin-top: 25px;
  }
}

.c-partsSearch__buttons [class*="c-basicButton"]:nth-child(n + 2) {
  margin-left: 10px;
}

.c-partsSearch__buttons [class*="c-basicButton"]:not([class*="--searchButton"]) {
  width: 100px;
}

.c-partsSearch__buttons [class*="c-basicButton"][class*="WidthAuto"] {
  width: auto;
}

.c-primaryLink,
.c-primaryLink--noLink,
.c-primaryLink--pdf,
.c-primaryLink--pcFlexEnd,
.c-primaryLink--wideMargin,
.c-primaryLink--small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-decoration: none;
}

.c-primaryLink .icon-sh-arrowRight-small, .c-primaryLink .list-with-arrow-list-child,
.c-primaryLink--noLink .icon-sh-arrowRight-small,
.c-primaryLink--noLink .list-with-arrow-list-child,
.c-primaryLink--pdf .icon-sh-arrowRight-small,
.c-primaryLink--pdf .list-with-arrow-list-child,
.c-primaryLink--pcFlexEnd .icon-sh-arrowRight-small,
.c-primaryLink--pcFlexEnd .list-with-arrow-list-child,
.c-primaryLink--wideMargin .icon-sh-arrowRight-small,
.c-primaryLink--wideMargin .list-with-arrow-list-child,
.c-primaryLink--small .icon-sh-arrowRight-small,
.c-primaryLink--small .list-with-arrow-list-child {
  color: #dd0000;
  font-size: 1.4rem;
  vertical-align: top;
  width: auto;
  height: calc(1.4rem * 1.75);
  margin-right: 3px;
  line-height: 1.75;
}

@media screen and (min-width: 768px), print {
  .c-primaryLink .icon-sh-arrowRight-small, .c-primaryLink .list-with-arrow-list-child,
  .c-primaryLink--noLink .icon-sh-arrowRight-small,
  .c-primaryLink--noLink .list-with-arrow-list-child,
  .c-primaryLink--pdf .icon-sh-arrowRight-small,
  .c-primaryLink--pdf .list-with-arrow-list-child,
  .c-primaryLink--pcFlexEnd .icon-sh-arrowRight-small,
  .c-primaryLink--pcFlexEnd .list-with-arrow-list-child,
  .c-primaryLink--wideMargin .icon-sh-arrowRight-small,
  .c-primaryLink--wideMargin .list-with-arrow-list-child,
  .c-primaryLink--small .icon-sh-arrowRight-small,
  .c-primaryLink--small .list-with-arrow-list-child {
    font-size: 1.6rem;
    width: auto;
    height: 16px;
    height: calc(1.6rem * 1.75);
  }
}

.c-primaryLink__text,
.c-primaryLink--noLink__text,
.c-primaryLink--pdf__text,
.c-primaryLink--pcFlexEnd__text,
.c-primaryLink--wideMargin__text,
.c-primaryLink--small__text {
  font-size: 1.4rem;
  font-family: "NotoSans-Regular";
  color: #333333;
  text-decoration: none;
  line-height: 1.75;
  cursor: pointer;
}

@media screen and (min-width: 768px), print {
  .c-primaryLink__text,
  .c-primaryLink--noLink__text,
  .c-primaryLink--pdf__text,
  .c-primaryLink--pcFlexEnd__text,
  .c-primaryLink--wideMargin__text,
  .c-primaryLink--small__text {
    font-size: 1.6rem;
  }
}

.c-primaryLink__text:hover, .c-primaryLink__text:active,
.c-primaryLink--noLink__text:hover,
.c-primaryLink--noLink__text:active,
.c-primaryLink--pdf__text:hover,
.c-primaryLink--pdf__text:active,
.c-primaryLink--pcFlexEnd__text:hover,
.c-primaryLink--pcFlexEnd__text:active,
.c-primaryLink--wideMargin__text:hover,
.c-primaryLink--wideMargin__text:active,
.c-primaryLink--small__text:hover,
.c-primaryLink--small__text:active {
  text-decoration: underline;
}

.c-primaryLink + .c-primaryLink,
.c-primaryLink + .c-primaryLink--noLink,
.c-primaryLink + .c-primaryLink--pdf,
.c-primaryLink + .c-primaryLink--pcFlexEnd,
.c-primaryLink + .c-primaryLink--small,
.c-primaryLink--noLink + .c-primaryLink,
.c-primaryLink--noLink + .c-primaryLink--noLink,
.c-primaryLink--noLink + .c-primaryLink--pdf,
.c-primaryLink--noLink + .c-primaryLink--pcFlexEnd,
.c-primaryLink--noLink + .c-primaryLink--small,
.c-primaryLink--pdf + .c-primaryLink,
.c-primaryLink--pdf + .c-primaryLink--noLink,
.c-primaryLink--pdf + .c-primaryLink--pdf,
.c-primaryLink--pdf + .c-primaryLink--pcFlexEnd,
.c-primaryLink--pdf + .c-primaryLink--small,
.c-primaryLink--pcFlexEnd + .c-primaryLink,
.c-primaryLink--pcFlexEnd + .c-primaryLink--noLink,
.c-primaryLink--pcFlexEnd + .c-primaryLink--pdf,
.c-primaryLink--pcFlexEnd + .c-primaryLink--pcFlexEnd,
.c-primaryLink--pcFlexEnd + .c-primaryLink--small,
.c-primaryLink--wideMargin + .c-primaryLink,
.c-primaryLink--wideMargin + .c-primaryLink--noLink,
.c-primaryLink--wideMargin + .c-primaryLink--pdf,
.c-primaryLink--wideMargin + .c-primaryLink--pcFlexEnd,
.c-primaryLink--wideMargin + .c-primaryLink--small,
.c-primaryLink--small + .c-primaryLink,
.c-primaryLink--small + .c-primaryLink--noLink,
.c-primaryLink--small + .c-primaryLink--pdf,
.c-primaryLink--small + .c-primaryLink--pcFlexEnd,
.c-primaryLink--small + .c-primaryLink--small {
  margin-top: 10px;
}

.c-primaryLink + .c-primaryLink--wideMargin,
.c-primaryLink--noLink + .c-primaryLink--wideMargin,
.c-primaryLink--pdf + .c-primaryLink--wideMargin,
.c-primaryLink--pcFlexEnd + .c-primaryLink--wideMargin,
.c-primaryLink--wideMargin + .c-primaryLink--wideMargin,
.c-primaryLink--small + .c-primaryLink--wideMargin {
  margin-top: 20px;
}

.c-primaryLink + .c-secondaryLink,
.c-primaryLink--noLink + .c-secondaryLink,
.c-primaryLink--pdf + .c-secondaryLink,
.c-primaryLink--pcFlexEnd + .c-secondaryLink,
.c-primaryLink--wideMargin + .c-secondaryLink,
.c-primaryLink--small + .c-secondaryLink {
  margin-top: 10px;
}

.c-primaryLink--noLink .c-primaryLink__text {
  cursor: default;
}

.c-primaryLink--noLink .c-primaryLink__text:hover, .c-primaryLink--noLink .c-primaryLink__text:active {
  text-decoration: none;
}

.c-primaryLink--pdf .c-primaryLink__pdfSize {
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  font-size: 1.2rem;
  margin-left: 9px;
}

@media screen and (min-width: 768px), print {
  .c-primaryLink--pdf .c-primaryLink__pdfSize {
    margin-left: 7px;
  }
}

.c-primaryLink--pdf .c-primaryLink__pdfIcon {
  vertical-align: text-bottom;
  line-height: 1;
  width: 20px;
  height: auto;
  color: #999999;
  margin-left: 5px;
}

.c-primaryLink--pdf .c-primaryLink__pdfIcon:before {
  font-size: 20px;
}

[class*="--pcFlexEnd"] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px), print {
  [class*="--pcFlexEnd"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (min-width: 768px), print {
  
  .c-primaryLink--small .icon-sh-arrowRight-small,
  .c-primaryLink--small .list-with-arrow-list-child {
    font-size: 1.4rem;
  }
  .c-primaryLink--small .c-primaryLink__text {
    font-size: 1.4rem;
  }
}

.c-primaryPageLink {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .c-primaryPageLink {
    margin-bottom: 40px;
  }
}

.c-primaryPageLink__contentWrap {
  border: 1px solid #e6e6e6;
  width: 100%;
  height: auto;
  background-color: #ffffff;
}

.c-primaryPageLink__contentWrap:hover, .c-primaryPageLink__contentWrap:active {
  border: 1px solid #6e6e6e;
  background-color: #6e6e6e;
}

.c-primaryPageLink__contentWrap:hover [class*="icon-sh-arrow"], .c-primaryPageLink__contentWrap:active [class*="icon-sh-arrow"] {
  color: #ffffff;
}

.c-primaryPageLink__contentWrap:hover .c-primaryPageLink__text, .c-primaryPageLink__contentWrap:active .c-primaryPageLink__text {
  color: #ffffff;
}

.c-primaryPageLink__contentWrap [class*="icon-sh-arrow"] {
  color: #dd0000;
  font-size: 1.6rem;
  width: auto;
  height: 16px;
  margin-right: 5px;
}

.c-primaryPageLink__contentWrap [class*="icon-sh-arrow"]:before {
  vertical-align: middle;
  line-height: 1;
}

.c-primaryPageLink__contentWrap [class*="icon-sh-arrow"].icon-sh-arrowRight-small, .c-primaryPageLink__contentWrap .list-with-arrow-list-child[class*="icon-sh-arrow"] {
  padding-top: 2px;
}

.c-primaryPageLink__linkArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 16px 20px;
  text-decoration: none;
  height: 100%;
}

@media screen and (min-width: 768px), print {
  .c-primaryPageLink__linkArea {
    padding: 18px 25px;
  }
}

.c-primaryPageLink__text {
  font-size: 1.6rem;
  font-family: "NotoSans-Regular";
  color: #333333;
}

.c-rowLinkList__text {
  margin-bottom: 2px;
}

.c-rowLinkList__linkListArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-rowLinkList__link {
  margin: 10px 20px 0 0;
}

@media screen and (min-width: 768px), print {
  .c-rowLinkList__link:last-child {
    margin-right: 0;
  }
}

.c-searchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-searchBox > * {
  height: 50px;
}

@media screen and (min-width: 768px), print {
  .c-searchBox > * {
    height: 48px;
  }
}

.c-searchBox__searchButton {
  cursor: pointer;
  background-color: #ffffff;
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .c-searchBox__searchButton {
    text-align: start;
    width: 140px;
    padding: 14px 15px 14px 35px;
  }
}

.c-searchBox__searchButton i[class="icon-sh-search"] {
  font-size: 2rem;
}

.c-searchBox__searchButton span {
  font-family: "NotoSans-Regular";
  font-size: 1.4rem;
  vertical-align: top;
}

.c-secondaryLink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.c-secondaryLink__circle {
  display: inline-block;
  width: 5px;
  height: 5px;
  border: solid 0.1px #cccccc;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  margin: 0 0 0 5px;
  background-color: #cccccc;
  vertical-align: middle;
  text-align: center;
}

.c-secondaryLink__text {
  font-size: 1.4rem;
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  vertical-align: middle;
  margin-left: 20px;
  text-decoration: none;
}

.c-secondaryLink__text:hover, .c-secondaryLink__text:active {
  text-decoration: underline;
}

.c-secondaryLink + .c-secondaryLink {
  margin-top: 5px;
}

.c-secondaryLink + .c-primaryLink,
.c-secondaryLink + .c-primaryLink--noLink,
.c-secondaryLink + .c-primaryLink--pdf,
.c-secondaryLink + .c-primaryLink--pcFlexEnd {
  margin-top: 10px;
}

.c-selectBox {
  width: 100%;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .c-selectBox {
    width: 360px;
  }
}

.c-selectBox__box {
  width: 100%;
  color: #333333;
  background-color: #ffffff;
  cursor: pointer;
  padding: 5px 0 5px 10px;
  padding-right: 40px;
  -webkit-appearance: none;
  /* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none;
  /* ベンダープレフィックス(Firefox用) */
  appearance: none;
  /* 標準のスタイルを無効にする */
}

@media screen and (min-width: 768px), print {
  .c-selectBox__box {
    width: 360px;
  }
}

.c-selectBox__box option:not(first-child) {
  color: #000000;
}

.c-selectBox__box + .icon-sh-arrowBottom-small {
  color: #6e6e6e;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 5%;
  top: 24%;
  pointer-events: none;
}

.c-selectBox__box::-ms-expand {
  /* select要素のデザインを無効にする（IE用） */
  display: none;
}

.c-sideNavFilter {
  background-color: #f5f5f5;
}

.c-sideNavFilter__title {
  font-family: "NotoSans-Bold";
}

.c-sideNavFilter__title .c-sideNavFilter__titleInner {
  color: #333333;
}

.c-sideNavFilter [class*="filteringMenuUnit"] {
  margin: 3vw 0;
}

.c-sideNavFilter [class*="filteringMenuUnit"]:first-child {
  margin-top: 0;
}

.c-sideNavFilter [class*="filteringMenuUnit"]:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .c-sideNavFilter__title {
    padding: 22px 12px;
  }
  .c-sideNavFilter [class*="filteringMenus"] {
    padding: 0 22px 12px;
  }
}

@media screen and (min-width: 768px), print {
  .c-sideNavFilter {
    padding: 25px;
  }
  .c-sideNavFilter [class*="filteringMenus"] [class*="filteringMenuUnit"] {
    margin: 26px 0 0;
    padding-left: 5px;
  }
  .c-sideNavFilter [class*="filteringMenus"] [class*="filteringMenuUnit"]:first-child {
    margin-top: 23px;
  }
}

.c-sideNavFilter .c-sideNavFilter__filteringMenus--hierarchy .c-sideNavFilter__filteringMenuUnit {
  padding-left: 32px;
}

.c-statusTag--red {
  background-color: #dd0000;
}

.c-statusTag--gray {
  background-color: #999999;
}

[class*="c-statusTag"] {
  position: relative;
  color: #ffffff;
  padding: 4px 10px;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2;
  font-family: "NotoSans-Regular";
}

.c-table__wrap--3moreColumns {
  padding: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px), print {
  .c-table__wrap--3moreColumns {
    overflow-x: visible;
  }
}

.c-table__wrap--3moreColumns .c-table__contents {
  table-layout: fixed;
}

@media screen and (min-width: 768px), print {
  .c-table__wrap--3moreColumns .c-table__contents {
    table-layout: auto;
  }
}

.c-table__inner--3moreColumns {
  margin: 0 auto;
  width: auto;
  max-width: none;
}

@media screen and (min-width: 768px), print {
  .c-table__inner--3moreColumns {
    width: 100%;
  }
}

.c-table__contents {
  font-size: 1.4rem;
  width: 100%;
  overflow-wrap: break-word;
  table-layout: auto;
  margin-top: 20px;
}

.c-table__header {
  padding: 10px;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}

@media screen and (min-width: 768px), print {
  .c-table__header {
    padding: 20px;
  }
}

.c-table__header--textNormal {
  padding: 10px;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  text-align: left;
  line-height: 1.75;
}

@media screen and (min-width: 768px), print {
  .c-table__header--textNormal {
    padding: 20px;
  }
}

.c-table__text {
  padding: 10px;
  color: #333333;
  border: 1px solid #e6e6e6;
  text-align: left;
  line-height: 1.75;
}

.c-table__text a {
  color: black;
}

.c-table__text a:hover, .c-table__text a:active {
  text-decoration: underline;
}

@media screen and (min-width: 768px), print {
  .c-table__text {
    padding: 20px;
  }
}

.c-table__image {
  padding: 10px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
}

.c-table__image img {
  width: 100%;
  height: auto;
}

.c-table__image--noBorder {
  padding: 10px;
  overflow: hidden;
}

.c-table__image--noBorder img {
  width: 100%;
  height: auto;
}

.c-tags--date .c-tags__date, .c-tags--dateFront .c-tags__date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0 0;
  padding: 3px 5px 3px 5px;
  color: #6e6e6e;
  font-family: "NotoSans-Light";
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 1.2rem;
  line-height: 1;
}

.c-tags--date .c-tags__date > .c-tags__dateText, .c-tags--dateFront .c-tags__date > .c-tags__dateText {
  margin-left: 5px;
}

.c-tags--date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-tags--date .c-tags__date {
  padding-left: 1.5em;
  position: relative;
}

.c-tags--date .c-tags__date:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 11px;
  border-top: 1px solid #6e6e6e;
}

.c-tags--dateFront {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-tags--dateFront .c-tags__date {
  margin-right: 5px;
}

[class*="c-tags"] .c-tags__tagsArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag"],
[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag--white"] {
  line-height: 1.2;
  font-size: 1.2rem;
  background-color: #f5f5f5;
  color: #6e6e6e;
  margin: 10px 5px 0 0;
  padding: 3px 5px;
}

[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag"]:last-child,
[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag--white"]:last-child {
  margin-right: 0;
}

[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag"] .c-tags__closeBtn,
[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag--white"] .c-tags__closeBtn {
  padding: 0;
  border: none;
  margin-left: 3px;
  background-color: #f5f5f5;
  height: 10px;
  vertical-align: top;
  font-size: 10px;
}

[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag"] .c-tags__closeBtn > .icon-sh-close-button,
[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag--white"] .c-tags__closeBtn > .icon-sh-close-button {
  vertical-align: top;
  font-size: 10px;
  line-height: 1.2;
  color: #6e6e6e;
  vertical-align: middle;
}

[class*="c-tags"] .c-tags__tagsArea .c-tags__tag--mt4px {
  margin: 4px 5px 0 0;
}

[class*="c-tags"] .c-tags__tagsArea .c-tags__tag--white {
  background-color: #ffffff;
}

[class*="c-tags"] .c-tags__tagsArea .c-tags__tag--keywordTag {
  color: #333333;
  background-color: #ffffff;
  font-family: "NotoSans-Light";
  border: 1px solid #e6e6e6;
  margin: 6px 6px 0 0;
}

[class*="c-tags"] .c-tags__tagsArea + .c-tags__date {
  margin-left: 8px;
}

[class*="c-textAccordion__buttonArea"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0%;
}

[class*="c-textAccordion__buttonArea"] > i {
  display: inline-block;
  vertical-align: text-bottom;
  opacity: 0;
}

[class*="c-textAccordion__buttonArea"] > i.is-active {
  opacity: 1;
}

[class*="c-textAccordion__buttonArea"].is-active {
  opacity: 1;
}

[class*="c-textAccordion__text"].is-active {
  height: auto;
  overflow: visible;
  margin-bottom: 91px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class*="c-textAccordion__text"].is-active {
    overflow: hidden;
  }
}

@media screen and (min-width: 768px), print {
  [class*="c-textAccordion__text"].is-active {
    margin-bottom: 111px;
  }
}

[class*="c-textAccordion__text"] {
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px), print {
  [class*="c-textAccordion__text"] {
    margin-bottom: 50px;
  }
}

.c-textAccordion {
  position: relative;
}

.c-textAccordion * {
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}

.c-textAccordion__text {
  height: 100px;
}

.c-textAccordion__text--h250 {
  height: 250px;
}

.c-textAccordion__text--h300 {
  height: 300px;
}

.c-textAccordion__text--h445 {
  height: 445px;
}

.c-textAccordion__text--h500 {
  height: 500px;
}

.c-textAccordion__text--h900 {
  height: 900px;
}

.c-textAccordion__buttonArea--open {
  background: transparent;
  padding: 0;
  bottom: -51px;
}

@media screen and (min-width: 768px), print {
  .c-textAccordion__buttonArea--open {
    bottom: -61px;
  }
}

.c-textAccordion__buttonArea--close {
  padding: 15px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 40%);
}

.c-textAccordion__buttonArea--close:not(.is-active) {
  height: 0;
  padding: 0;
}

.c-textAccordion__button--more + i {
  margin-bottom: 4px;
  color: #6e6e6e;
}

.c-textAccordion__button--more, .c-textAccordion__button--less {
  opacity: 0;
  display: inline;
  font-family: "NotoSans-Regular";
  font-size: 1.8rem;
}

.c-textAccordion__button--more.is-active, .c-textAccordion__button--less.is-active {
  opacity: 1;
  cursor: pointer;
}

.c-textAccordion__button--more.is-active + i, .c-textAccordion__button--less.is-active + i {
  margin-left: 2px;
  color: #6e6e6e;
}

.c-textAccordion__button--more.is-active + i.is-active, .c-textAccordion__button--less.is-active + i.is-active {
  cursor: pointer;
}

[class*="c-toggle"] {
  display: none;
  background-color: #e6e6e6;
  color: #6e6e6e;
  border-radius: 50%;
  font-size: 1.4rem;
  height: 30px;
}

[class*="c-toggle"].is-active {
  display: block;
}

.c-toggle > * {
  -webkit-transform: scale(1.8);
          transform: scale(1.8);
  font-weight: bold;
}

.c-toggle--open > * {
  -webkit-transform: scale(3.5, 3);
          transform: scale(3.5, 3);
}

@media screen and (min-width: 768px), print {
  .c-toggle--open > * {
    -webkit-transform: scale(3.5, 1.5);
            transform: scale(3.5, 1.5);
  }
}

.p-barAccordion__title {
  color: #333333;
  font-family: "NotoSans-Regular";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 15px 20px;
  background-color: #ffffff;
  border: 1px solid #999999;
  font-size: 1.8rem;
  text-align: left;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  line-height: inherit;
}

@media screen and (min-width: 768px), print {
  .p-barAccordion__title {
    font-size: 2rem;
    padding: 15px 25px;
  }
}

.p-barAccordion__title:hover {
  background-color: #ededed;
}

.p-barAccordion__title .icon-sh-arrowBottom {
  color: #6e6e6e;
}

.p-barAccordion__body {
  display: none;
}

.p-barAccordion.is-active .p-barAccordion__title > i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-barAccordion.is-active .p-barAccordion__body {
  margin: 15px 0 30px;
  display: block;
  -webkit-animation: fade-in 0.2s linear 0s;
          animation: fade-in 0.2s linear 0s;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.p-barAccordion + .p-barAccordion {
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .p-barAccordion + .p-barAccordion {
    margin-top: 15px;
  }
}

[class*="p-textAccordion__buttonArea"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0%;
}

[class*="p-textAccordion__buttonArea"] > i {
  display: inline-block;
  vertical-align: text-bottom;
  opacity: 0;
}

[class*="p-textAccordion__buttonArea"] > i.is-active {
  opacity: 1;
}

[class*="p-textAccordion__buttonArea"].is-active {
  opacity: 1;
}

[class*="p-textAccordion__text"].is-active {
  height: auto;
  margin-bottom: 91px;
}

@media screen and (min-width: 768px), print {
  [class*="p-textAccordion__text"].is-active {
    margin-bottom: 111px;
  }
}

[class*="p-textAccordion__text"] {
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px), print {
  [class*="p-textAccordion__text"] {
    margin-bottom: 50px;
  }
}

.p-textAccordion {
  position: relative;
}

.p-textAccordion * {
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}

.p-textAccordion__text {
  height: 100px;
}

.p-textAccordion__text--h250 {
  height: 250px;
}

.p-textAccordion__text--h300 {
  height: 300px;
}

.p-textAccordion__text--h445 {
  height: 445px;
}

.p-textAccordion__text--h500 {
  height: 500px;
}

.p-textAccordion__text--h900 {
  height: 900px;
}

.p-textAccordion__buttonArea--open {
  background: transparent;
  padding: 0;
  bottom: -51px;
}

@media screen and (min-width: 768px), print {
  .p-textAccordion__buttonArea--open {
    bottom: -61px;
  }
}

.p-textAccordion__button--more, .p-textAccordion__button--less {
  opacity: 0;
  display: inline;
}

.p-textAccordion__button--more.is-active, .p-textAccordion__button--less.is-active {
  opacity: 1;
}

.p-blackButton {
  color: #ffffff;
  background-color: #000000;
}

.p-blackButton:hover, .p-blackButton:active, .p-blackButton:focus, .p-blackButton.is-active {
  border: solid 1px #6e6e6e;
  background-color: #6e6e6e;
}

.p-ctaButton {
  color: #dd0000;
  border: solid 1px #dd0000;
}

.p-ctaButton:hover, .p-ctaButton:active, .p-ctaButton:focus, .p-ctaButton.is-active {
  border: solid 1px #dd0000;
  background-color: #dd0000;
}

.p-disabledButton {
  color: #cccccc;
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
}

.p-disabledButton:hover, .p-disabledButton:active, .p-disabledButton.is-active {
  color: #cccccc;
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  cursor: default;
}

.p-fillButton {
  color: #ffffff;
  border: solid 1px #dd0000;
  background-color: #dd0000;
}

.p-fillButton > i[class="icon-sh-hand-point-up"] {
  font-size: 16px;
  position: absolute;
  right: 7%;
}

@media screen and (min-width: 768px), print {
  .p-fillButton > i[class="icon-sh-hand-point-up"] {
    font-size: 28px;
  }
}

@media screen and (min-width: 768px), print {
  .p-fillButton:hover, .p-fillButton:active, .p-fillButton:focus, .p-fillButton.is-active {
    color: #dd0000;
    border: solid 1px #dd0000;
    background-color: #ffffff;
  }
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--arrowTop:hover::before, .p-followButton__icon--contact:hover::before {
    font-family: "NotoSans-Regular";
    color: #ffffff;
    background-color: #000000;
    font-size: 1.4rem;
    position: absolute;
    top: -30px;
    padding: 2px 8px;
  }
}

.p-followButton__icon--contact {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: fixed;
  bottom: 12px;
  left: 12px;
  right: auto;
  z-index: 50;
  cursor: pointer;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 25px;
  border: 1px currentColor solid;
  color: #dd0000;
  background-color: #ffffff;
}

.p-followButton__icon--contact:hover {
  color: #ffffff;
  background-color: #dd0000;
  border-color: #dd0000;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--contact:hover::before {
    content: 'Contact SHIMADZU';
    min-width: 144px;
    left: -40px;
  }
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--contact {
    bottom: 25px;
    left: auto;
    right: 95px;
    width: 60px;
    height: 60px;
  }
}

.p-followButton__icon--contact > a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: currentColor;
}

.p-followButton__icon--contact > a > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.9rem;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--contact > a > i {
    font-size: 3.2rem;
  }
}

.p-followButton__icon--heartOpen {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: fixed;
  bottom: 12px;
  left: 74px;
  z-index: 50;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 25px;
  border: 1px currentColor solid;
  color: #6e6e6e;
  background-color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--heartOpen {
    display: none;
  }
}

.p-followButton__icon--heartOpen:hover {
  color: #dd0000;
}

.p-followButton__icon--heartOpen > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: currentColor;
}

.p-followButton__icon--heartOpen > a > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2rem;
}

.p-followButton__icon--heartOpen > button {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: currentColor;
  border: none;
  outline: none;
  background: transparent;
}

.p-followButton__icon--heartOpen > button > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2rem;
}

.p-followButton__icon--arrowTop {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: none;
  position: fixed;
  z-index: 50;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 25px;
  border: 1px currentColor solid;
  color: #6e6e6e;
  background-color: #ffffff;
  bottom: 12px;
  right: 12px;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--arrowTop {
    bottom: 25px;
    right: 25px;
    width: 60px;
    height: 60px;
  }
}

.p-followButton__icon--arrowTop:hover {
  border-color: #6e6e6e;
  color: #ffffff;
  background-color: #6e6e6e;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--arrowTop:hover::before {
    content: 'Page top';
    min-width: 75px;
    left: -8px;
  }
}

.p-followButton__icon--arrowTop > a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: currentColor;
}

.p-followButton__icon--arrowTop > a > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.2rem;
}

.p-followButton__icon--chat {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: fixed;
  bottom: 70px;
  left: 12px;
  right: auto;
  z-index: 50;
  cursor: pointer;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 25px;
  border: 1px #dd0000 solid;
  color: #ffffff;
  background-color: #dd0000;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--chat {
    bottom: 25px;
    left: auto;
    right: 165px;
    width: 60px;
    height: 60px;
  }
  .p-followButton__icon--chat:hover::before {
    font-family: "NotoSans-Regular";
    color: #ffffff;
    background-color: #000000;
    font-size: 1.4rem;
    position: absolute;
    top: -30px;
    padding: 2px 8px;
  }
}

.p-followButton__icon--chat:hover {
  color: #dd0000;
  background-color: #ffffff;
  border-color: #dd0000;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--chat:hover::before {
    content: 'Chat with SHIMADZU';
    min-width: 165px;
    left: -55px;
  }
}

.p-followButton__icon--chat > a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: currentColor;
  cursor: pointer;
}

.p-followButton__icon--chat > a > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.9rem;
}

@media screen and (min-width: 768px), print {
  .p-followButton__icon--chat > a > i {
    font-size: 3.2rem;
  }
}

[class^="p-iconButton"] {
  cursor: pointer;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}

[class^="p-iconButton"] > button {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  border: none;
  width: 35px;
  height: 35px;
}

[class^="p-iconButton"] > button i {
  font-size: 22px;
}

[class^="p-iconButton"] > button > .iconColorGray {
  color: #6e6e6e;
}

[class^="p-iconButton"] > button > .iconColorRed {
  color: #dd0000;
}

[class^="p-iconButton"][class*="__tooltip"] {
  display: none;
  position: absolute;
  background: #000000;
  border-radius: 0px;
  height: 25px;
}

[class^="p-iconButton"][class*="__tooltip"] > p {
  font-size: 14px;
  color: #ffffff;
  vertical-align: middle;
  text-align: center;
  font-family: NotoSans-Regular;
}

[class^="p-iconButton"]:hover {
  /* hoverのときbuttonの背景に影つける */
  background-color: #ededed;
}

[class^="p-iconButton"]:hover [class="p-iconButton__tooltip--quickView"] {
  display: inline;
  -webkit-animation: 0.3s fade-in forwards;
          animation: 0.3s fade-in forwards;
  /* tooltip表示位置調整 */
  top: -90%;
  left: -70%;
}

[class^="p-iconButton"]:hover [class="p-iconButton__tooltip--bookmark"] {
  display: inline;
  -webkit-animation: 0.3s fade-in forwards;
          animation: 0.3s fade-in forwards;
  top: -90%;
  left: -115%;
}

[class^="p-iconButton"]:hover [class="p-iconButton__tooltip--share"] {
  display: inline;
  -webkit-animation: 0.3s fade-in forwards;
          animation: 0.3s fade-in forwards;
  top: -90%;
  left: -25%;
}

[class^="p-iconButton"][class*="--quickView"] p {
  width: 88px;
}

[class^="p-iconButton"][class*="--addBookmark"] p {
  width: 114px;
}

[class^="p-iconButton"][class*="--removeBookmark"] p {
  width: 136px;
}

[class^="p-iconButton"][class*="--share"] p {
  width: 54px;
}

[class^="p-iconButton"][class*="--close"] button {
  width: 40px;
}

[class^="p-iconButton"][class*="--close"] i {
  font-size: 25px;
}

[class^="p-iconButton"][class*="--zoomImage"] button {
  width: 40px;
  height: 40px;
}

[class^="p-iconButton"][class*="--zoomImage"] i {
  font-size: 25px;
}

/*
 * Share Menu CSS
 */
.shareWrapper {
  position: relative;
}

.shareWrapper .shareMenu {
  width: 200px;
  border-radius: 0px;
  background-color: #ffffff;
  position: absolute;
  -webkit-box-shadow: 5px 6px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 6px 30px rgba(0, 0, 0, 0.2);
  top: 152%;
  right: -86%;
  z-index: 25;
  /*
    * Control dispaly Share Menu
    */
}

.shareWrapper .shareMenu__textArea {
  padding: 25px 24px 14px 24px;
}

.shareWrapper .shareMenu__textArea > p {
  color: #333333;
  font-size: 16px;
  font-family: NotoSans-Bold;
  text-align: left;
}

.shareWrapper .shareMenu__linkArea {
  padding: 0 22px 15px 23px;
}

.shareWrapper .shareMenu__linkArea ul {
  text-align: left;
}

.shareWrapper .shareMenu__linkArea ul li {
  margin-bottom: 13px;
}

.shareWrapper .shareMenu__linkArea i {
  font-size: 25px;
  margin-right: 20px;
  vertical-align: text-top;
  color: #999999;
}

.shareWrapper .shareMenu__linkArea .icon-sh-linkedin {
  padding-left: 2px;
  padding-top: 1px;
}

.shareWrapper .shareMenu__linkArea a {
  vertical-align: sub;
  text-decoration: none;
  color: #333333;
}

.shareWrapper .shareMenu__linkArea a:hover {
  text-decoration: underline;
}

.shareWrapper .shareMenu::before {
  content: "";
  position: absolute;
  top: -33px;
  right: 17%;
  border: 15px solid transparent;
  border-top: 18px solid #ffffff;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.shareWrapper .shareMenu.is-invisible {
  display: none;
}

/*
 * fade-in animation
 */
@keyframes fade-in {
  from {
    opacity: 0.2;
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.p-primaryButton {
  color: #333333;
}

.p-primaryButton:hover, .p-primaryButton:active, .p-primaryButton:focus, .p-primaryButton.is-active {
  border: solid 1px #6e6e6e;
  background-color: #6e6e6e;
}

.p-applicationsCard {
  border: 1px solid #e6e6e6;
}

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

.p-applicationsCard__detailArea, .p-applicationsCard__detailAreaBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px), print {
  .p-applicationsCard__detailArea, .p-applicationsCard__detailAreaBottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-applicationsCard__detailArea--label, .p-applicationsCard__detailAreaBottom--label {
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-applicationsCard__detailArea--list, .p-applicationsCard__detailAreaBottom--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-applicationsCard__detailArea--listItem + .p-applicationsCard__detailArea--listItem::before, .p-applicationsCard__detailAreaBottom--listItem + .p-applicationsCard__detailArea--listItem::before {
  content: ", ";
}

.p-applicationsCard__detailAreaBottom {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-applicationsCard__detailAreaBottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-applicationsCard__detailAreaBottom--item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .p-applicationsCard__detailAreaBottom--item {
    width: calc(33% - 20px);
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px), print {
  .p-applicationsCard__detailAreaBottom--item:nth-of-type(3n) {
    margin-right: 0;
  }
}

.p-applicationsCard__detailAreaBottom--itemhalf {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .p-applicationsCard__detailAreaBottom--itemhalf {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px), print {
  .p-applicationsCard__detailAreaBottom--itemhalf:nth-of-type(2n) {
    margin-right: 0;
  }
}

.p-applicationsCard__detailTitleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-applicationsCard__detailTitle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}

.p-applicationsCard__detailItemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-applicationsCard__detailItemList--item:first-child {
  margin-right: 10px;
}

.p-applicationsCard__detailItemList a {
  color: #000000;
}

.p-applicationsCard__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.6rem;
  width: 100%;
}

.p-applicationsCard__title a {
  text-decoration: underline;
}

.p-applicationsCard__title > .c-externalLink__icon {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.p-applicationsCard__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.p-applicationsCard__titleWrap > .icon-sh-arrowRight-small, .p-applicationsCard__titleWrap > .list-with-arrow-list-child {
  color: #dd0000;
  font-size: 1.8rem;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
  line-height: 1.5;
}

@media screen and (min-width: 768px), print {
  .p-applicationsCard {
    font-size: 1.6rem;
  }
}

.p-blogCard * {
  text-decoration: none;
}

.p-blogCard__contentsWrap {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
}

.p-blogCard__contentsWrap:hover .p-blogCard__image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.p-blogCard__contentsWrap:hover .p-blogCard__text {
  background-color: #ffb74d;
  outline-color: #ffb74d;
  color: #ffffff;
}

.p-blogCard__image {
  border-radius: 7px;
  overflow: hidden;
}

.p-blogCard__image img {
  width: 100%;
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
}

.p-blogCard__text {
  font-family: 'NotoSans-Regular';
  font-size: 1.6rem;
  line-height: 1.5;
  outline: #ffffff 8px solid;
  outline-offset: -1px;
  background-color: #ffffff;
  color: #000000;
  margin: 0;
  width: 80%;
  height: calc(2em * 1.5);
  position: absolute;
  right: -5px;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  top: 74%;
}

@media screen and (min-width: 768px), print {
  .p-blogCard__text {
    top: 91%;
  }
}

@media screen and (max-width: 479px) {
  .p-blogCard__text {
    top: 60%;
  }
}

.p-blogCard__dateArea {
  position: absolute;
  top: 0;
  right: -30px;
  text-align: center;
  width: 28px;
}

.p-blogCard__date {
  font-family: 'NotoSans-Bold';
  font-size: 1.6rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding-top: 5px;
}

.p-casesCard {
  border: 1px solid #e6e6e6;
  height: 100%;
}

.p-casesCard * {
  text-decoration: none;
}

.p-casesCard__status {
  position: absolute;
  right: 15px;
  top: 15px;
  word-break: keep-all;
}

.p-casesCard__description--primary, .p-casesCard__description--secondary, .p-casesCard__description--bold {
  color: #333333;
}

.p-casesCard__description--primary {
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
  margin-top: 10px;
}

.p-casesCard__description--secondary {
  font-family: "NotoSans-Light";
  font-size: 1.2rem;
  margin-top: 15px;
}

.p-casesCard__description--bold {
  font-family: "NotoSans-Bold";
  font-size: 1.2rem;
  margin-top: 10px;
}

.p-casesCard a.p-casesCard__title {
  text-decoration: none;
}

.p-casesCard a.p-casesCard__title:hover, .p-casesCard a.p-casesCard__title:active {
  text-decoration: underline;
}

.p-casesCard__pdfArea {
  background-color: #ffffff;
  margin-top: 10px;
}

.p-casesCard__pdfArea .icon-sh-pdf {
  vertical-align: text-bottom;
  line-height: 1;
  width: 20px;
  height: auto;
  color: #999999;
}

.p-casesCard__pdfArea .icon-sh-pdf::before {
  font-size: 20px;
}

.p-casesCard__pdfText {
  display: block;
  font-family: "NotoSans-Regular";
  color: #333333;
  font-size: 1.4rem;
}

.p-casesCard__pdfSize {
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  font-size: 1.2rem;
  margin-left: 2px;
}

@media screen and (min-width: 768px), print {
  .p-casesCard__pdfSize {
    margin-left: 2px;
  }
}

.p-casesCard__content4columnWrap {
  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-negative: 0;
      flex-shrink: 0;
}

.p-casesCard__content4columnWrap .p-casesCard__imageArea {
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-casesCard__content4columnWrap .p-casesCard__imageArea {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

.p-casesCard__textArea {
  padding: 0 20px 20px;
}

@media screen and (min-width: 768px), print {
  .p-casesCard__textArea {
    padding: 0 25px 25px;
  }
}

.p-casesCard__titleArea {
  padding: 20px 20px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (min-width: 768px), print {
  .p-casesCard__titleArea {
    padding: 25px 25px 0;
  }
}

.p-casesCard__content2column {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
}

.p-casesCard__content2column .p-casesCard__content2columnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-casesCard__content2column .p-casesCard__content2columnWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto;
  }
}

@media screen and (min-width: 768px), print {
  .p-casesCard__content2column .p-casesCard__imageArea {
    width: 50%;
    height: 100%;
    display: block;
    margin: auto 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-casesCard__content2column .p-casesCard__imageArea + .p-casesCard__titleArea {
    width: 50%;
    padding: 20px;
    height: 100%;
  }
}

.p-casesCard__content2column .p-casesCard__titleArea {
  padding: 20px 20px 0;
}

@media screen and (min-width: 768px), print {
  .p-casesCard__content2column .p-casesCard__titleArea {
    width: 100%;
    padding: 20px;
    height: 100%;
  }
}

.p-casesCard__content2column .p-casesCard__textArea {
  padding: 0 20px 20px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

@media screen and (min-width: 768px), print {
  .p-casesCard__content2column .p-casesCard__textArea {
    padding: 25px;
    height: auto;
  }
}

.p-casesCard__content2column .p-casesCard__textAreaInner {
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-casesCard__content2column .p-casesCard__textAreaInner p:first-child {
  margin-top: 0;
}

.p-casesCard__content2column .p-casesCard__description--primary {
  margin-top: 0;
}

.p-categoryListCard {
  border: none;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard {
    border: 1px solid #e6e6e6;
    position: relative;
  }
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard:hover .p-categoryListCard__balloon {
    display: block;
  }
}

.p-categoryListCard *.is-invisible {
  display: none;
}

.p-categoryListCard__wrap {
  cursor: auto;
}

.p-categoryListCard__imageArea {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__imageArea {
    display: block;
  }
}

.p-categoryListCard__textArea {
  padding: 0;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__textArea {
    height: auto;
    padding: 20px;
  }
}

.p-categoryListCard__textAreaInner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #333333;
  position: relative;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #999999;
  text-align: left;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  margin-bottom: 0;
  padding: 10px 25px;
}

.p-categoryListCard__textAreaInner .icon-sh-arrowBottom {
  font-size: 1.4rem;
  color: #6e6e6e;
}

.p-categoryListCard__textAreaInner.is-active .icon-sh-arrowBottom {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-categoryListCard__textAreaInner {
    word-break: break-all;
  }
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__textAreaInner {
    border: none;
    display: block;
    cursor: default;
    padding: 0;
  }
  .p-categoryListCard__textAreaInner .icon-sh-arrowBottom {
    display: none;
  }
}

.p-categoryListCard__titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.p-categoryListCard__titleArea > .c-externalLink__icon {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.p-categoryListCard a.p-categoryListCard__title {
  text-decoration: none;
}

.p-categoryListCard a.p-categoryListCard__title:hover, .p-categoryListCard a.p-categoryListCard__title:active {
  text-decoration: underline;
}

.p-categoryListCard__title--pcSmall {
  font-size: 1.8rem;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__title--pcSmall {
    font-size: 1.4rem;
  }
}

.p-categoryListCard__balloon {
  display: block;
  position: inherit;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon {
    display: none;
    border: none;
    background-color: transparent;
    margin-bottom: 0;
  }
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap {
  padding: 0px 20px 20px;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap {
    padding: 23px 25px 29px 24px;
    max-width: 370px;
  }
}

@media screen and (max-width: 767px) {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap::before {
  display: block;
}

@media screen and (max-width: 767px) {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner {
    margin: 0;
    width: 100%;
  }
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] {
    width: 300px;
  }
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"]:nth-child(n + 2) {
    margin-top: 25px;
  }
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryTitle {
  font-family: "NotoSans-Bold";
  color: #333333;
  text-align: left;
  padding-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryTitle {
    margin-bottom: 15px;
    padding-top: 0;
  }
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryList {
  text-align: left;
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryList > li {
  margin-top: 20px;
  color: #cccccc;
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryList > li:first-child {
  margin-top: 0;
  padding-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryList > li:first-child {
    padding-top: 0;
  }
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryList > li * {
  color: #6e6e6e;
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryList > li *:hover {
  text-decoration: underline;
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryButtons {
  margin-top: 20px;
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryButtons > li {
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryButtons > li * {
    height: 35px;
    padding: 0.6rem 25px 3px;
    width: 200px;
  }
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryButtons > li:first-child * {
  margin-top: 0;
}

.p-categoryListCard__balloon .p-categoryListCard__balloonContentWrap.c-balloon__contentWrap .p-categoryListCard__balloonContentInner [class*="p-categoryListCard__subCategoryBlock"] .p-categoryListCard__subCategoryButtons > li:not(:first-child) * {
  margin-top: 10px;
}

.p-card {
  border: 1px solid #e6e6e6;
}

.p-card * {
  text-decoration: none;
}

.p-contentsBlockCard {
  max-width: 285px;
}

.p-contentsBlockCard--noSwiper {
  max-width: 100%;
}

.c-card[class*="p-contentsBlockCard"] {
  border: 1px solid #e6e6e6;
}

.c-card[class*="p-contentsBlockCard"] * {
  text-decoration: none;
}

.c-card[class*="p-contentsBlockCard"] .p-contentsBlockCard__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.c-card[class*="p-contentsBlockCard"] .p-contentsBlockCard__title > .icon-sh-external-link {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-card[class*="p-contentsBlockCard"] .p-contentsBlockCard__textArea {
    height: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-card[class*="p-contentsBlockCard"] .p-contentsBlockCard__imageArea {
    height: auto;
  }
}

.p-featuresCard {
  height: auto;
}

.p-featuresCard__imageArea {
  border: 1px solid #e6e6e6;
}

.p-featuresCard__imageAreaInner:before {
  content: "";
  display: block;
  padding-top: calc((280 - 20) / (390 - 20) * 100%);
}

.p-featuresCard__textArea {
  padding: 10px 0 0;
}

@media screen and (min-width: 768px), print {
  .p-featuresCard__textArea {
    padding: 20px 0 0;
  }
}

.p-featuresCard__title {
  font-family: "NotoSans-Light";
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 0;
}

.p-featuresCard__title:hover, .p-featuresCard__title:active {
  text-decoration: underline;
}

.p-featuresCard__description {
  margin-top: 15px;
  text-align: left;
}

.p-featuresCard__description > ul {
  margin-top: 0;
}

.p-featuresCard__summary {
  margin-top: 15px;
}

.p-featuresCard__titleArea + .p-featuresCard__description {
  margin-top: 12px;
}

@media screen and (min-width: 768px), print {
  .p-featuresCard__titleArea + .p-featuresCard__description {
    margin-top: 20px;
  }
}

.p-featuresCard__titleArea + .p-featuresCard__tags {
  margin-top: 2px;
}

@media screen and (min-width: 768px), print {
  .p-featuresCard__titleArea + .p-featuresCard__tags {
    margin-top: 10px;
  }
}

.p-featuresCard__titleArea + .p-featuresCard__summary {
  margin-top: 12px;
}

@media screen and (min-width: 768px), print {
  .p-featuresCard__titleArea + .p-featuresCard__summary {
    margin-top: 20px;
  }
}

.p-featuresCard__titleArea--padding {
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  .p-featuresCard__titleArea--padding {
    padding: 25px;
  }
}

.p-featuresCard--border {
  border: 1px solid #e6e6e6;
  height: 100%;
}

.p-featuresCard__title--nolink {
  font-family: "NotoSans-Light";
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 0;
}

.p-lineupCard {
  border: 1px solid #e6e6e6;
}

.p-lineupCard * {
  text-decoration: none;
}

.p-lineupCard__subtitle {
  font-size: 1.2rem;
  line-height: 1.5;
  color: #333333;
  font-family: "NotoSans-Light";
  margin: 5px 0 0 20px;
  text-align: left;
}

.p-movieCard {
  border: 1px solid #e6e6e6;
}

.p-movieCard * {
  text-decoration: none;
}

.p-movieCard__movieArea {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-movieCard__movieArea {
    max-height: 219px;
  }
}

.p-movieCard__contentWrap {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px), print {
  .p-movieCard__contentWrap {
    max-width: 389px;
  }
}

.p-movieCard__content16x9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.p-movieCard__content16x9 > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.p-movieCard__content16x9 > img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.p-movieCard__status {
  position: absolute;
  right: 15px;
  top: 15px;
}

.p-movieCard__movieArea:hover .p-movieCard__status,
.p-movieCard__movieArea:active .p-movieCard__status {
  -webkit-animation: show 0.2s linear 0s;
          animation: show 0.2s linear 0s;
  opacity: 0;
}

.p-myPageCard {
  border: 1px solid #e6e6e6;
}

.p-myPageCard * {
  text-decoration: none;
}

.p-myPageCard__contentArea {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .p-myPageCard__contentArea {
    height: auto;
  }
}

.p-myPageCard__contentWrap {
  margin: 0 auto;
  width: 100%;
  background-color: white;
  height: auto;
  overflow: hidden;
}

.p-myPageCard__content16x9 {
  background-color: white;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 56.25%;
}

.p-myPageCard__content16x9 > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.p-myPageCard__content16x9 > img {
  width: auto;
  height: 100%;
  max-width: none;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@-webkit-keyframes show {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

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

.p-myPageCard__status, .p-myPageCard__status--movie {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  -webkit-animation: show 0.2s linear 0s;
          animation: show 0.2s linear 0s;
  opacity: 1;
}

.p-myPageCard__contentArea:hover .p-myPageCard__status--movie,
.p-myPageCard__contentArea:active .p-myPageCard__status--movie {
  -webkit-animation: show 0.2s linear 0s;
          animation: show 0.2s linear 0s;
  opacity: 0;
}

.p-newProductsCard * {
  text-decoration: none;
}

.p-newProductsCard__contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .p-newProductsCard__contentWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 768px), print {
  .p-newProductsCard__imageArea {
    max-width: calc(320 / 1230 * 100%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-newProductsCard__imageAreaInner:before {
  content: "";
  display: block;
  padding-top: calc((160 - 20) / (320 - 20) * 100%);
}

.p-newProductsCard__textArea {
  width: 100%;
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  .p-newProductsCard__textArea {
    padding: 25px 25px 25px 30px;
  }
}

.p-newProductsCard__titleArea {
  margin-top: 3px;
}

@media screen and (min-width: 768px), print {
  .p-newProductsCard__titleArea {
    margin-top: 10px;
  }
}

.p-newProductsCard__subtitle {
  color: #333333;
  font-family: "NotoSans-Light";
  margin-top: 10px;
  line-height: 1.75;
  text-align: left;
}

.p-newsCard {
  border: 1px solid #e6e6e6;
}

.p-newsCard * {
  text-decoration: none;
}

.p-newsCard__textArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.p-newsCard__pdfArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-newsCard__pdfSize {
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  font-size: 1.2rem;
}

.p-newsCard__pdfIcon {
  vertical-align: text-bottom;
  line-height: 1;
  width: 20px;
  height: auto;
  color: #999999;
  margin-left: 5px;
}

.p-newsCard__pdfIcon:before {
  font-size: 20px;
}

.p-newsCard__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.6rem;
  width: 100%;
}

.p-newsCard__title > .c-externalLink__icon {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media screen and (min-width: 768px), print {
  .p-newsCard__title {
    font-size: 1.6rem;
  }
}

.p-newsCard__lead {
  color: #6e6e6e;
  font-family: "NotoSans-Light";
  margin-top: 10px;
  line-height: 1.75;
  text-align: left;
}

.p-noCaptionCard,
.p-noCaptionCard--spNoImage {
  position: relative;
  border: 1px solid #e6e6e6;
}

@media screen and (max-width: 767px) {
  .p-noCaptionCard,
  .p-noCaptionCard--spNoImage {
    min-height: 105px;
  }
}

.p-noCaptionCard *,
.p-noCaptionCard--spNoImage * {
  text-decoration: none;
}

.p-noCaptionCard__tag,
.p-noCaptionCard--spNoImage__tag {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
  height: 30px;
  border: 1px solid #49a7d9;
  background-color: #49a7d9;
  text-align: center;
  z-index: 2;
  color: white;
  font-size: 16px;
  line-height: 1.7;
}

.p-noCaptionCard__imageArea,
.p-noCaptionCard--spNoImage__imageArea {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .p-noCaptionCard--spNoImage .p-noCaptionCard__imageArea,
  .p-noCaptionCard--spNoImage--spNoImage .p-noCaptionCard__imageArea {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-noCaptionCard__noMinHeight,
  .p-noCaptionCard--spNoImage__noMinHeight {
    min-height: initial;
  }
}

.p-productCard {
  border: 1px solid #e6e6e6;
}

.p-productCard * {
  text-decoration: none;
}

.p-productCard__responsive {
  position: relative;
}

.p-productCard__status {
  position: absolute;
  right: 15px;
  top: 15px;
}

.p-productCard__textArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-productCard__textArea {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: auto;
  }
}

.p-productCard__title {
  width: 90%;
}

.p-productCard__wrapCheckbox {
  width: 10%;
}

.p-productCard__checkBox {
  margin: auto 0;
  height: 100%;
  width: 20px;
}

@media screen and (min-width: 768px), print {
  .p-productCard__checkBox {
    height: initial;
    width: initial;
  }
}

.p-productCard__imageArea {
  height: auto;
}

.p-productCard__summary {
  width: 100%;
}

.p-productCard__iconsList {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-productCard__iconsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: auto;
    font-size: 32px;
  }
  .p-productCard__iconsList > li {
    margin: 20px 20px 0 0;
    width: 32px;
    height: 32px;
    line-height: 1;
  }
  .p-productCard__iconsList > li > div {
    height: 35px;
  }
}

@media screen and (max-width: 767px) {
  .p-productCard__wrap--spFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    min-height: 90px;
  }
}

@media screen and (max-width: 767px) {
  .p-productCard__imageArea--spFlex {
    padding: 6px;
    width: 95px;
  }
}

.p-productCard__checkboxPlace {
  position: absolute;
  top: 65%;
  left: 92%;
}

@media screen and (max-width: 560px) {
  .p-productCard__checkboxPlace {
    top: 58%;
  }
}

@media screen and (min-width: 768px), print {
  .p-productCard__checkboxPlace {
    top: 52%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1066px) {
  .p-productCard__checkboxPlace {
    top: 47%;
  }
}

.p-recommendedCard {
  max-width: 390px;
  position: relative;
}

.p-recommendedCard * {
  text-decoration: none;
}

.p-recommendedCard__imageArea {
  background-color: #ffffff;
  position: relative;
  padding: 0;
  margin-bottom: 40px;
}

.p-recommendedCard__imageAreaInner:before {
  content: "";
  display: block;
  padding-top: calc(280 / 390 * 100%);
}

.p-recommendedCard__shadowWrap {
  -webkit-transition: -webkit-box-shadow 0.5s ease 0s;
  transition: -webkit-box-shadow 0.5s ease 0s;
  transition: box-shadow 0.5s ease 0s;
  transition: box-shadow 0.5s ease 0s, -webkit-box-shadow 0.5s ease 0s;
  position: absolute;
  left: 6.5%;
  bottom: -40px;
  width: 87%;
  height: 120px;
  display: grid;
}

.p-recommendedCard__shadowWrap:hover {
  -webkit-box-shadow: 0px 8px 20px #e6e6e6;
          box-shadow: 0px 8px 20px #e6e6e6;
}

.p-recommendedCard__shadowWrap--none {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.p-recommendedCard__textArea {
  position: relative;
  background-color: white;
  border-top: 3px solid red;
  z-index: 1;
  padding: 20px;
  height: 120px;
}

.p-recommendedCard__textArea > .icon-sh-arrowRight-small, .p-recommendedCard__textArea > .list-with-arrow-list-child {
  position: absolute;
  color: #dd0000;
  font-size: 1.8rem;
  vertical-align: top;
  width: auto;
  height: 18px;
  right: 20px;
  bottom: 20px;
}

.p-recommendedCard__textArea > .icon-sh-arrowRight-small:before, .p-recommendedCard__textArea > .list-with-arrow-list-child:before {
  vertical-align: top;
}

.p-recommendedCard__titleArea {
  text-align: left;
}

.p-recommendedCard__title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.p-recommendedCard__title > .c-externalLink__icon {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.p-recommendedCard__gradation {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
}

.p-featuredContentsCard,
.p-featuredContentsCard--blue,
.p-featuredContentsCard--green,
.p-featuredContentsCard--orange,
.p-featuredContentsCard--purple,
.p-featuredContentsCard--yellow,
.p-featuredContentsCard--gray {
  -webkit-box-shadow: 0px 8px 20px #e6e6e6;
          box-shadow: 0px 8px 20px #e6e6e6;
  background-color: #ffffff;
  border-radius: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 767px) {
  .p-featuredContentsCard,
  .p-featuredContentsCard--blue,
  .p-featuredContentsCard--green,
  .p-featuredContentsCard--orange,
  .p-featuredContentsCard--purple,
  .p-featuredContentsCard--yellow,
  .p-featuredContentsCard--gray {
    border-radius: 7px;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContentsCard,
  .p-featuredContentsCard--blue,
  .p-featuredContentsCard--green,
  .p-featuredContentsCard--orange,
  .p-featuredContentsCard--purple,
  .p-featuredContentsCard--yellow,
  .p-featuredContentsCard--gray {
    height: 100%;
    border-radius: 17px;
  }
}

.p-featuredContentsCard *,
.p-featuredContentsCard--blue *,
.p-featuredContentsCard--green *,
.p-featuredContentsCard--orange *,
.p-featuredContentsCard--purple *,
.p-featuredContentsCard--yellow *,
.p-featuredContentsCard--gray * {
  text-decoration: none;
}

.p-featuredContentsCard:hover,
.p-featuredContentsCard--blue:hover,
.p-featuredContentsCard--green:hover,
.p-featuredContentsCard--orange:hover,
.p-featuredContentsCard--purple:hover,
.p-featuredContentsCard--yellow:hover,
.p-featuredContentsCard--gray:hover {
  color: #ffffff;
  background-color: #333333;
}

.p-featuredContentsCard:hover .p-featuredContentsCard__icon,
.p-featuredContentsCard:hover .p-featuredContentsCard__title,
.p-featuredContentsCard:hover .p-featuredContentsCard__text,
.p-featuredContentsCard--blue:hover .p-featuredContentsCard__icon,
.p-featuredContentsCard--blue:hover .p-featuredContentsCard__title,
.p-featuredContentsCard--blue:hover .p-featuredContentsCard__text,
.p-featuredContentsCard--green:hover .p-featuredContentsCard__icon,
.p-featuredContentsCard--green:hover .p-featuredContentsCard__title,
.p-featuredContentsCard--green:hover .p-featuredContentsCard__text,
.p-featuredContentsCard--orange:hover .p-featuredContentsCard__icon,
.p-featuredContentsCard--orange:hover .p-featuredContentsCard__title,
.p-featuredContentsCard--orange:hover .p-featuredContentsCard__text,
.p-featuredContentsCard--purple:hover .p-featuredContentsCard__icon,
.p-featuredContentsCard--purple:hover .p-featuredContentsCard__title,
.p-featuredContentsCard--purple:hover .p-featuredContentsCard__text,
.p-featuredContentsCard--yellow:hover .p-featuredContentsCard__icon,
.p-featuredContentsCard--yellow:hover .p-featuredContentsCard__title,
.p-featuredContentsCard--yellow:hover .p-featuredContentsCard__text,
.p-featuredContentsCard--gray:hover .p-featuredContentsCard__icon,
.p-featuredContentsCard--gray:hover .p-featuredContentsCard__title,
.p-featuredContentsCard--gray:hover .p-featuredContentsCard__text {
  color: #ffffff;
}

.p-featuredContentsCard__wrap,
.p-featuredContentsCard--blue__wrap,
.p-featuredContentsCard--green__wrap,
.p-featuredContentsCard--orange__wrap,
.p-featuredContentsCard--purple__wrap,
.p-featuredContentsCard--yellow__wrap,
.p-featuredContentsCard--gray__wrap {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .p-featuredContentsCard__wrap,
  .p-featuredContentsCard--blue__wrap,
  .p-featuredContentsCard--green__wrap,
  .p-featuredContentsCard--orange__wrap,
  .p-featuredContentsCard--purple__wrap,
  .p-featuredContentsCard--yellow__wrap,
  .p-featuredContentsCard--gray__wrap {
    padding: 15px 6px 12px;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContentsCard__wrap,
  .p-featuredContentsCard--blue__wrap,
  .p-featuredContentsCard--green__wrap,
  .p-featuredContentsCard--orange__wrap,
  .p-featuredContentsCard--purple__wrap,
  .p-featuredContentsCard--yellow__wrap,
  .p-featuredContentsCard--gray__wrap {
    padding: 38px 10px 22px;
  }
}

.p-featuredContentsCard__iconArea,
.p-featuredContentsCard--blue__iconArea,
.p-featuredContentsCard--green__iconArea,
.p-featuredContentsCard--orange__iconArea,
.p-featuredContentsCard--purple__iconArea,
.p-featuredContentsCard--yellow__iconArea,
.p-featuredContentsCard--gray__iconArea {
  line-height: 1;
}

.p-featuredContentsCard__icon,
.p-featuredContentsCard--blue__icon,
.p-featuredContentsCard--green__icon,
.p-featuredContentsCard--orange__icon,
.p-featuredContentsCard--purple__icon,
.p-featuredContentsCard--yellow__icon,
.p-featuredContentsCard--gray__icon {
  color: #333333;
}

@media screen and (max-width: 767px) {
  .p-featuredContentsCard__icon,
  .p-featuredContentsCard--blue__icon,
  .p-featuredContentsCard--green__icon,
  .p-featuredContentsCard--orange__icon,
  .p-featuredContentsCard--purple__icon,
  .p-featuredContentsCard--yellow__icon,
  .p-featuredContentsCard--gray__icon {
    margin: 0;
    font-size: 35px;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContentsCard__icon,
  .p-featuredContentsCard--blue__icon,
  .p-featuredContentsCard--green__icon,
  .p-featuredContentsCard--orange__icon,
  .p-featuredContentsCard--purple__icon,
  .p-featuredContentsCard--yellow__icon,
  .p-featuredContentsCard--gray__icon {
    margin: 0;
    font-size: 60px;
  }
}

.p-featuredContentsCard__title,
.p-featuredContentsCard--blue__title,
.p-featuredContentsCard--green__title,
.p-featuredContentsCard--orange__title,
.p-featuredContentsCard--purple__title,
.p-featuredContentsCard--yellow__title,
.p-featuredContentsCard--gray__title {
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .p-featuredContentsCard__title,
  .p-featuredContentsCard--blue__title,
  .p-featuredContentsCard--green__title,
  .p-featuredContentsCard--orange__title,
  .p-featuredContentsCard--purple__title,
  .p-featuredContentsCard--yellow__title,
  .p-featuredContentsCard--gray__title {
    letter-spacing: -0.02em;
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContentsCard__title,
  .p-featuredContentsCard--blue__title,
  .p-featuredContentsCard--green__title,
  .p-featuredContentsCard--orange__title,
  .p-featuredContentsCard--purple__title,
  .p-featuredContentsCard--yellow__title,
  .p-featuredContentsCard--gray__title {
    font-size: 15px;
    margin-top: 14px;
  }
}

.p-featuredContentsCard__text,
.p-featuredContentsCard--blue__text,
.p-featuredContentsCard--green__text,
.p-featuredContentsCard--orange__text,
.p-featuredContentsCard--purple__text,
.p-featuredContentsCard--yellow__text,
.p-featuredContentsCard--gray__text {
  text-align: center;
  font-weight: 400;
  color: #6e6e6e;
}

@media screen and (max-width: 767px) {
  .p-featuredContentsCard__text,
  .p-featuredContentsCard--blue__text,
  .p-featuredContentsCard--green__text,
  .p-featuredContentsCard--orange__text,
  .p-featuredContentsCard--purple__text,
  .p-featuredContentsCard--yellow__text,
  .p-featuredContentsCard--gray__text {
    letter-spacing: -0.02em;
    font-size: 10px;
    margin-top: 4px;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContentsCard__text,
  .p-featuredContentsCard--blue__text,
  .p-featuredContentsCard--green__text,
  .p-featuredContentsCard--orange__text,
  .p-featuredContentsCard--purple__text,
  .p-featuredContentsCard--yellow__text,
  .p-featuredContentsCard--gray__text {
    font-size: 12px;
    margin-top: 6px;
  }
}

.p-featuredContentsCard--blue:hover,
.p-featuredContentsCard--blue--blue:hover,
.p-featuredContentsCard--green--blue:hover,
.p-featuredContentsCard--orange--blue:hover,
.p-featuredContentsCard--purple--blue:hover,
.p-featuredContentsCard--yellow--blue:hover,
.p-featuredContentsCard--gray--blue:hover {
  background-color: #49a7d9;
}

.p-featuredContentsCard--orange:hover,
.p-featuredContentsCard--blue--orange:hover,
.p-featuredContentsCard--green--orange:hover,
.p-featuredContentsCard--orange--orange:hover,
.p-featuredContentsCard--purple--orange:hover,
.p-featuredContentsCard--yellow--orange:hover,
.p-featuredContentsCard--gray--orange:hover {
  background-color: #ff9532;
}

.p-featuredContentsCard--green:hover,
.p-featuredContentsCard--blue--green:hover,
.p-featuredContentsCard--green--green:hover,
.p-featuredContentsCard--orange--green:hover,
.p-featuredContentsCard--purple--green:hover,
.p-featuredContentsCard--yellow--green:hover,
.p-featuredContentsCard--gray--green:hover {
  background-color: #5eb76e;
}

.p-featuredContentsCard--purple:hover,
.p-featuredContentsCard--blue--purple:hover,
.p-featuredContentsCard--green--purple:hover,
.p-featuredContentsCard--orange--purple:hover,
.p-featuredContentsCard--purple--purple:hover,
.p-featuredContentsCard--yellow--purple:hover,
.p-featuredContentsCard--gray--purple:hover {
  background-color: #9a628f;
}

.p-featuredContentsCard--yellow:hover,
.p-featuredContentsCard--blue--yellow:hover,
.p-featuredContentsCard--green--yellow:hover,
.p-featuredContentsCard--orange--yellow:hover,
.p-featuredContentsCard--purple--yellow:hover,
.p-featuredContentsCard--yellow--yellow:hover,
.p-featuredContentsCard--gray--yellow:hover {
  background-color: #e8c22e;
}

.p-featuredContentsCard--gray:hover,
.p-featuredContentsCard--blue--gray:hover,
.p-featuredContentsCard--green--gray:hover,
.p-featuredContentsCard--orange--gray:hover,
.p-featuredContentsCard--purple--gray:hover,
.p-featuredContentsCard--yellow--gray:hover,
.p-featuredContentsCard--gray--gray:hover {
  background-color: #748c94;
}

.p-webinarCard {
  position: relative;
  border: 1px solid #e6e6e6;
}

.p-webinarCard * {
  text-decoration: none;
}

.p-webinarCard__content1column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-webinarCard__content1column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarCard__content1column .p-webinarCard__imageArea {
    max-width: calc(600 / 1230 * 100%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-webinarCard__content1column .p-webinarCard__textArea {
  -ms-flex-negative: unset;
      flex-shrink: unset;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-webinarCard__content1column .p-webinarCard__textArea {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarCard__content1column .p-webinarCard__textAreaInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-webinarCard__textArea {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (min-width: 768px), print {
  .p-webinarCard__textArea {
    padding-top: 20px;
  }
}

.p-webinarCard__titleArea {
  margin-top: 3px;
}

@media screen and (min-width: 768px), print {
  .p-webinarCard__titleArea {
    margin-top: 10px;
  }
}

.p-webinarCard__title > i {
  vertical-align: text-bottom;
}

.p-webinarCard__balloon, .p-webinarCard__balloon--content1column {
  width: 325px;
}

@media screen and (min-width: 768px), print {
  .c-card:hover .p-webinarCard__balloon--content1column {
    right: calc(100% - 25px - (600 / 1230 * 100%));
  }
}

.p-webinarCard__contentsList {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .p-webinarCard__contentsList {
    -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;
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarCard__contentsList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 767px) {
  .p-webinarCard__contentsList a:first-of-type {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarCard__contentsList a:first-of-type {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-webinarCard__contentsList a:last-of-type {
    margin-top: 10px;
  }
}

.p-webinarCard__title--fontSizeBasic {
  font-size: 1.4rem;
  line-height: 1.8;
}

.p-webinarCard__title--fontSizeMiddle {
  font-size: 1.6rem;
}

.p-webinarCard__title--fontSizePanelTitle {
  font-size: 1.8rem;
}

.p-contactShimadzu__icon {
  margin-top: 50px;
  text-align: center;
  font-size: 4.5rem;
  line-height: 1;
  height: 45px;
  color: #999999;
}

.p-contactShimadzu__title {
  padding-top: 10px;
  text-align: center;
  font-size: 2rem;
  line-height: 1;
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__title {
    padding-top: 10px;
    font-size: 3.2rem;
  }
}

.p-contactShimadzu__inquiryWrap, .p-contactShimadzu__inquiryWrap--3column {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "NotoSans-Regular";
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryWrap, .p-contactShimadzu__inquiryWrap--3column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-contactShimadzu__inquiryItem {
  border-top: #e6e6e6 solid 1px;
}

.p-contactShimadzu__inquiryItem:last-child {
  border-bottom: #e6e6e6 solid 1px;
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryItem {
    border: none;
  }
  .p-contactShimadzu__inquiryItem:last-child {
    border-bottom: none;
  }
}

.p-contactShimadzu__inquiryItem + .p-contactShimadzu__inquiryItem {
  margin-left: 0;
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryItem + .p-contactShimadzu__inquiryItem {
    margin-left: 20px;
  }
}

.p-contactShimadzu__inquiryButton {
  color: #dd0000;
  height: 100%;
  min-width: 100%;
  padding: 20px 20px 20px 12px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: white;
  font-size: 1.4rem;
  text-decoration: none;
  font-family: "NotoSans-Regular";
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryButton {
    cursor: pointer;
    min-width: 230px;
    min-height: 50px;
    padding: 5px 35px;
    border-radius: 999px;
    border: #dd0000 solid 1px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-contactShimadzu__inquiryButton {
    min-width: 100%;
    font-size: calc(14px - (14 - 10) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-contactShimadzu__inquiryButton:hover {
  background-color: #dd0000;
  color: white;
  border-color: currentColor;
}

.p-contactShimadzu__inquiryButton > i {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryButton > i {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryWrap--3column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 15px;
  }
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryWrap--3column .p-contactShimadzu__inquiryItem {
    margin: 20px 10px 0;
    width: calc((100% - (10px * 6)) / 3);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .p-contactShimadzu__inquiryWrap--3column .p-contactShimadzu__inquiryItem {
    width: calc((100% - (11px * 6)) / 3);
  }
}

.p-footer {
  border-top: 1px solid #e6e6e6;
}

.p-footer__caution {
  width: 100%;
  padding: 0 12px;
}

@media screen and (min-width: 768px), print {
  .p-footer__caution {
    padding: 0 25px;
  }
}

.p-footer__contactShimadzu {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.p-footer__categories {
  background-color: #333333;
  margin-top: 0;
  min-width: auto;
}

@media screen and (min-width: 768px), print {
  .p-footer__categories {
    margin-top: 50px;
  }
}

.p-footer__categoriesInner {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .p-footer__categoriesInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 25px;
    max-width: 1280px;
  }
}

.p-footer__categoriesWrap {
  padding: 30px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-footer__categoriesWrap {
    padding: 60px 0;
    max-width: 600px;
  }
}

.p-footer__categoryItem {
  width: 50%;
  padding: 20px 0;
}

@media screen and (min-width: 768px), print {
  .p-footer__categoryItem {
    padding: 15px 0;
    width: 33%;
  }
}

.p-footer__categoryButton {
  color: #cccccc;
  text-decoration: none;
  font-family: "NotoSans-Regular";
}

.p-footer__categoryButton:hover {
  text-decoration: underline;
}

.p-footer__snsIcons, .p-footer__snsIcons--wide {
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-footer__snsIcons, .p-footer__snsIcons--wide {
    padding: 40px 0 60px;
    width: 300px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-footer__snsIcons--wide {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-footer__siteInformation {
  position: relative;
  background-color: #ebebeb;
  min-width: auto;
}

.p-footer__siteInformation::before {
  position: absolute;
  content: "";
  height: 5px;
  background-color: #adadad;
  width: 100%;
  display: inline-block;
  top: 0;
  left: 0;
}

.p-footer__siteInformation::after {
  position: absolute;
  content: "";
  height: 5px;
  width: 20px;
  top: 0;
  display: inline-block;
  left: 0;
  background-color: #ff0000;
}

.p-footer__siteInformationInner {
  padding: 0;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px), print {
  .p-footer__siteInformationInner {
    padding: 0 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.p-footer__policies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #d8d8d8;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border: 1px solid #adadad;
}

@media screen and (min-width: 768px), print {
  .p-footer__policies {
    width: auto;
    background-color: transparent;
    min-width: 350px;
    border: none;
  }
}

.p-footer__policies > li {
  padding: 25px 26px 20px 0;
}

@media screen and (min-width: 768px), print {
  .p-footer__policies > li {
    padding: 13px 13px 8px 0;
  }
  .p-footer__policies > li::before {
    content: "|";
    display: inline-block;
    margin-right: 13px;
  }
}

@media screen and (min-width: 768px), print {
  .p-footer__policies > li:last-child::after {
    content: "|";
    display: inline-block;
    margin-left: 18px;
  }
}

.p-footer__policies > li > a {
  color: #333333;
  text-decoration: none;
  font-size: 12px;
}

@media screen and (min-width: 768px), print {
  .p-footer__policies > li > a {
    font-size: 13px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-footer__policies > li > a {
    font-size: calc(13px - (13 - 12) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-footer__copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px;
  background-color: white;
  width: 100%;
  height: 100px;
}

.p-footer__copyright > img {
  width: 280px;
}

@media screen and (min-width: 768px), print {
  .p-footer__copyright {
    padding: 13px 0 8px;
    background-color: transparent;
    width: auto;
    height: auto;
  }
  .p-footer__copyright > img {
    width: 100%;
    max-width: 344px;
  }
}

.p-snsIcon,
.p-snsIcon--noPadding {
  padding: 15px 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-top: #e6e6e6 solid 1px;
  line-height: 1;
}

@media screen and (min-width: 768px), print {
  .p-snsIcon,
  .p-snsIcon--noPadding {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 28px 0 0;
    border: none;
  }
}

.p-snsIcon__wrap,
.p-snsIcon--noPadding__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px), print {
  .p-snsIcon__wrap,
  .p-snsIcon--noPadding__wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.p-snsIcon__title,
.p-snsIcon--noPadding__title {
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #ccc;
  margin-right: 25px;
}

@media screen and (min-width: 768px), print {
  .p-snsIcon__title,
  .p-snsIcon--noPadding__title {
    margin-right: 10px;
  }
}

.p-snsIcon__item,
.p-snsIcon--noPadding__item {
  margin-right: 30px;
}

@media screen and (min-width: 768px), print {
  .p-snsIcon__item,
  .p-snsIcon--noPadding__item {
    margin-right: 0;
    margin-left: 20px;
  }
}

.p-snsIcon__item > a,
.p-snsIcon--noPadding__item > a {
  color: #999;
  font-size: 24px;
}

.sns_weixin {
  position: relative;
}

.sns_weixin a .tooltip {
  display: none;
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 500px;
  background-color: #fcfcfc;
  -webkit-box-shadow: 0px 0px 6px 1px #d9d9d9;
          box-shadow: 0px 0px 6px 1px #d9d9d9;
}

@media screen and (min-width: 768px), print {
  .sns_weixin a .tooltip {
    width: 510px;
    height: 260px;
    top: -290px;
    left: -475px;
  }
}

.sns_weixin a .tooltip p {
  font-size: 16px;
}

.sns_weixin a .tooltip-title {
  padding-top: 28px;
}

.sns_weixin a .tooltip-title p {
  margin-bottom: 16px;
  color: #a9a9a9;
  text-align: center !important;
}

.sns_weixin a .tooltip-image-wrapper {
  width: 100%;
  text-align: center;
}

.sns_weixin a .tooltip-image:first-child {
  padding-right: 22px;
}

.sns_weixin a .tooltip-image:last-child {
  padding-left: 22px;
}

.sns_weixin a .tooltip-caption {
  position: relative;
  bottom: 5px;
  text-align: center;
}

.sns_weixin a .image-with-caption-image img {
  width: 30% !important;
  height: 30% !important;
}

@media screen and (min-width: 768px), print {
  .sns_weixin a .image-with-caption-image img {
    width: 145px !important;
    height: 145px !important;
  }
}

.sns_weixin a:hover {
  opacity: 1 !important;
  display: none;
}

@media screen and (min-width: 768px), print {
  .sns_weixin a:hover {
    display: block;
  }
}

.sns_weixin a:hover img {
  opacity: 0.7 !important;
}

.sns_weixin a:hover .tooltip {
  display: block;
}

@media screen and (min-width: 768px), print {
  .image-with-caption {
    display: inline-block;
  }
}

.image-with-caption-inner {
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .image-with-caption-inner {
    display: table;
    width: 160px;
  }
  .image-with-caption-inner img {
    max-width: none;
  }
}

.image-with-caption-caption-text {
  margin-top: 10px;
}

/*
フッターを一行にした際
NEWSLETTERとセンター寄せにするために上Padding削除、
NEWSLETTERとの隙間を作るため左にPadding設定
*/
@media screen and (min-width: 768px), print {
  .p-snsIcon--noPadding {
    padding: 0 0 0 50px;
  }
}

.p-subscribe,
.p-subscribe--narrow {
  padding: 20px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  border-top: #e6e6e6 solid 1px;
  width: 100%;
  color: #cccccc;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  text-decoration: none;
  font-family: "NotoSans-Regular";
}

@media screen and (min-width: 768px), print {
  .p-subscribe,
  .p-subscribe--narrow {
    border: #e6e6e6 solid 1px;
    border-radius: 999px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    padding: 15px 30px;
  }
}

.p-subscribe:hover, .p-subscribe:active,
.p-subscribe--narrow:hover,
.p-subscribe--narrow:active {
  background-color: #999999;
  color: #333333;
}

@media screen and (min-width: 768px), print {
  .p-subscribe:hover, .p-subscribe:active,
  .p-subscribe--narrow:hover,
  .p-subscribe--narrow:active {
    border: #999999 solid 1px;
  }
}

.p-subscribe:hover i.icon-sh-mail, .p-subscribe:active i.icon-sh-mail,
.p-subscribe--narrow:hover i.icon-sh-mail,
.p-subscribe--narrow:active i.icon-sh-mail {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  color: #333333;
}

.p-subscribe:hover i.icon-sh-arrowRight, .p-subscribe:active i.icon-sh-arrowRight,
.p-subscribe--narrow:hover i.icon-sh-arrowRight,
.p-subscribe--narrow:active i.icon-sh-arrowRight {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  color: #333333;
}

.p-subscribe > i.icon-sh-mail,
.p-subscribe--narrow > i.icon-sh-mail {
  font-size: 1.8rem;
  color: #999999;
  padding-right: 10px;
}

@media screen and (min-width: 768px), print {
  .p-subscribe > i.icon-sh-mail,
  .p-subscribe--narrow > i.icon-sh-mail {
    padding-right: 15px;
  }
}

.p-subscribe > i.icon-sh-arrowRight,
.p-subscribe--narrow > i.icon-sh-arrowRight {
  color: #999999;
  margin-left: auto;
  margin-right: 5px;
}

@media screen and (min-width: 768px), print {
  .p-subscribe > i.icon-sh-arrowRight,
  .p-subscribe--narrow > i.icon-sh-arrowRight {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-subscribe--narrow {
    width: 300px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.p-filterByPdfTitle input[type='text'] {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-filterByPdfTitle input[type='text'] {
    width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .p-filterByPdfTitle input[type='text'] + * {
    font-size: 1.2rem;
    color: #6e6e6e;
  }
}

@media screen and (min-width: 768px), print {
  .p-filterByPdfTitle input[type='text'] + * {
    padding-top: 12px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-filterByPdfTitle input[type='text'] {
    width: calc(500px - (500 - 460) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-filterByPdfTitle__searchBoxButton {
  min-width: 140px;
}

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

@media screen and (min-width: 768px), print {
  .p-filterByPdfTitle__searchButtons {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (min-width: 768px), print {
  .p-filterByPdfTitle__searchButtons [class*="searchButton"] {
    display: none;
  }
}

.p-filterByPdfTitle__searchButtons > button[class*="c-basicButton"] {
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .p-filterByPdfTitle__searchButtons > button[class*="c-basicButton"] {
    margin-top: 7px;
  }
}

@media screen and (min-width: 768px), print {
  .p-filterByPdfTitle__searchButtons > button[class*="c-basicButton"]:nth-child(2) {
    margin-left: 21px;
  }
}

.p-form {
  /**
  * 全てに共通して使用している
  */
  /**
  * form個別
  */
}

.p-form__title {
  border-bottom: 2px solid #cccccc;
  padding-bottom: 10.5px;
  margin-bottom: 60px;
}

.p-form__item {
  display: block;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .p-form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
  }
}

.p-form__item--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-form__item--confirm {
  display: block;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px), print {
  .p-form__item--confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
}

.p-form__item .icon-sh-quick-view,
.p-form__item .icon-sh-hide-password {
  color: #6e6e6e;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
}

.p-form__item input {
  border-radius: 3px;
}

.p-form__item input::-ms-clear {
  visibility: hidden;
}

.p-form__item input::-ms-reveal {
  visibility: hidden;
}

.p-form__item [class$="--mr100"] {
  margin-right: 100px;
}

.p-form__nameArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__nameArea {
    width: 15%;
  }
}

.p-form__name {
  padding: 10px 0;
  font-family: "NotoSans-Bold";
  color: #333333;
  text-align: left;
  font-size: 1.4rem;
}

.p-form__text, .p-form__text--mr100 {
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
  text-align: left;
  color: #333333;
  padding: 10px 0;
}

.p-form__inputArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea {
    width: 80%;
    margin-left: 5%;
  }
}

.p-form__inputArea--wrap {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea--wrap {
    width: 80%;
    margin-left: 5%;
  }
}

.p-form__inputArea--pcFlex {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea--pcFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-form__inputArea--pcFlex .p-form__checkbox {
    width: 320px;
  }
}

.p-form__inputArea--textArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea--textArea {
    width: 80%;
    margin-left: 5%;
  }
}

.p-form__contentsWrapCenter {
  display: block;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .p-form__contentsWrapCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-form__contentsWrapCenter > .p-form__nameArea {
  width: 230px;
}

@media screen and (min-width: 768px), print {
  .p-form__contentsWrapCenter .p-form__inputArea {
    width: 390px;
  }
}

.p-form__textArea {
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  height: 240px;
  width: 100%;
  resize: none;
}

@media screen and (min-width: 768px), print {
  .p-form__textArea {
    width: 80%;
  }
}

.p-form__inputText {
  width: 100%;
  margin-right: 30px;
}

@media screen and (min-width: 768px), print {
  .p-form__inputText {
    width: 360px;
  }
}

.p-form__checkbox {
  min-width: 300px;
  margin-top: 20px;
  padding-left: 5px;
}

@media screen and (min-width: 768px), print {
  .p-form__checkbox {
    margin-top: 12px;
  }
}

.p-form__checkbox label::before {
  border: 1px solid #999999;
}

.p-form__radio {
  padding-left: 5px;
  margin-top: 8px;
}

@media screen and (min-width: 768px), print {
  .p-form__radio {
    margin-top: 12px;
  }
}

.p-form__radio:not(:last-child) {
  margin-right: 35px;
}

.p-form__radio input[type="checkbox"] {
  display: none;
}

.p-form__radio input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.p-form__radio label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.p-form__radio label::before, .p-form__radio label::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}

.p-form__radio label::before {
  top: -3px;
  left: -6px;
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  background-color: #ffffff;
  margin-top: 2px;
}

.p-form__radio label::after {
  top: 2px;
  left: -1px;
  width: 10px;
  height: 10px;
  border: 1px solid #999999;
  background-color: #6e6e6e;
  margin-top: 2px;
  opacity: 0;
}

.p-form__password {
  width: 100%;
  position: relative;
}

.p-form__password:not(:first-child) {
  margin: 20px 0;
}

@media screen and (min-width: 768px), print {
  .p-form__password {
    width: 260px;
  }
  .p-form__password:not(:first-child) {
    margin: 0 30px;
  }
}

.p-form__password input {
  width: inherit;
  height: 48px;
  border: 1px solid #ccc;
  padding-left: 20px;
}

.p-form__password i {
  top: 30%;
  right: 5%;
}

.p-form__password .icon-sh-quick-view,
.p-form__password .icon-sh-hide-password {
  top: 13px;
}

.p-form__link {
  padding: 7px 0;
}

.p-form__agree {
  margin-top: 50px;
  padding-left: 7px;
}

.p-form__borderBottom {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.p-form__limitMessage {
  font-family: "NotoSans-Light";
  margin-top: 5px;
}

.p-form__zipcodeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.p-form__zipcodeWrap > button {
  word-break: keep-all;
  margin-left: 10px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-form__zipcodeWrap > button {
    word-break: normal;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__zipcodeWrap > button {
    margin-left: 15px;
  }
}

.p-form__datepickerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px), print {
  .p-form__datepickerWrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroupWrap {
    margin-top: 5px;
  }
}

.p-form__checkboxGroupWrap .p-form__item {
  margin-bottom: 0;
}

.p-form__checkboxGroupWrap .p-form__item:last-of-type {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap .p-form__item:last-of-type {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroupWrap .p-form__item:last-of-type .p-form__checkboxGroup {
    border-bottom: 1px solid #e6e6e6;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap .p-form__item:nth-child(n + 2) .p-form__checkboxHeader {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap > .p-form__item:last-of-type .p-form__checkboxDetail--item {
    border-bottom: 1px solid #e6e6e6;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap > .p-form__item:last-of-type .p-form__checkboxGroupTitle {
    border-bottom: 1px solid #e6e6e6;
  }
}

.p-form__checkboxGroupQuestion {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: NotoSans-Regular;
}

.p-form__checkboxGroupTitle {
  vertical-align: middle;
  padding: 20px 0 20px 10px;
  background-color: #f5f5f5;
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "NotoSans-Regular";
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroupTitle {
    width: 100%;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupTitle {
    width: 40%;
    display: table-cell;
    border-right: 1px solid #e6e6e6;
  }
}

.p-form__checkboxGroup, .p-form__checkboxDetailWrap {
  margin-left: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroup, .p-form__checkboxDetailWrap {
    display: table;
  }
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroup {
    padding-bottom: 1rem;
    border-right: 1px solid #e6e6e6;
  }
}

.p-form__checkboxHeader, .p-form__checkboxDetail {
  display: table-row;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxHeader, .p-form__checkboxDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

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

.p-form__checkboxDetail--item {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxDetail--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxDetail--item {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #e6e6e6;
  }
}

.p-form__checkboxDetail--item input[type="checkbox"] + label {
  font-weight: normal;
  font-family: "NotoSans-Regular";
  color: #333333;
}

.p-form__checkboxDetail--input {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxDetail--input {
    margin: 0 10px 0 0;
  }
}

.p-form__checkboxHeader--item {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px 5px 10px;
  border-right: 1px solid #e6e6e6;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.2;
  font-weight: bold;
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxHeader--item:first-of-type {
    width: 40%;
  }
}

.p-form__visuallyHidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

@media screen and (max-width: 767px) {
  .p-form__visuallyHidden {
    display: inline;
    position: inherit !important;
    overflow: inherit;
    clip: inherit;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__visuallyHidden {
    overflow: hidden;
  }
}

.p-formvisuallyHidden.focusable:active, .p-formvisuallyHidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

.p-formErrorMessage {
  border: 1px solid #ff0000;
  width: 100%;
  padding: 10px;
  display: table;
  text-align: left;
}

.p-formErrorMessage ul {
  display: table-cell;
  vertical-align: middle;
}

.p-formErrorMessage__iconWrap {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}

.p-formErrorMessage__errorIcon {
  width: 30px;
  height: 30px;
  background-color: #dd0000;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}

.p-formErrorMessage__errorIcon i {
  color: #ffffff;
  font-size: 20px;
  margin-top: 5px;
}

.p-glossaries > *:first-child {
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .p-glossaries > *:first-child {
    margin-top: 70px;
  }
}

.p-glossaries__list {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-glossaries__list {
    margin-top: 40px;
  }
}

.p-glossaries__list li:not(:first-child) {
  margin-top: 40px;
}

@media screen and (min-width: 768px), print {
  .p-glossaries__list li:not(:first-child) {
    margin-top: 50px;
  }
}

.p-glossaries__list li .p-glossaries__name {
  font-family: "NotoSans-Regular";
  color: #333333;
  font-size: 1.8rem;
}

.p-glossaries__list li .p-glossaries__description {
  margin-top: 15px;
}

.p-glossaryAlphabets {
  margin-top: 40px;
}

@media screen and (min-width: 768px), print {
  .p-glossaryAlphabets {
    margin-top: 50px;
    padding-left: 40px;
  }
}

.p-glossaryAlphabets .p-glossaryAlphabets__linkListArea > .p-glossaryAlphabets__link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  min-width: 35px;
  margin: 10px 0px 30px 20px;
}

@media screen and (min-width: 768px), print {
  .p-glossaryAlphabets .p-glossaryAlphabets__linkListArea > .p-glossaryAlphabets__link {
    margin-left: 0px;
    margin-right: 64px;
  }
}

.p-globalNav,
.p-globalNav--border {
  background-color: #ffffff;
}

.p-globalNav > nav,
.p-globalNav--border > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-globalNav,
  .p-globalNav--border {
    width: 100%;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav,
  .p-globalNav--border {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    height: 58px;
  }
  .p-globalNav > nav,
  .p-globalNav--border > nav {
    width: 1230px;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav,
  .p-globalNav--border {
    max-width: 100vw;
  }
  .p-globalNav > nav,
  .p-globalNav--border > nav {
    max-width: 1230px;
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav.is-scroll,
  .p-globalNav--border.is-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1015px;
    border-top: none;
    height: 70px;
  }
  .p-globalNav.is-scroll > nav,
  .p-globalNav--border.is-scroll > nav {
    margin: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__unit,
  .p-globalNav--border.is-scroll > nav .p-globalNav__unit {
    padding: 23px 8px;
    margin: 0 6px;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__searchBox,
  .p-globalNav--border.is-scroll > nav .p-globalNav__searchBox {
    margin-right: 20px;
    margin-top: 17px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1440px) and (min-width: 768px) {
  .p-globalNav.is-scroll,
  .p-globalNav--border.is-scroll {
    max-width: 1030px;
    width: calc(1030px - (1030 - 380) * (1440px - 100vw) / (1440 - 768));
  }
  .p-globalNav.is-scroll > nav,
  .p-globalNav--border.is-scroll > nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__wrap,
  .p-globalNav--border.is-scroll > nav .p-globalNav__wrap {
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__wrap .p-globalNav__unit,
  .p-globalNav--border.is-scroll > nav .p-globalNav__wrap .p-globalNav__unit {
    padding: 23px 3px 14px;
    margin: 0 5px;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__wrap .p-globalNav__unit [class*="p-globalNav__categoryName"],
  .p-globalNav--border.is-scroll > nav .p-globalNav__wrap .p-globalNav__unit [class*="p-globalNav__categoryName"] {
    font-size: calc(14px - (14 - 10) * (1440px - 100vw) / (1440 - 768));
    white-space: normal;
    word-break: break-all;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__searchArea,
  .p-globalNav--border.is-scroll > nav .p-globalNav__searchArea {
    display: none;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__categoryName--iconText,
  .p-globalNav--border.is-scroll > nav .p-globalNav__categoryName--iconText {
    display: none;
  }
  .p-globalNav.is-scroll > nav .c-basicButton--XXSmallFullWidth,
  .p-globalNav--border.is-scroll > nav .c-basicButton--XXSmallFullWidth {
    padding: 3px;
  }
}

@media screen and (min-width: 1440px), print {
  .p-globalNav.is-scroll .p-globalNav__categoryName--iconText,
  .p-globalNav--border.is-scroll .p-globalNav__categoryName--iconText {
    display: none;
  }
  .p-globalNav.is-scroll .p-globalNav__unit--iconButton .c-basicButton--XXSmallFullWidth,
  .p-globalNav--border.is-scroll .p-globalNav__unit--iconButton .c-basicButton--XXSmallFullWidth {
    padding: 3px;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__unit--iconButton,
  .p-globalNav--border.is-scroll > nav .p-globalNav__unit--iconButton {
    padding: 23px 3px 14px;
    margin: 0 5px;
  }
}

.p-globalNav__wrap,
.p-globalNav--border__wrap {
  display: block;
}

@media screen and (max-width: 767px) {
  .p-globalNav__wrap,
  .p-globalNav--border__wrap {
    width: 100%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
  }
  .p-globalNav__wrap.is-active,
  .p-globalNav--border__wrap.is-active {
    right: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav__wrap,
  .p-globalNav--border__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: static;
    right: 0;
    padding-bottom: 2px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-globalNav [class*="p-globalNav__unit"],
.p-globalNav--border [class*="p-globalNav__unit"] {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .p-globalNav [class*="p-globalNav__unit"],
  .p-globalNav--border [class*="p-globalNav__unit"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 20px;
    border-top: solid 1px #e6e6e6;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="u-mobileDisplay--hide"],
  .p-globalNav--border [class*="p-globalNav__unit"][class*="u-mobileDisplay--hide"] {
    display: none;
  }
  .p-globalNav [class*="p-globalNav__unit"]:last-child,
  .p-globalNav--border [class*="p-globalNav__unit"]:last-child {
    border-bottom: solid 1px #e6e6e6;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] a,
  .p-globalNav--border [class*="p-globalNav__unit"][class*="--iconButton"] a {
    width: 100%;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] a i.icon--show,
  .p-globalNav--border [class*="p-globalNav__unit"][class*="--iconButton"] a i.icon--show {
    font-size: 21px;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--mobileLink"] i[class*="icon-sh-arrowRight"],
  .p-globalNav--border [class*="p-globalNav__unit"][class*="--mobileLink"] i[class*="icon-sh-arrowRight"] {
    display: inline-block;
    color: #6e6e6e;
    font-size: 1.4rem;
    padding-top: 4px;
  }
  .p-globalNav [class*="p-globalNav__unit"]:first-child,
  .p-globalNav--border [class*="p-globalNav__unit"]:first-child {
    padding: 9px 20px;
    cursor: default;
    border: none;
  }
  .p-globalNav [class*="p-globalNav__unit"] .p-headerLogo__siteType,
  .p-globalNav--border [class*="p-globalNav__unit"] .p-headerLogo__siteType {
    display: block;
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav [class*="p-globalNav__unit"],
  .p-globalNav--border [class*="p-globalNav__unit"] {
    padding: 15px 0.5em;
    margin: 0 2em;
    border-bottom: solid 2px transparent;
  }
  .p-globalNav [class*="p-globalNav__unit"]:first-child,
  .p-globalNav--border [class*="p-globalNav__unit"]:first-child {
    margin-left: 0;
  }
  .p-globalNav [class*="p-globalNav__unit"]:hover, .p-globalNav [class*="p-globalNav__unit"].is-current,
  .p-globalNav--border [class*="p-globalNav__unit"]:hover,
  .p-globalNav--border [class*="p-globalNav__unit"].is-current {
    border-bottom: solid 2px #dd0000;
  }
  .p-globalNav [class*="p-globalNav__unit"] i,
  .p-globalNav--border [class*="p-globalNav__unit"] i {
    display: none;
  }
  .p-globalNav [class*="p-globalNav__unit"] i.icon--show,
  .p-globalNav--border [class*="p-globalNav__unit"] i.icon--show {
    display: block;
    font-size: 21px;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--mobileLink"],
  .p-globalNav--border [class*="p-globalNav__unit"][class*="--mobileLink"] {
    display: none;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"],
  .p-globalNav--border [class*="p-globalNav__unit"][class*="--iconButton"] {
    padding: 12px 0.5em 10px;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] .p-fillButton:hover .p-globalNav__categoryName--iconText,
  .p-globalNav--border [class*="p-globalNav__unit"][class*="--iconButton"] .p-fillButton:hover .p-globalNav__categoryName--iconText {
    color: #dd0000;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"]:hover,
  .p-globalNav--border [class*="p-globalNav__unit"][class*="--iconButton"]:hover {
    border-bottom: solid 2px transparent;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav [class*="p-globalNav__unit"],
  .p-globalNav--border [class*="p-globalNav__unit"] {
    margin-left: calc(24px - (24 - 2) * (1280px - 100vw) / (1280 - 768));
    margin-right: calc(24px - (24 - 2) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"],
.p-globalNav--border [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"] {
  color: #333333;
  white-space: nowrap;
  font-family: "NotoSans-Light";
  font-size: 1.6rem;
}

.p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--mobile"],
.p-globalNav--border [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--mobile"] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--iconText"],
.p-globalNav--border [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--iconText"] {
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"],
  .p-globalNav--border [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"] {
    font-family: "NotoSans-Regular";
    font-size: 1.4rem;
  }
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--mobile"],
  .p-globalNav--border [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--mobile"] {
    display: none;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"],
  .p-globalNav--border [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"] {
    font-size: calc(13px - (13 - 10) * (1280px - 100vw) / (1280 - 768));
  }
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"]--iconText,
  .p-globalNav--border [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"]--iconText {
    font-size: calc(13px - (13 - 10) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-globalNav [class*="p-globalNav__unit"] > a,
.p-globalNav--border [class*="p-globalNav__unit"] > a {
  text-decoration: none;
}

.p-globalNav__searchArea,
.p-globalNav--border__searchArea {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-globalNav__searchArea,
  .p-globalNav--border__searchArea {
    display: block;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox,
  .p-globalNav--border__searchArea .p-globalNav__searchBox {
    border: solid 1px #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    margin: 10px 0;
    padding: 0 0.5em;
    border-radius: 3px;
    background-color: #f5f5f5;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox *,
  .p-globalNav--border__searchArea .p-globalNav__searchBox * {
    background-color: #f5f5f5;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchText,
  .p-globalNav--border__searchArea .p-globalNav__searchBox .p-globalNav__searchText {
    color: #999999;
    border: none;
    width: calc(110px - (110 - 80) * (1440px - 100vw) / (1440 - 768));
    max-width: 190px;
    min-width: 80px;
    padding: 0 20px 0 0;
    height: auto;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchButton,
  .p-globalNav--border__searchArea .p-globalNav__searchBox .p-globalNav__searchButton {
    padding-top: 5px;
    position: relative;
    border: none;
    cursor: pointer;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchButton i,
  .p-globalNav--border__searchArea .p-globalNav__searchBox .p-globalNav__searchButton i {
    position: absolute;
    font-size: 24px;
    height: 30px;
    bottom: -1px;
    right: -4px;
    background-color: transparent;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchText,
  .p-globalNav--border__searchArea .p-globalNav__searchBox .p-globalNav__searchText {
    width: calc(190px - (190 - 80) * (1280px - 100vw) / (1280 - 768));
    font-size: calc(14px - (14 - 10) * (1280px - 100vw) / (1280 - 768));
    min-width: 80px;
  }
}

@media screen and (max-width: 767px) {
  [class*="p-headerIconMenu__unit"] {
    width: 20px;
    text-align: center;
    margin-right: 17px;
  }
  [class*="p-headerIconMenu__unit"] a {
    color: #6e6e6e;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class*="p-headerIconMenu__unit"] i {
    font-size: 21px;
    margin-top: 7px;
    cursor: pointer;
  }
  [class*="p-headerIconMenu__unit"] i:not([class*="mobile"]) {
    display: none;
  }
  [class*="p-headerIconMenu__unit"]#vue_register_menber i[class="icon-sh-my-page"] + span + [class="icon-sh-my-page-mobile"] {
    color: #dd0000;
  }
}

@media screen and (min-width: 768px), print {
  [class*="p-headerIconMenu__unit"] {
    padding: 0 25px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class*="p-headerIconMenu__unit"] a {
    color: #6e6e6e;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class*="p-headerIconMenu__unit"] i {
    font-size: 25px;
    cursor: pointer;
  }
  [class*="p-headerIconMenu__unit"] i[class*="mobile"] {
    display: none;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-shimadzu-logo"] {
    font-size: 17px;
    padding: 4px 3px 0 0;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-member-registration"], [class*="p-headerIconMenu__unit"] i[class="icon-sh-my-page"] {
    color: #dd0000;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-member-registration"] + span, [class*="p-headerIconMenu__unit"] i[class="icon-sh-my-page"] + span {
    color: #dd0000;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-cart"], [class*="p-headerIconMenu__unit"] i[class="icon-sh-earth"], [class*="p-headerIconMenu__unit"] i[class="icon-sh-newsletter"], [class*="p-headerIconMenu__unit"] i[class="icon-sh-zzz005_bag"] {
    font-size: 19px;
    vertical-align: text-bottom;
  }
}

.p-headerIconMenu {
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .p-headerIconMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: calc(100% - 157px);
    padding-top: 16px;
  }
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 965px;
    background-color: transparent;
  }
}

@media screen and (max-width: 1540px) and (min-width: 768px) {
  .p-headerIconMenu {
    max-width: calc(100vw - 550px);
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (max-width: 1540px) and (min-width: 768px) and (max-width: 1049px) {
  .p-headerIconMenu {
    max-width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu.is-scroll {
    min-width: 220px;
    max-width: 220px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    height: 70px;
    background-color: #f5f5f5;
    border-bottom: solid 1px #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-headerIconMenu.is-scroll * {
    background-color: #f5f5f5;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap, .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap--justifyContentEnd {
    margin: 22px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap--justifyContentEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__unit {
    display: none;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__unit--follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) and (max-width: 1440px) and (min-width: 768px) {
  .p-headerIconMenu.is-scroll {
    min-width: auto;
    max-width: none;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    background-color: #ffffff;
  }
  .p-headerIconMenu.is-scroll * {
    background-color: #ffffff;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap {
    padding-left: 4px;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap [class*="p-headerIconMenu__unit"] {
    padding: 0 28px 0 0;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap [class*="p-headerIconMenu__unit"]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__text {
    display: none;
  }
}

.p-headerIconMenu__wrap, .p-headerIconMenu__wrap--justifyContentEnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-headerIconMenu__wrap, .p-headerIconMenu__wrap--justifyContentEnd {
    margin-right: 0vw;
    height: 20px;
  }
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu__wrap, .p-headerIconMenu__wrap--justifyContentEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 27px 0;
  }
}

.p-headerIconMenu__text {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu__text {
    font-family: "NotoSans-Bold";
    font-size: 1.2rem;
    display: block;
    font-weight: bold;
    padding: 4px 0 0 2px;
  }
}

.p-headerIconMenu__mobileHamburger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-headerIconMenu__mobileHamburger::before {
  content: "";
  width: 2px;
  color: #cccccc;
  background-color: #cccccc;
  height: 30px;
  margin-top: 3px;
}

.p-headerIconMenu__mobileHamburgerLine {
  cursor: pointer;
  margin: 6px 15px 0 15px;
}

.p-headerIconMenu__mobileHamburgerLine > * {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  height: 2px;
  width: 26px;
  background-color: #6e6e6e;
}

.p-headerIconMenu__mobileHamburgerLine > *:first-child {
  margin-bottom: 9px;
}

.p-headerIconMenu__mobileHamburgerLine > *:last-child {
  margin-top: 9px;
}

.p-headerIconMenu__mobileHamburger.is-active .p-headerIconMenu__mobileHamburgerLine > *:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
          transform: translateY(11px) rotate(-45deg);
}

.p-headerIconMenu__mobileHamburger.is-active .p-headerIconMenu__mobileHamburgerLine > *:nth-child(2) {
  opacity: 0;
}

.p-headerIconMenu__mobileHamburger.is-active .p-headerIconMenu__mobileHamburgerLine > *:nth-child(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
          transform: translateY(-11px) rotate(45deg);
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu__mobileHamburger {
    display: none;
  }
}

.p-headerIconMenu__pulldown {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu__pulldown {
    display: block;
    padding: 3px 0 0 7px;
  }
  .p-headerIconMenu__pulldown i {
    font-size: 16px;
  }
}

.p-headerCategoryMenu {
  width: 100%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  z-index: 100;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5f5f5), color-stop(50%, white));
  background: linear-gradient(to right, #f5f5f5 50%, white 50%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  opacity: 1;
  position: absolute;
  left: 0;
}

.p-headerCategoryMenu.is-scroll {
  position: static;
}

@media screen and (min-width: 768px), print {
  .p-headerCategoryMenu {
    display: none;
    opacity: 0;
    top: 145px;
  }
}

.p-headerLogo {
  background-color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-headerLogo {
    max-width: 550px;
    padding: 21px 0 21px 30px;
    height: 81px;
    background-color: transparent;
  }
}

@media screen and (min-width: 1460px), print {
  .p-headerLogo {
    width: 475px;
  }
}

@media screen and (min-width: 768px), print {
  .p-headerLogo.is-scroll {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
    height: 70px;
    border-bottom: solid 1px #e6e6e6;
    max-width: none;
    width: auto;
  }
  .p-headerLogo.is-scroll .p-headerLogo__logoImage {
    display: none;
  }
  .p-headerLogo.is-scroll .p-headerLogo__logoImage--pcSmall {
    display: block;
    width: 205px;
  }
}

.p-headerLogo__logoImage {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-headerLogo__logoImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-headerLogo__logoImage img {
  height: 37px;
}

.p-headerLogo__logoImage--pcSmall {
  display: none;
  height: 70px;
  padding: 23px 0 23px 30px;
}

.p-headerLogo__logoImage--pcSmall img {
  height: 24px;
}

.p-headerLogo__logoImage--sp {
  margin: 16px 0 19px 17px;
  min-width: 140px;
}

@media screen and (min-width: 768px), print {
  .p-headerLogo__logoImage--sp {
    display: none;
  }
}

.p-headerLogo__logoImage--sp img {
  width: 140px;
  height: 30px;
}

.p-headerLogo__siteType {
  margin-left: 41px;
  min-width: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -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;
}

.p-headerLogo__siteType p {
  font-family: "NotoSans-Bold";
  color: #333333;
  font-size: 1.2rem;
  white-space: nowrap;
  margin-top: 0;
  line-height: 17px;
}

.p-headerLogo__siteType p:first-child {
  color: #af282f;
}

.p-headerLogo__siteType p {
  line-height: 17px;
}

.p-headerLogo__siteType p + p {
  margin-top: 0;
}

.p-headerLogo__siteType p > a {
  font-family: "NotoSans-Bold";
  color: #333333;
  font-size: 1.2rem;
  white-space: nowrap;
  margin-top: 0;
  text-decoration: none;
}

.p-headerLogo__siteType p:first-child > a {
  color: #af282f;
}

@media screen and (max-width: 1049px) {
  .p-headerLogo__siteType {
    display: none;
  }
}

.p-headerLogo__underSiteTypeLogo {
  padding: 10px 0;
  border: 1px solid #e6e6e6;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-headerLogo__underSiteTypeLogo {
    display: none;
  }
}

.p-headerLogo__underSiteTypeLogo .p-headerLogo__siteType {
  display: block;
  margin-left: 20px;
}

.p-megaMenu__wrap {
  width: 100%;
}

.p-megaMenu__contents {
  max-width: 1230px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-megaMenu__lv01, .p-megaMenu__lv02--wide, .p-megaMenu__lv02, .p-megaMenu__lv03, .p-megaMenu__lv04--right, .p-megaMenu__lv04--left {
  display: block;
  position: fixed;
  z-index: 100;
  top: 100px;
  bottom: 0;
  margin: 0 auto;
  padding: 0;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f5f5f5;
  margin: 0;
}

.p-megaMenu__lv01, .p-megaMenu__lv02, .p-megaMenu__lv03 {
  right: -100%;
  width: 100%;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__lv01, .p-megaMenu__lv02, .p-megaMenu__lv03 {
    right: 0;
    position: static;
    width: calc((100% - 60px) / 3);
  }
}

.p-megaMenu__lv02, .p-megaMenu__lv03 {
  border-left: none;
  background-color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__lv02, .p-megaMenu__lv03 {
    border-left: 1px solid #e6e6e6;
    padding-left: 30px;
    width: calc(100% / 3);
  }
}

.p-megaMenu__lv02--wide {
  right: -100%;
  background-color: #ffffff;
  width: 100%;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
  border-left: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__lv02--wide {
    right: 0;
    padding-left: 30px;
    position: static;
    width: calc((100% - 60px) / 3 * 2 + 60px);
    border-left: 1px solid #e6e6e6;
  }
}

.p-megaMenu__lv04--left {
  right: -100%;
  width: 100%;
  background-color: #ffffff;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__lv04--left {
    right: 0;
    display: none;
  }
}

.p-megaMenu__lv04--right {
  right: -100%;
  width: 100%;
  background-color: #ffffff;
  -webkit-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__lv04--right {
    right: 0;
    display: none;
  }
}

.p-megaMenu__fixedUnit {
  position: relative;
}

.p-megaMenu__scrollUnit {
  position: absolute;
  z-index: 10;
  overflow-y: auto;
  bottom: 0;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__scrollUnit {
    position: static;
  }
}

.p-megaMenu__unit {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-top: solid 1px #e6e6e6;
  background-color: white;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__unit {
    font-size: medium;
    display: inline;
    height: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;
    border-top: none;
  }
}

.p-megaMenu__unit:last-child {
  border-bottom: solid 1px #e6e6e6;
}

.p-megaMenu__unit > i {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__unit > i {
    display: none;
  }
}

.p-megaMenu__prevButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__prevButton {
    display: none;
  }
}

.p-megaMenu__prevButtonText {
  font-family: "NotoSans-Regular";
  margin-right: auto;
  margin-left: 10px;
}

.p-megaMenu__titleH1 {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH1 {
    padding: 20px 0;
  }
}

.p-megaMenu__titleH1 .p-megaMenu__titleH1Icon {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH1 .p-megaMenu__titleH1Icon {
    display: block;
    font-size: 2rem;
    height: 20px;
    margin-top: 0.4rem;
    margin-right: 0.5rem;
  }
}

.p-megaMenu__titleH1 .p-megaMenu__titleH1Text {
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH1 .p-megaMenu__titleH1Text {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.p-megaMenu__titleH1 + .icon-sh-arrowRight {
  color: #ff0000;
}

.p-megaMenu__titleH2 {
  padding: 0;
  border-bottom: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2 {
    padding: 7px 12px 5px;
    border-bottom: 2px solid transparent;
  }
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2:hover {
    background-color: #ededed;
  }
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2.is-active {
    border-bottom-color: #ff0000;
  }
}

.p-megaMenu__titleH2--wideLeft, .p-megaMenu__titleH2--wideRight {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2--wideLeft, .p-megaMenu__titleH2--wideRight {
    width: 50%;
  }
}

.p-megaMenu__titleH2--wideRight {
  padding-left: 0;
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2--wideRight {
    padding-left: 30px;
    border: none;
  }
}

.p-megaMenu__titleH2--wideInner {
  padding: 0;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2--wideInner {
    padding: 0 12px;
  }
}

.p-megaMenu__titleH2__hideContents {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2__hideContents {
    display: block;
  }
}

.p-megaMenu__titleH2Wrap--wide {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH2Wrap--wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-megaMenu__titleH3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH3 {
    padding: 7px 3px 6px 3px;
    border-top: 1px solid #e6e6e6;
  }
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH3:hover {
    background-color: #ededed;
  }
}

.p-megaMenu__titleH3 i.icon-sh-all {
  font-size: 2.7rem;
  margin-right: 8px;
}

.p-megaMenu__titleH3Wrap {
  padding: 0;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH3Wrap {
    padding: 0 12px;
  }
}

.p-megaMenu__titleH4 {
  color: currentColor;
  font-size: inherit;
  font-family: "NotoSans-Regular";
  padding-bottom: 5px;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH4 {
    font-size: 1.2rem;
    font-family: "NotoSans-Bold";
    color: #dd0000;
  }
}

.p-megaMenu__titleH5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 3px 6px 3px;
}

.p-megaMenu__titleH5::before {
  content: "";
  display: inline-block;
  margin-left: 7px;
  margin-right: 5px;
  width: 5px;
  height: 5px;
  background-color: #cccccc;
  border-radius: 50%;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__titleH5:hover {
    background-color: #ededed;
  }
}

.p-megaMenu__buttonWrap {
  margin: 20px auto;
  width: 70%;
  max-width: 300px;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__buttonWrap {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

.p-megaMenu__buttonWrap .p-megaMenu__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333333;
  border: solid 1px #6e6e6e;
  margin: 0 0 10px;
  padding-top: 5px;
}

.p-megaMenu__buttonWrap .p-megaMenu__button:hover, .p-megaMenu__buttonWrap .p-megaMenu__button:active {
  color: #ffffff;
  background-color: #6e6e6e;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-megaMenu__buttonWrap .p-megaMenu__button {
    font-size: calc(14px - (14 - 10) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-megaMenu__newProductsWrap {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__newProductsWrap {
    display: block;
  }
}

.p-megaMenu__newProductsTitle {
  margin-top: 30px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ff0000;
}

.p-megaMenu__newProductsImage {
  padding: 20px;
}

.p-megaMenu__cardImgWrap {
  border: 1px solid #e6e6e6;
  position: relative;
  padding-top: 50%;
  overflow: hidden;
}

.p-megaMenu__cardImg {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-megaMenu__searchWrap {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__searchWrap {
    display: block;
  }
}

.p-megaMenu__logoImageWrap {
  padding: 0 12px;
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__logoImageWrap {
    display: block;
  }
}

.p-megaMenu__logoImage {
  border: 1px solid #e6e6e6;
}

.p-megaMenu__openCloseButton {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-megaMenu__openCloseButton {
    font-size: 2rem;
    color: #6e6e6e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
  }
  .p-megaMenu__openCloseButton:hover {
    background-color: #ededed;
  }
  .p-megaMenu__openCloseButton i {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
}

.p-navMenu,
.p-navMenu--white {
  width: 100%;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .p-navMenu,
  .p-navMenu--white {
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu,
  .p-navMenu--white {
    background: linear-gradient(to right, #f5f5f5 calc(415px - (865px - 67vw) / 2), white calc(415px - (865px - 67vw) / 2));
    top: 139px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1280px), print {
  .p-navMenu,
  .p-navMenu--white {
    background: linear-gradient(to right, #f5f5f5 calc(415px + (100vw - 1295px) / 2), white calc(415px + (100vw - 1295px) / 2));
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu.is-scroll,
  .p-navMenu--white.is-scroll {
    top: 70px;
  }
  .p-navMenu *,
  .p-navMenu--white * {
    -webkit-transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
  }
}

@media screen and (max-width: 767px) {
  .p-navMenu__contentWrap,
  .p-navMenu--white__contentWrap {
    max-height: calc(100vh - 238px);
    overflow-y: scroll;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__contentWrap,
  .p-navMenu--white__contentWrap {
    max-width: 1280px;
    padding-right: 25px;
    padding-left: 25px;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100vh - 200px);
    overflow-y: scroll;
    /* Chrome, Safari 対応 */
    /* &::-webkit-scrollbar {
        display: none;
      } */
  }
}

.p-navMenu__normalBlock, .p-navMenu__normalBlock--gray, .p-navMenu__doubleBlock, .p-navMenu__tripleBlock,
.p-navMenu--white__normalBlock,
.p-navMenu--white__normalBlock--gray,
.p-navMenu--white__doubleBlock,
.p-navMenu--white__tripleBlock {
  display: block;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .p-navMenu__normalBlock:not(:last-child), .p-navMenu__normalBlock--gray:not(:last-child), .p-navMenu__doubleBlock:not(:last-child), .p-navMenu__tripleBlock:not(:last-child),
  .p-navMenu--white__normalBlock:not(:last-child),
  .p-navMenu--white__normalBlock--gray:not(:last-child),
  .p-navMenu--white__doubleBlock:not(:last-child),
  .p-navMenu--white__tripleBlock:not(:last-child) {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__normalBlock, .p-navMenu__normalBlock--gray, .p-navMenu__doubleBlock, .p-navMenu__tripleBlock,
  .p-navMenu--white__normalBlock,
  .p-navMenu--white__normalBlock--gray,
  .p-navMenu--white__doubleBlock,
  .p-navMenu--white__tripleBlock {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__normalBlock + .p-navMenu__normalBlock,
  .p-navMenu__normalBlock + .p-navMenu__normalBlock--gray,
  .p-navMenu__normalBlock + .p-navMenu__doubleBlock,
  .p-navMenu__normalBlock + .p-navMenu__tripleBlock, .p-navMenu__normalBlock--gray + .p-navMenu__normalBlock,
  .p-navMenu__normalBlock--gray + .p-navMenu__normalBlock--gray,
  .p-navMenu__normalBlock--gray + .p-navMenu__doubleBlock,
  .p-navMenu__normalBlock--gray + .p-navMenu__tripleBlock, .p-navMenu__doubleBlock + .p-navMenu__normalBlock,
  .p-navMenu__doubleBlock + .p-navMenu__normalBlock--gray,
  .p-navMenu__doubleBlock + .p-navMenu__doubleBlock,
  .p-navMenu__doubleBlock + .p-navMenu__tripleBlock, .p-navMenu__tripleBlock + .p-navMenu__normalBlock,
  .p-navMenu__tripleBlock + .p-navMenu__normalBlock--gray,
  .p-navMenu__tripleBlock + .p-navMenu__doubleBlock,
  .p-navMenu__tripleBlock + .p-navMenu__tripleBlock,
  .p-navMenu--white__normalBlock + .p-navMenu__normalBlock,
  .p-navMenu--white__normalBlock + .p-navMenu__normalBlock--gray,
  .p-navMenu--white__normalBlock + .p-navMenu__doubleBlock,
  .p-navMenu--white__normalBlock + .p-navMenu__tripleBlock,
  .p-navMenu--white__normalBlock--gray + .p-navMenu__normalBlock,
  .p-navMenu--white__normalBlock--gray + .p-navMenu__normalBlock--gray,
  .p-navMenu--white__normalBlock--gray + .p-navMenu__doubleBlock,
  .p-navMenu--white__normalBlock--gray + .p-navMenu__tripleBlock,
  .p-navMenu--white__doubleBlock + .p-navMenu__normalBlock,
  .p-navMenu--white__doubleBlock + .p-navMenu__normalBlock--gray,
  .p-navMenu--white__doubleBlock + .p-navMenu__doubleBlock,
  .p-navMenu--white__doubleBlock + .p-navMenu__tripleBlock,
  .p-navMenu--white__tripleBlock + .p-navMenu__normalBlock,
  .p-navMenu--white__tripleBlock + .p-navMenu__normalBlock--gray,
  .p-navMenu--white__tripleBlock + .p-navMenu__doubleBlock,
  .p-navMenu--white__tripleBlock + .p-navMenu__tripleBlock {
    border-left: 1px solid #e6e6e6;
    padding-left: 30px;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__normalBlock,
  .p-navMenu--white__normalBlock {
    width: calc((100% - 60px) / 3 + 30px);
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__normalBlock--gray,
  .p-navMenu--white__normalBlock--gray {
    background-color: #f5f5f5;
    width: calc((100% - 60px) / 3);
  }
}

.p-navMenu__doubleBlock,
.p-navMenu--white__doubleBlock {
  background-color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__doubleBlock,
  .p-navMenu--white__doubleBlock {
    width: calc((100% - 60px) * 2 / 3 + 60px);
  }
}

.p-navMenu__doubleBlockInnerWrap,
.p-navMenu--white__doubleBlockInnerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__doubleBlockInnerWrap,
  .p-navMenu--white__doubleBlockInnerWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 767px) {
  .p-navMenu__doubleBlockInnerWrap,
  .p-navMenu--white__doubleBlockInnerWrap {
    max-height: calc(100vh - 175px);
    overflow-y: scroll;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__doubleBlockInner,
  .p-navMenu--white__doubleBlockInner {
    width: calc((100% - 30px) / 2);
  }
  .p-navMenu__doubleBlockInner:not(:first-child),
  .p-navMenu--white__doubleBlockInner:not(:first-child) {
    padding-left: 30px;
    width: calc((100% - 30px) / 2 + 30px);
  }
  .p-navMenu__doubleBlockInner .p-casesCard__titleArea,
  .p-navMenu--white__doubleBlockInner .p-casesCard__titleArea {
    padding-top: 10px;
  }
  .p-navMenu__doubleBlockInner .p-casesCard__titleArea .p-casesCard__title,
  .p-navMenu--white__doubleBlockInner .p-casesCard__titleArea .p-casesCard__title {
    font-size: 1.6rem;
  }
  .p-navMenu__doubleBlockInner .p-casesCard__description--primary,
  .p-navMenu--white__doubleBlockInner .p-casesCard__description--primary {
    font-size: 13px;
  }
  .p-navMenu__doubleBlockInner .p-casesCard__description--secondary,
  .p-navMenu--white__doubleBlockInner .p-casesCard__description--secondary {
    margin-top: 10px;
  }
}

.p-navMenu__tripleBlock,
.p-navMenu--white__tripleBlock {
  background-color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__tripleBlock,
  .p-navMenu--white__tripleBlock {
    width: calc((100% - 60px) * 2 / 3 + 60px);
  }
}

.p-navMenu__tripleBlockInnerWrap,
.p-navMenu--white__tripleBlockInnerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__tripleBlockInnerWrap,
  .p-navMenu--white__tripleBlockInnerWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .p-navMenu__tripleBlockInnerWrap,
  .p-navMenu--white__tripleBlockInnerWrap {
    max-height: calc(100vh - 175px);
    overflow-y: scroll;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__tripleBlockInner,
  .p-navMenu--white__tripleBlockInner {
    width: calc((100% - 30px * (3 - 1)) / 3);
  }
  .p-navMenu__tripleBlockInner:not(:first-child),
  .p-navMenu--white__tripleBlockInner:not(:first-child) {
    margin-left: 30px;
    width: calc((100% - 30px * (3 - 1)) / 3);
  }
  .p-navMenu__tripleBlockInner:nth-child(n + 4),
  .p-navMenu--white__tripleBlockInner:nth-child(n + 4) {
    margin-top: 30px;
  }
  .p-navMenu__tripleBlockInner:nth-child(3n + 4),
  .p-navMenu--white__tripleBlockInner:nth-child(3n + 4) {
    margin-left: 0;
  }
  .p-navMenu__tripleBlockInner .p-casesCard__titleArea,
  .p-navMenu--white__tripleBlockInner .p-casesCard__titleArea {
    padding-top: 10px;
  }
  .p-navMenu__tripleBlockInner .p-casesCard__titleArea .p-casesCard__title,
  .p-navMenu--white__tripleBlockInner .p-casesCard__titleArea .p-casesCard__title {
    font-size: 1.6rem;
  }
  .p-navMenu__tripleBlockInner .p-casesCard__description--primary,
  .p-navMenu--white__tripleBlockInner .p-casesCard__description--primary {
    font-size: 13px;
  }
  .p-navMenu__tripleBlockInner .p-casesCard__description--secondary,
  .p-navMenu--white__tripleBlockInner .p-casesCard__description--secondary {
    margin-top: 10px;
  }
}

.p-navMenu__sectionTitle,
.p-navMenu--white__sectionTitle {
  padding: 15px 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__sectionTitle,
  .p-navMenu--white__sectionTitle {
    border-top: none;
    padding: 13px 0 12px;
    background-color: transparent;
  }
}

.p-navMenu__sectionTitleText,
.p-navMenu--white__sectionTitleText {
  font-size: 1.6rem;
  color: #333333;
  text-decoration: none;
  line-height: 1.5;
  font-family: "NotoSans-Bold";
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-navMenu__sectionTitleText + i.icon-sh-arrowRight,
.p-navMenu--white__sectionTitleText + i.icon-sh-arrowRight {
  display: inline-block;
  color: #dd0000;
  padding-top: 5px;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__sectionTitleText + i.icon-sh-arrowRight,
  .p-navMenu--white__sectionTitleText + i.icon-sh-arrowRight {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__sectionTitleText,
  .p-navMenu--white__sectionTitleText {
    text-decoration: underline;
    font-family: "NotoSans-Regular";
    font-weight: normal;
    font-size: 2rem;
  }
}

.p-navMenu__secLvCategoryTitle,
.p-navMenu--white__secLvCategoryTitle {
  padding: 15px 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__secLvCategoryTitle,
  .p-navMenu--white__secLvCategoryTitle {
    background-color: #ffffff;
    border-top: none;
    padding: 13px 0 12px;
  }
}

.p-navMenu__secLvCategoryTitleText,
.p-navMenu--white__secLvCategoryTitleText {
  font-size: 1.6rem;
  color: #333333;
  text-decoration: none;
  line-height: 1.5;
  font-family: "NotoSans-Bold";
}

@media screen and (min-width: 768px), print {
  .p-navMenu__secLvCategoryTitleText,
  .p-navMenu--white__secLvCategoryTitleText {
    text-decoration: underline;
    font-family: "NotoSans-Regular";
    font-size: 2rem;
    font-weight: normal;
  }
}

.p-navMenu__secLvCategoryTitleText + i.icon-sh-arrowRight,
.p-navMenu--white__secLvCategoryTitleText + i.icon-sh-arrowRight {
  display: inline-block;
  color: #dd0000;
  text-decoration: none;
  padding-top: 5px;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__secLvCategoryTitleText + i.icon-sh-arrowRight,
  .p-navMenu--white__secLvCategoryTitleText + i.icon-sh-arrowRight {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-navMenu__categoryTitleWrap,
  .p-navMenu--white__categoryTitleWrap {
    max-height: calc(100vh - 175px);
    overflow-y: scroll;
  }
}

.p-navMenu__categoryTitle,
.p-navMenu--white__categoryTitle {
  padding: 14px 20px;
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-navMenu__categoryTitle:last-child,
.p-navMenu--white__categoryTitle:last-child {
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryTitle,
  .p-navMenu--white__categoryTitle {
    padding: 7px 16px 5px;
    border-top: none;
  }
  .p-navMenu__categoryTitle:first-child,
  .p-navMenu--white__categoryTitle:first-child {
    padding-top: 0;
  }
  .p-navMenu__categoryTitle:not(.is-active),
  .p-navMenu--white__categoryTitle:not(.is-active) {
    border: none;
  }
}

.p-navMenu__categoryTitle:hover,
.p-navMenu--white__categoryTitle:hover {
  cursor: pointer;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryTitle:hover,
  .p-navMenu--white__categoryTitle:hover {
    background-color: #ededed;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryTitle.is-active,
  .p-navMenu--white__categoryTitle.is-active {
    border-bottom: solid 2px #dd0000;
    padding-bottom: 3px;
  }
}

.p-navMenu__categoryTitle > i.icon-sh-arrowRight,
.p-navMenu--white__categoryTitle > i.icon-sh-arrowRight {
  display: inline-block;
  color: #6e6e6e;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryTitle > i.icon-sh-arrowRight,
  .p-navMenu--white__categoryTitle > i.icon-sh-arrowRight {
    display: none;
  }
}

.p-navMenu__categoryTitle a,
.p-navMenu--white__categoryTitle a {
  color: #333333;
  text-decoration: none;
}

.p-navMenu__categoryTitle a:hover,
.p-navMenu--white__categoryTitle a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .p-navMenu__categoryLinkWrap,
  .p-navMenu--white__categoryLinkWrap {
    max-height: calc(100vh - 175px);
    overflow-y: scroll;
  }
}

.p-navMenu__categoryLink, .p-navMenu__categoryLink--child,
.p-navMenu--white__categoryLink,
.p-navMenu--white__categoryLink--child {
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryLink, .p-navMenu__categoryLink--child,
  .p-navMenu--white__categoryLink,
  .p-navMenu--white__categoryLink--child {
    border-bottom: 2px solid transparent;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    border: none;
    padding: 0;
  }
  .p-navMenu__categoryLink:nth-child(n + 2), .p-navMenu__categoryLink--child:nth-child(n + 2),
  .p-navMenu--white__categoryLink:nth-child(n + 2),
  .p-navMenu--white__categoryLink--child:nth-child(n + 2) {
    margin-top: 12px;
  }
}

.p-navMenu__categoryLink > [class*="__categoryLinkText"], .p-navMenu__categoryLink--child > [class*="__categoryLinkText"],
.p-navMenu--white__categoryLink > [class*="__categoryLinkText"],
.p-navMenu--white__categoryLink--child > [class*="__categoryLinkText"] {
  padding: 14px 20px;
  color: #333333;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryLink > [class*="__categoryLinkText"], .p-navMenu__categoryLink--child > [class*="__categoryLinkText"],
  .p-navMenu--white__categoryLink > [class*="__categoryLinkText"],
  .p-navMenu--white__categoryLink--child > [class*="__categoryLinkText"] {
    font-family: "NotoSans-Regular";
    font-size: 13px;
    line-height: 1;
    padding: 0;
  }
}

.p-navMenu__categoryLink i.icon-sh-arrowRight, .p-navMenu__categoryLink--child i.icon-sh-arrowRight,
.p-navMenu--white__categoryLink i.icon-sh-arrowRight,
.p-navMenu--white__categoryLink--child i.icon-sh-arrowRight {
  display: inline-block;
  color: #dd0000;
  padding-top: 5px;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryLink i.icon-sh-arrowRight, .p-navMenu__categoryLink--child i.icon-sh-arrowRight,
  .p-navMenu--white__categoryLink i.icon-sh-arrowRight,
  .p-navMenu--white__categoryLink--child i.icon-sh-arrowRight {
    display: none;
  }
}

.p-navMenu__categoryLink i.icon-sh-arrowRight-small, .p-navMenu__categoryLink i.list-with-arrow-list-child, .p-navMenu__categoryLink--child i.icon-sh-arrowRight-small, .p-navMenu__categoryLink--child i.list-with-arrow-list-child,
.p-navMenu--white__categoryLink i.icon-sh-arrowRight-small,
.p-navMenu--white__categoryLink i.list-with-arrow-list-child,
.p-navMenu--white__categoryLink--child i.icon-sh-arrowRight-small,
.p-navMenu--white__categoryLink--child i.list-with-arrow-list-child {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryLink i.icon-sh-arrowRight-small, .p-navMenu__categoryLink i.list-with-arrow-list-child, .p-navMenu__categoryLink--child i.icon-sh-arrowRight-small, .p-navMenu__categoryLink--child i.list-with-arrow-list-child,
  .p-navMenu--white__categoryLink i.icon-sh-arrowRight-small,
  .p-navMenu--white__categoryLink i.list-with-arrow-list-child,
  .p-navMenu--white__categoryLink--child i.icon-sh-arrowRight-small,
  .p-navMenu--white__categoryLink--child i.list-with-arrow-list-child {
    display: block;
    color: #dd0000;
    font-size: 1.6rem;
    height: 1.6rem;
    line-height: 1;
    margin-right: 3px;
    vertical-align: top;
  }
}

.p-navMenu__categoryLink:hover > a, .p-navMenu__categoryLink:active > a, .p-navMenu__categoryLink--child:hover > a, .p-navMenu__categoryLink--child:active > a,
.p-navMenu--white__categoryLink:hover > a,
.p-navMenu--white__categoryLink:active > a,
.p-navMenu--white__categoryLink--child:hover > a,
.p-navMenu--white__categoryLink--child:active > a {
  text-decoration: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__categoryLink:hover > a, .p-navMenu__categoryLink:active > a, .p-navMenu__categoryLink--child:hover > a, .p-navMenu__categoryLink--child:active > a,
  .p-navMenu--white__categoryLink:hover > a,
  .p-navMenu--white__categoryLink:active > a,
  .p-navMenu--white__categoryLink--child:hover > a,
  .p-navMenu--white__categoryLink--child:active > a {
    text-decoration: underline;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu .p-navMenu__categoryLink--child,
  .p-navMenu--white .p-navMenu__categoryLink--child {
    display: list-item;
    color: #cccccc;
    margin-top: 5px;
    margin-left: 40px;
  }
  .p-navMenu .p-navMenu__categoryLink--child > [class*="__categoryLinkText"],
  .p-navMenu--white .p-navMenu__categoryLink--child > [class*="__categoryLinkText"] {
    color: #6e6e6e;
  }
}

.p-navMenu__prevButton,
.p-navMenu--white__prevButton {
  display: block;
  padding: 15px 20px;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  height: 55px;
}

.p-navMenu__prevButton > i.icon-sh-arrowLeft,
.p-navMenu--white__prevButton > i.icon-sh-arrowLeft {
  color: #6e6e6e;
}

.p-navMenu__prevButton:hover,
.p-navMenu--white__prevButton:hover {
  cursor: pointer;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__prevButton,
  .p-navMenu--white__prevButton {
    display: none;
  }
}

.p-navMenu__prevButtonText,
.p-navMenu--white__prevButtonText {
  font-family: "NotoSans-Regular";
  margin-right: auto;
  color: #333333;
  display: inline;
}

.p-navMenu__allLink,
.p-navMenu--white__allLink {
  color: #6e6e6e;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__allLink,
  .p-navMenu--white__allLink {
    display: block;
    margin-top: 20px;
    padding: 10px 3px 10px;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .p-navMenu__allLink > div,
  .p-navMenu--white__allLink > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 20px;
  }
}

.p-navMenu__allLink i.icon-sh-all,
.p-navMenu--white__allLink i.icon-sh-all {
  height: 24px;
  font-size: 2.4rem;
  margin-right: 8px;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .p-navMenu__allLink i.icon-sh-all,
  .p-navMenu--white__allLink i.icon-sh-all {
    padding-top: 2px;
  }
}

.p-navMenu__allLink i.icon-sh-arrowRight,
.p-navMenu--white__allLink i.icon-sh-arrowRight {
  padding-top: 5px;
  color: #dd0000;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__allLink i.icon-sh-arrowRight,
  .p-navMenu--white__allLink i.icon-sh-arrowRight {
    display: none;
  }
}

.p-navMenu__allLinkText,
.p-navMenu--white__allLinkText {
  line-height: 1.75;
  font-family: "NotoSans-Light";
  font-size: 1.2rem;
  display: inline-block;
  text-decoration: none;
  color: #6e6e6e;
}

@media screen and (max-width: 767px) {
  .p-navMenu__allLinkText,
  .p-navMenu--white__allLinkText {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-decoration: none;
  }
}

.p-navMenu__searchWrap,
.p-navMenu--white__searchWrap {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__searchWrap,
  .p-navMenu--white__searchWrap {
    display: block;
  }
  .p-navMenu__searchWrap .p-sideConsumablePartsSearch,
  .p-navMenu--white__searchWrap .p-sideConsumablePartsSearch {
    padding: 13px 25px 14px;
  }
  .p-navMenu__searchWrap .p-sideConsumablePartsSearch__title,
  .p-navMenu--white__searchWrap .p-sideConsumablePartsSearch__title {
    font-size: 1.2rem;
  }
}

.p-navMenu__buttonWrap,
.p-navMenu--white__buttonWrap {
  margin: 20px auto;
  width: 70%;
  max-width: 300px;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__buttonWrap,
  .p-navMenu--white__buttonWrap {
    width: 100%;
    max-width: none;
    margin: 0 0 10px 0;
  }
}

.p-navMenu__newProductsWrap,
.p-navMenu--white__newProductsWrap {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__newProductsWrap,
  .p-navMenu--white__newProductsWrap {
    display: block;
  }
  .p-navMenu__newProductsWrap [class*="u-lineClamp--text"],
  .p-navMenu--white__newProductsWrap [class*="u-lineClamp--text"] {
    font-size: 1.2rem;
  }
}

.p-navMenu__newProductsTitle,
.p-navMenu--white__newProductsTitle {
  margin-top: 20px;
  color: #dd0000;
  font-family: "NotoSans-Bold";
  font-size: 1.2rem;
}

.p-navMenu__newProductsDesc,
.p-navMenu--white__newProductsDesc {
  font-size: 1.2rem;
}

.p-navMenu__newProductsDetailsLink,
.p-navMenu--white__newProductsDetailsLink {
  font-size: 1.2rem;
}

.p-navMenu__secLvRecomended,
.p-navMenu--white__secLvRecomended {
  color: #dd0000;
  font-family: "NotoSans-Bold";
  font-size: 1.2rem;
}

.p-navMenu__newProductsImage,
.p-navMenu--white__newProductsImage {
  padding: 10px 35px;
}

.p-navMenu__cardImgWrap,
.p-navMenu--white__cardImgWrap {
  border: 1px solid #e6e6e6;
  position: relative;
  padding-top: 50%;
  overflow: hidden;
}

.p-navMenu__cardImg,
.p-navMenu--white__cardImg {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-navMenu__openCloseButton,
.p-navMenu--white__openCloseButton {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__openCloseButton,
  .p-navMenu--white__openCloseButton {
    font-size: 2rem;
    color: #6e6e6e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
  }
  .p-navMenu__openCloseButton:hover,
  .p-navMenu--white__openCloseButton:hover {
    background-color: #ededed;
  }
  .p-navMenu__openCloseButton i,
  .p-navMenu--white__openCloseButton i {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
}

.p-navMenu__news,
.p-navMenu--white__news {
  padding: 0 3em;
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__news,
  .p-navMenu--white__news {
    display: block;
    margin-top: 20px;
  }
}

.p-navMenu__logoImageWrap,
.p-navMenu--white__logoImageWrap {
  padding: 20px 0 20px 20px;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__logoImageWrap,
  .p-navMenu--white__logoImageWrap {
    padding: 0;
  }
}

.p-navMenu__logoImageWrap .p-navMenu__logoImage,
.p-navMenu--white__logoImageWrap .p-navMenu__logoImage {
  border: 1px solid #e6e6e6;
}

.p-navMenu__mypageButtonArea,
.p-navMenu--white__mypageButtonArea {
  border-top: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__mypageButtonArea,
  .p-navMenu--white__mypageButtonArea {
    border-top: none;
  }
}

.p-navMenu__mypageButtonArea .p-navMenu__mypageButtonPC [class*="c-basicButton"]:last-child,
.p-navMenu__mypageButtonArea .p-navMenu__mypageButtonMobile [class*="c-basicButton"]:last-child,
.p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonPC [class*="c-basicButton"]:last-child,
.p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonMobile [class*="c-basicButton"]:last-child {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__mypageButtonArea .p-navMenu__mypageButtonPC [class*="c-basicButton"]:last-child,
  .p-navMenu__mypageButtonArea .p-navMenu__mypageButtonMobile [class*="c-basicButton"]:last-child,
  .p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonPC [class*="c-basicButton"]:last-child,
  .p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonMobile [class*="c-basicButton"]:last-child {
    margin-bottom: 40px;
  }
}

.p-navMenu__mypageButtonArea .p-navMenu__mypageButtonPC,
.p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonPC {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__mypageButtonArea .p-navMenu__mypageButtonPC,
  .p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonPC {
    display: block;
  }
}

.p-navMenu__mypageButtonArea .p-navMenu__mypageButtonMobile,
.p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonMobile {
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__mypageButtonArea .p-navMenu__mypageButtonMobile,
  .p-navMenu--white__mypageButtonArea .p-navMenu__mypageButtonMobile {
    display: none;
  }
}

.p-navMenu__nozzle,
.p-navMenu--white__nozzle {
  display: block;
  position: relative;
  height: 0;
}

@media screen and (min-width: 768px), print {
  .p-navMenu__nozzle,
  .p-navMenu--white__nozzle {
    display: none;
  }
}

.p-navMenu__nozzle::before, .p-navMenu__nozzle::after,
.p-navMenu--white__nozzle::before,
.p-navMenu--white__nozzle::after {
  content: "";
  position: absolute;
  right: calc(3.5vw + 72px);
  width: 0;
  height: 0;
}

.p-navMenu__nozzle::before,
.p-navMenu--white__nozzle::before {
  top: -16px;
  border-style: solid;
  border-color: transparent transparent #e6e6e6 transparent;
  border-width: 2px 10px 15px 10px;
}

.p-navMenu__nozzle::after,
.p-navMenu--white__nozzle::after {
  top: -16px;
  border-style: solid;
  border-color: transparent transparent #f5f5f5 transparent;
  border-width: 5px 10px 15px 10px;
}

.p-navMenu__groupTitle,
.p-navMenu--white__groupTitle {
  border-top: solid 1px #e6e6e6;
  padding: 15px 20px;
  font-family: "NotoSans-Bold";
}

@media screen and (min-width: 768px), print {
  .p-navMenu__groupTitle,
  .p-navMenu--white__groupTitle {
    color: #dd0000;
    font-family: "NotoSans-Bold";
    border-top: none;
    border-bottom: solid 1px #e6e6e6;
    padding: 0 0 6px 0;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .p-navMenu .p-navMenu__categoryLinkText,
  .p-navMenu .p-navMenu__categoryTitle,
  .p-navMenu .p-navMenu__allLinkText,
  .p-navMenu--white .p-navMenu__categoryLinkText,
  .p-navMenu--white .p-navMenu__categoryTitle,
  .p-navMenu--white .p-navMenu__allLinkText {
    font-family: "NotoSans-Light";
    font-size: 1.6rem;
  }
}

.p-navMenu .p-casesCard,
.p-navMenu--white .p-casesCard {
  border: none;
}

.p-navMenu .p-casesCard .p-casesCard__content2x1 > img,
.p-navMenu--white .p-casesCard .p-casesCard__content2x1 > img {
  padding: 35px;
}

.p-navMenu .p-casesCard .p-casesCard__status,
.p-navMenu--white .p-casesCard .p-casesCard__status {
  top: 30px;
  right: 50px;
}

.p-navMenu .p-newsCard,
.p-navMenu--white .p-newsCard {
  border: none;
}

.p-navMenu .p-newsCard .c-card__wrap:hover,
.p-navMenu--white .p-newsCard .c-card__wrap:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (min-width: 768px), print {
  .p-navMenu .p-newsCard .c-card__textArea,
  .p-navMenu--white .p-newsCard .c-card__textArea {
    padding: 0 0 2px;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu .p-navMenu__resourceListWrap .p-newsCard .c-card__textArea,
  .p-navMenu--white .p-navMenu__resourceListWrap .p-newsCard .c-card__textArea {
    padding: 0 0 30px;
  }
}

.p-navMenu::after,
.p-navMenu--white::after {
  content: "";
  height: calc(100vh - 100%);
  width: 100%;
  display: block;
  position: absolute;
  background-color: #000000;
  opacity: 0.5;
}

.p-navMenu:not(.is-active)::after,
.p-navMenu--white:not(.is-active)::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .p-navMenu:not(.is-active) *,
  .p-navMenu--white:not(.is-active) * {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-navMenu:not(.is-active) *,
  .p-navMenu--white:not(.is-active) * {
    height: 0;
    border: none;
  }
  .p-navMenu:not(.is-active) i,
  .p-navMenu--white:not(.is-active) i {
    opacity: 0;
  }
}

.p-navMenu--white {
  background: white;
}

.p-breadCrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-breadCrumb__item > a {
  text-decoration: none;
  color: #333333;
  font-size: 1.2rem;
}

.p-h1Block--image .p-breadCrumb__item > a {
  color: #ffffff;
}

.p-breadCrumb__item + .p-breadCrumb__item::before {
  display: inline-block;
  content: "/";
  margin-left: 1em;
  margin-right: 1em;
  text-decoration: none;
  color: #6e6e6e;
  font-size: 10px;
}

.p-h1Block--image .p-breadCrumb__item + .p-breadCrumb__item::before {
  color: #ffffff;
}

.p-breadCrumb__item:hover a {
  text-decoration: underline;
}

@media screen and (min-width: 768px), print {
  .p-h1Block {
    border-bottom: 1px solid #e6e6e6;
  }
}

.p-h1Block,
.p-h1Block--image,
.p-h1Block--color {
  background-color: transparent;
}

.p-h1Block + *:not(.p-tabMenu--top),
.p-h1Block--image + *:not(.p-tabMenu--top),
.p-h1Block--color + *:not(.p-tabMenu--top) {
  margin-top: 30px;
}

@media screen and (min-width: 768px), print {
  .p-h1Block + *:not(.p-tabMenu--top),
  .p-h1Block--image + *:not(.p-tabMenu--top),
  .p-h1Block--color + *:not(.p-tabMenu--top) {
    margin-top: 50px;
  }
}

@media screen and (min-width: 768px), print {
  .p-h1Block,
  .p-h1Block--image,
  .p-h1Block--color {
    background-color: #f5f5f5;
  }
}

.p-h1Block__breadCrumb,
.p-h1Block--image__breadCrumb,
.p-h1Block--color__breadCrumb {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-h1Block__breadCrumb,
  .p-h1Block--image__breadCrumb,
  .p-h1Block--color__breadCrumb {
    padding: 10px 0 0;
    display: block;
    font-size: 10px;
  }
}

.p-h1Block__titleArea,
.p-h1Block--image__titleArea,
.p-h1Block--color__titleArea {
  margin-top: 10px;
  margin-bottom: 3px;
  min-height: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px), print {
  .p-h1Block__titleArea,
  .p-h1Block--image__titleArea,
  .p-h1Block--color__titleArea {
    margin-bottom: 10px;
    min-height: 6.4rem;
  }
}

.p-h1Block__title,
.p-h1Block--image__title,
.p-h1Block--color__title {
  display: inline;
  font-weight: normal;
}

.p-h1Block--image .p-h1Block__title, .p-h1Block--image
.p-h1Block--image__title, .p-h1Block--image
.p-h1Block--color__title {
  color: #ffffff;
}

.p-h1Block__tab--new,
.p-h1Block--image__tab--new,
.p-h1Block--color__tab--new {
  margin-left: 10px;
  font-size: 1.2rem;
  padding: 5px 7px;
  background-color: #dd0000;
  color: #ffffff;
  position: relative;
  bottom: 6px;
}

.p-h1Block__tab--new::after,
.p-h1Block--image__tab--new::after,
.p-h1Block--color__tab--new::after {
  content: "";
  display: inline-block;
  height: 2.4rem;
}

@media screen and (min-width: 768px), print {
  .p-h1Block__tab--new::after,
  .p-h1Block--image__tab--new::after,
  .p-h1Block--color__tab--new::after {
    height: 3.2rem;
  }
}

.p-h1Block__tab--discontinued,
.p-h1Block--image__tab--discontinued,
.p-h1Block--color__tab--discontinued {
  margin-left: 10px;
  font-size: 1.2rem;
  padding: 5px 7px;
  background-color: #999;
  color: #ffffff;
  position: relative;
  bottom: 6px;
}

.p-h1Block__tab--discontinued::after,
.p-h1Block--image__tab--discontinued::after,
.p-h1Block--color__tab--discontinued::after {
  content: "";
  display: inline-block;
  height: 2.4rem;
}

@media screen and (min-width: 768px), print {
  .p-h1Block__tab--discontinued::after,
  .p-h1Block--image__tab--discontinued::after,
  .p-h1Block--color__tab--discontinued::after {
    height: 3.2rem;
  }
}

.p-h1Block__subTitle,
.p-h1Block--image__subTitle,
.p-h1Block--color__subTitle {
  color: #6e6e6e;
  font-size: 1.2rem;
  margin-bottom: 12px;
}

@media screen and (min-width: 768px), print {
  .p-h1Block__subTitle,
  .p-h1Block--image__subTitle,
  .p-h1Block--color__subTitle {
    margin-bottom: 5px;
  }
}

.p-h1Block--image .p-h1Block__subTitle, .p-h1Block--image
.p-h1Block--image__subTitle, .p-h1Block--image
.p-h1Block--color__subTitle {
  color: #ffffff;
}

.p-h1Block__buttonArea,
.p-h1Block--image__buttonArea,
.p-h1Block--color__buttonArea {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-h1Block__buttonArea,
  .p-h1Block--image__buttonArea,
  .p-h1Block--color__buttonArea {
    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;
  }
}

.p-h1Block__userReact,
.p-h1Block--image__userReact,
.p-h1Block--color__userReact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 30px;
  margin-right: 0;
  width: 300px;
}

.p-h1Block__inquiry,
.p-h1Block--image__inquiry,
.p-h1Block--color__inquiry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}

.p-h1Block__inquiryItem,
.p-h1Block--image__inquiryItem,
.p-h1Block--color__inquiryItem {
  margin: 10px 0 0 10px;
}

.p-h1Block--image,
.p-h1Block--image--image,
.p-h1Block--color--image {
  background-color: transparent;
}

.p-h1Block--image .p-h1Block__contentWrap,
.p-h1Block--image--image .p-h1Block__contentWrap,
.p-h1Block--color--image .p-h1Block__contentWrap {
  background-color: #000000;
  position: relative;
}

.p-h1Block--image .p-h1Block__img--SP, .p-h1Block--image .p-h1Block__img--PC,
.p-h1Block--image--image .p-h1Block__img--SP,
.p-h1Block--image--image .p-h1Block__img--PC,
.p-h1Block--color--image .p-h1Block__img--SP,
.p-h1Block--color--image .p-h1Block__img--PC {
  opacity: 0.7;
  width: 100%;
}

.p-h1Block--image .p-h1Block__img--SP,
.p-h1Block--image--image .p-h1Block__img--SP,
.p-h1Block--color--image .p-h1Block__img--SP {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-h1Block--image .p-h1Block__img--SP,
  .p-h1Block--image--image .p-h1Block__img--SP,
  .p-h1Block--color--image .p-h1Block__img--SP {
    display: none;
  }
}

.p-h1Block--image .p-h1Block__img--PC,
.p-h1Block--image--image .p-h1Block__img--PC,
.p-h1Block--color--image .p-h1Block__img--PC {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-h1Block--image .p-h1Block__img--PC,
  .p-h1Block--image--image .p-h1Block__img--PC,
  .p-h1Block--color--image .p-h1Block__img--PC {
    display: block;
  }
}

.p-h1Block--image .p-h1Block__breadCrumb,
.p-h1Block--image--image .p-h1Block__breadCrumb,
.p-h1Block--color--image .p-h1Block__breadCrumb {
  position: absolute;
  top: 0;
}

.p-h1Block--image .p-h1Block__textBlock,
.p-h1Block--image--image .p-h1Block__textBlock,
.p-h1Block--color--image .p-h1Block__textBlock {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-h1Block--color {
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .p-h1Block--color {
    padding: 10px 0;
    background-color: #f5f5f5;
  }
}

.p-h1Block--color::before {
  width: 80%;
  z-index: -1;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-top: 105px solid;
  border-right: 55px solid transparent;
}

@media screen and (min-width: 768px), print {
  .p-h1Block--color::before {
    width: 50%;
    border-top-width: 157px;
    border-right-width: 125px;
  }
}

@media screen and (max-width: 974px) and (min-width: 768px) {
  .p-h1Block--color::before {
    width: 60%;
    border-top-width: 190px;
  }
}

.p-h1Block--color.orange::before {
  border-top-color: #ff9532;
}

.p-h1Block--color.blue::before {
  border-top-color: #49a7d9;
}

.p-h1Block--color.green::before {
  border-top-color: #5eb76e;
}

.p-h1Block--color .p-breadCrumb__item > a,
.p-h1Block--color .p-breadCrumb__item::before,
.p-h1Block--color .p-h1Block__title {
  color: #ffffff;
}

.p-h1Block--color .p-h1Block__titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-h1Block--color .p-h1Block__titleArea {
    height: 70px;
  }
}

.p-h1Block--color .p-h1Block__titleAreaImage {
  padding-right: 10px;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.p-heading__blog--level2 {
  font-size: 2.4rem;
}

.p-heading__blog--level3 {
  font-family: 'NotoSans-Bold';
  font-size: 1.6rem;
  padding: 3px 0;
  margin: 0;
}

.p-heading__blog--level3--bold {
  font-family: 'NotoSans-Bold';
}

.p-heading__blog--level5 {
  font-family: 'NotoSans-Light';
  font-size: calc(1.4rem - 0.1rem);
  line-height: 1.5;
}

.p-heading__withSubText span {
  font-size: 16px;
  margin-left: 30px;
}

.p-inquiryButton {
  display: inline-table;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  line-height: 1.2;
  border-radius: 999px;
  background-color: white;
  border: 1px solid #dd0000;
  color: #dd0000;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  min-height: 22px;
}

.p-inquiryButton:hover {
  background-color: #dd0000;
  color: white;
}

.p-inquiryButton__text {
  overflow-wrap: break-word;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  max-width: 100%;
  min-width: 120px;
  min-height: 22px;
  padding: 3px 15px;
  font-size: 1rem;
}

.p-secondaryInnerPageLink {
  padding: 20px;
  background-color: #f5f5f5;
}

@media screen and (min-width: 768px), print {
  .p-secondaryInnerPageLink {
    padding: 25px;
  }
}

.p-secondaryInnerPageLink .icon-sh-arrowBottom-small {
  color: #dd0000;
  font-size: 1.6rem;
  width: auto;
  height: 16px;
  margin-right: 5px;
}

.p-secondaryInnerPageLink .icon-sh-arrowBottom-small:before {
  vertical-align: middle;
  line-height: 1;
}

.p-secondaryInnerPageLink__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 14px;
}

.p-secondaryInnerPageLink__link:first-child {
  margin-top: 0;
}

.p-secondaryInnerPageLink__text {
  font-size: 1.6rem;
  font-family: "NotoSans-Regular";
  color: #333333;
  text-decoration: none;
}

.p-secondaryInnerPageLink__text:hover, .p-secondaryInnerPageLink__text:active {
  text-decoration: underline;
}

.p-mainImage {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .p-mainImage {
    margin-bottom: 50px;
  }
}

[class*="p-mainImage__content"] {
  max-height: 450px;
  width: 100%;
  background-color: #222222;
  margin-bottom: 30px;
}

[class*="p-mainImage__content"][class*="--banner"] {
  max-height: 100%;
  background-color: transparent;
}

.p-mainSlide__mobile {
  display: block;
  margin: 0 auto;
  max-width: 767px;
  overflow: hidden;
  position: relative;
  width: 100%;
  /* Common Styles */
  /* Bullets */
  /* 前後矢印見た目 */
}

@media screen and (min-width: 768px), print {
  .p-mainSlide__mobile {
    display: none;
  }
}

.p-mainSlide__mobile .swiper-slide {
  color: white;
}

.p-mainSlide__mobile .swiper-slide.is-active {
  color: #333333;
}

.p-mainSlide__mobile .swiper-slide.is-active .p-mainSlide__mobileReadMore {
  border-color: #6e6e6e;
}

.p-mainSlide__mobile .swiper-pagination {
  position: relative;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.p-mainSlide__mobile .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.p-mainSlide__mobile .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 30px;
  left: 0;
  width: 100%;
  color: #ffffff;
}

.p-mainSlide__mobile .swiper-container-horizontal > .swiper-pagination-bullets.is-active .swiper-pagination-bullet {
  color: #333333;
}

.p-mainSlide__mobile .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: currentColor;
  opacity: 0.2;
}

.p-mainSlide__mobile button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.p-mainSlide__mobile .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.p-mainSlide__mobile .swiper-pagination-bullet-active {
  opacity: 1;
}

.p-mainSlide__mobile .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}

.p-mainSlide__mobile .swiper-container-horizontal > .swiper-pagination-bullets.color-pagenation--red .swiper-pagination-bullet-active,
.p-mainSlide__mobile .swiper-container-horizontal > .swiper-pagination-bullets.color-pagenation--red.is-active .swiper-pagination-bullet-active {
  /* Bullets 色を赤に変更 */
  color: #ff0000;
}

.p-mainSlide__mobile .swiper-button-prev,
.p-mainSlide__mobile .swiper-button-next {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #333333;
  background-image: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 85px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.7;
  text-align: center;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  width: 30px;
}

.p-mainSlide__mobile .swiper-button-prev {
  left: 0;
}

.p-mainSlide__mobile .swiper-button-prev > .icon-sh-arrowLeft-small {
  color: #ffffff;
  font-size: 24px;
}

.p-mainSlide__mobile .swiper-button-next {
  right: 0;
}

.p-mainSlide__mobile .swiper-button-next > .icon-sh-arrowRight-small, .p-mainSlide__mobile .swiper-button-next > .list-with-arrow-list-child {
  color: #ffffff;
  font-size: 24px;
}

.p-mainSlide__mobile .p-mainSlide__mobileImageCover {
  overflow: hidden;
  padding: 0 12px;
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
}

.p-mainSlide__mobile .p-mainSlide__mobileImageCover .p-mainSlide__mobileReadMore {
  margin-top: 20px;
  border: 1px solid #ccc;
  color: currentColor;
  padding: 6px 15px;
  background-color: transparent;
  height: auto;
}

.p-mainSlide__mobile .p-mainSlide__mobileImageCover .p-mainSlide__mobileReadMore:hover {
  background-color: #999;
  color: #ffffff;
}

.p-mainSlide__mobile .p-mainSlide__mobileTitle {
  font-family: "NotoSans-Regular";
  font-size: 2.8rem;
  color: currentColor;
}

.p-mainSlide__mobile .p-mainSlide__mobileSubTitle {
  margin-top: 10px;
  color: currentColor;
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
}

.p-mainSlide__pc, .p-mainSlide__pc--noneMaxWidth {
  display: none;
  position: relative;
  margin: 0 auto;
  max-width: 1390px;
  width: 100%;
  overflow: hidden;
  /* 前後矢印見た目 */
  /* .p-mainSlide__pcInner {
      // width: 1390px;
      // position: absolute;
      // top: 50%;
      // left: 50%;
      // transform: translate(-50%, -50%);
    } */
}

.p-mainSlide__pc--noneMaxWidth, .p-mainSlide__pc--noneMaxWidth--noneMaxWidth {
  max-width: none;
}

@media screen and (min-width: 768px), print {
  .p-mainSlide__pc, .p-mainSlide__pc--noneMaxWidth {
    display: block;
  }
}

.p-mainSlide__pc .swiper-mainSlidePc, .p-mainSlide__pc--noneMaxWidth .swiper-mainSlidePc {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.p-mainSlide__pc .swiper-slide, .p-mainSlide__pc--noneMaxWidth .swiper-slide {
  color: white;
}

.p-mainSlide__pc .swiper-slide.is-active, .p-mainSlide__pc--noneMaxWidth .swiper-slide.is-active {
  color: #333333;
}

.p-mainSlide__pc .swiper-slide.is-active .p-mainSlide__pcReadMore, .p-mainSlide__pc--noneMaxWidth .swiper-slide.is-active .p-mainSlide__pcReadMore {
  border-color: #6e6e6e;
}

.p-mainSlide__pc .swiper-pagination, .p-mainSlide__pc--noneMaxWidth .swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: auto;
}

.p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets, .p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
  padding: 0 5%;
  /* Bullets */
}

.p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets.is-active .swiper-pagination-bullet, .p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets.is-active .swiper-pagination-bullet {
  color: #333333;
  border-color: #333333;
}

.p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  font-family: "NotoSans-Regular";
  max-width: 285px;
  width: 100%;
  margin: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  background: none;
  opacity: 0.5;
  height: 50px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
  color: white;
  border-top: 1px solid white;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    height: calc(50px - (50 - 35) * (1280px - 100vw) / (1280 - 768));
    font-size: calc(13px - (13 - 11) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-top-width: 2px;
  opacity: 1;
}

.p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet, .p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 30px;
}

.p-mainSlide__pc button.swiper-pagination-bullet, .p-mainSlide__pc--noneMaxWidth button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.p-mainSlide__pc .swiper-pagination-clickable .swiper-pagination-bullet, .p-mainSlide__pc--noneMaxWidth .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.p-mainSlide__pc .swiper-button-prev,
.p-mainSlide__pc .swiper-button-next, .p-mainSlide__pc--noneMaxWidth .swiper-button-prev,
.p-mainSlide__pc--noneMaxWidth .swiper-button-next {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #333333;
  background-image: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.7;
  text-align: center;
  width: 32px;
}

.p-mainSlide__pc .swiper-button-prev, .p-mainSlide__pc--noneMaxWidth .swiper-button-prev {
  left: 0;
}

.p-mainSlide__pc .swiper-button-prev > .icon-sh-arrowLeft-small, .p-mainSlide__pc--noneMaxWidth .swiper-button-prev > .icon-sh-arrowLeft-small {
  color: #ffffff;
  font-size: 24px;
}

.p-mainSlide__pc .swiper-button-next, .p-mainSlide__pc--noneMaxWidth .swiper-button-next {
  right: 0;
}

.p-mainSlide__pc .swiper-button-next > .icon-sh-arrowRight-small, .p-mainSlide__pc .swiper-button-next > .list-with-arrow-list-child, .p-mainSlide__pc--noneMaxWidth .swiper-button-next > .icon-sh-arrowRight-small, .p-mainSlide__pc--noneMaxWidth .swiper-button-next > .list-with-arrow-list-child {
  color: #ffffff;
  font-size: 24px;
}

.p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets.color-pagenation--red .swiper-pagination-bullet-active,
.p-mainSlide__pc .swiper-container-horizontal > .swiper-pagination-bullets.color-pagenation--red.is-active .swiper-pagination-bullet-active, .p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets.color-pagenation--red .swiper-pagination-bullet-active,
.p-mainSlide__pc--noneMaxWidth .swiper-container-horizontal > .swiper-pagination-bullets.color-pagenation--red.is-active .swiper-pagination-bullet-active {
  /* Bullets 色を赤に変更 */
  color: #ff0000;
}

.p-mainSlide__pc .p-mainSlide__pcImageCover, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcImageCover {
  overflow: hidden;
  padding: 0 5%;
  position: absolute;
  top: 87px;
  left: 0;
  width: 88%;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-mainSlide__pc .p-mainSlide__pcImageCover, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcImageCover {
    top: calc(87px - (87 - 0) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-mainSlide__pc .p-mainSlide__pcImageCover .p-mainSlide__pcReadMore, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcImageCover .p-mainSlide__pcReadMore {
  border: 1px solid #ccc;
  color: currentColor;
  padding: 8px 24px 9px;
  background-color: transparent;
  height: auto;
  margin-top: 26px;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-mainSlide__pc .p-mainSlide__pcImageCover .p-mainSlide__pcReadMore, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcImageCover .p-mainSlide__pcReadMore {
    font-size: calc(13px - (13 - 11) * (1280px - 100vw) / (1280 - 768));
    margin-top: calc(26px - (26 - 10) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-mainSlide__pc .p-mainSlide__pcImageCover .p-mainSlide__pcReadMore:hover, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcImageCover .p-mainSlide__pcReadMore:hover {
  background-color: #999;
  color: #ffffff;
}

.p-mainSlide__pc .p-mainSlide__pcTitle, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcTitle {
  font-family: "NotoSans-Regular";
  line-height: 65px;
  color: currentColor;
  font-size: 4.8rem;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-mainSlide__pc .p-mainSlide__pcTitle, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcTitle {
    font-size: calc(48px - (48 - 24) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-mainSlide__pc .p-mainSlide__pcSubTitle, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcSubTitle {
  margin: 10px 0 0 0;
  font-family: "NotoSans-Light";
  color: currentColor;
  font-size: 1.6rem;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-mainSlide__pc .p-mainSlide__pcSubTitle, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcSubTitle {
    font-size: calc(16px - (16 - 12) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-mainSlide__pc .p-mainSlide__pcPagenationDot.swiper-pagination, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcPagenationDot.swiper-pagination {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-mainSlide__pc .p-mainSlide__pcPagenationDot.swiper-pagination-bullets, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcPagenationDot.swiper-pagination-bullets {
  bottom: 30px;
  padding: unset;
}

.p-mainSlide__pc .p-mainSlide__pcPagenationDot.swiper-pagination-bullets .swiper-pagination-bullet, .p-mainSlide__pc--noneMaxWidth .p-mainSlide__pcPagenationDot.swiper-pagination-bullets .swiper-pagination-bullet {
  /* Bullets 形をドットに変更 */
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: currentColor;
  opacity: 0.2;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  font-size: inherit;
  border: none;
}

.p-mainSlide__slide--gradationBlack::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, black, rgba(0, 0, 0, 0) 50%);
  pointer-events: none;
}

.p-mainSlide__slide--gradationWhite::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0) 50%);
  pointer-events: none;
}

.p-mainSlide__slide--coverBlack::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.p-mainSlide__slide--coverWhite::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
}

.p-mainSlide__imageWidthFull .p-mainSlide__pc .swiper-slide img {
  width: 100%;
}

.p-productsMovie__contentWrap {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
  height: auto;
}

.p-productsMovie__content16x9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.p-productsMovie__content16x9 > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.p-productsBanner {
  position: relative;
  background-color: #000000;
  display: block;
}

.p-productsBanner__img, .p-productsBanner__img--opacity {
  width: 100%;
}

.p-productsBanner__img--opacity {
  opacity: 0.7;
}

.p-productsBanner__textBlock {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 12px;
}

@media screen and (min-width: 768px), print {
  .p-productsBanner__textBlock {
    padding: 0 25px;
  }
}

.p-productsBanner__catchphrase {
  font-family: "NotoSans-Regular";
  margin-bottom: 5px;
  font-size: 14px;
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-productsBanner__catchphrase {
    font-size: 18px;
  }
}

.p-productsBanner__mainTitle {
  font-family: "NotoSans-Regular";
  font-size: 2.4rem;
  margin-top: 0;
  color: #ffffff;
  line-height: 1.1;
}

@media screen and (min-width: 768px), print {
  .p-productsBanner__mainTitle {
    font-size: 48px;
  }
}

.p-productsBanner__subTitle {
  font-family: "NotoSans-Light";
  font-size: 12px;
  margin-top: 5px;
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-productsBanner__subTitle {
    font-size: 14px;
  }
}

[class*="p-contentsIntroduction__contentsList"] + [class*="p-contentsIntroduction__contentsList"] {
  margin-left: 10px;
}

@media screen and (min-width: 768px), print {
  [class*="p-contentsIntroduction__contentsList"] + [class*="p-contentsIntroduction__contentsList"] {
    margin-left: 0;
  }
}

.p-contentsIntroduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction {
    margin: 0 auto;
    max-width: 1390px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-contentsIntroduction__mainSlideArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__mainSlideArea {
    width: 70%;
  }
}

.p-contentsIntroduction__contentsArea {
  padding: 0 12px;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__contentsArea {
    padding: 0;
    width: 30%;
  }
}

.p-contentsIntroduction__twoThemeWrap {
  height: 50%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__twoThemeWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-contentsIntroduction__twoThemeWrap + .p-contentsIntroduction__twoThemeWrap {
  padding-top: 5px;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__twoThemeWrap + .p-contentsIntroduction__twoThemeWrap {
    padding-top: 0;
  }
}

.p-contentsIntroduction__contentsList--blue {
  border-bottom: 2px solid #49a7d9;
  border-left: 5px solid #49a7d9;
  width: 50%;
  text-decoration: none;
}

.p-contentsIntroduction__contentsList--blue .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--blue .list-with-arrow-list-child {
  margin: 0 20px;
  color: #49a7d9;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__contentsList--blue {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #e6e6e6;
  }
  .p-contentsIntroduction__contentsList--blue .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--blue .list-with-arrow-list-child {
    margin: 0 20px;
  }
}

.p-contentsIntroduction__contentsList--orange {
  border-bottom: 2px solid #ff9532;
  border-left: 5px solid #ff9532;
  width: 50%;
  text-decoration: none;
}

.p-contentsIntroduction__contentsList--orange .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--orange .list-with-arrow-list-child {
  margin: 0 20px;
  color: #ff9532;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__contentsList--orange {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #e6e6e6;
  }
  .p-contentsIntroduction__contentsList--orange .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--orange .list-with-arrow-list-child {
    margin: 0 20px;
  }
}

.p-contentsIntroduction__contentsList--green {
  border-bottom: 2px solid #5eb76e;
  border-left: 5px solid #5eb76e;
  width: 50%;
  text-decoration: none;
}

.p-contentsIntroduction__contentsList--green .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--green .list-with-arrow-list-child {
  margin: 0 20px;
  color: #5eb76e;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__contentsList--green {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #e6e6e6;
  }
  .p-contentsIntroduction__contentsList--green .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--green .list-with-arrow-list-child {
    margin: 0 20px;
  }
}

.p-contentsIntroduction__contentsList--purple {
  border-bottom: 2px solid #af4aaf;
  border-left: 5px solid #af4aaf;
  width: 50%;
  text-decoration: none;
}

.p-contentsIntroduction__contentsList--purple .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--purple .list-with-arrow-list-child {
  margin: 0 20px;
  color: #af4aaf;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__contentsList--purple {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #e6e6e6;
  }
  .p-contentsIntroduction__contentsList--purple .icon-sh-arrowRight-small, .p-contentsIntroduction__contentsList--purple .list-with-arrow-list-child {
    margin: 0 20px;
  }
}

.p-contentsIntroduction__wrapContents {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__wrapContents {
    min-height: auto;
  }
}

.p-contentsIntroduction__wrapContents.blue:hover {
  background-color: #49a7d9;
}

.p-contentsIntroduction__wrapContents.blue:hover > div.p-contentsIntroduction__wrapImg {
  background-image: url("../../../custom/shimadzu_an/images/mainImage/Analysis_Routine.gif");
  background-repeat: no-repeat;
  margin-left: 3%;
  margin-bottom: 1%;
  background-size: 70%;
}

.p-contentsIntroduction__wrapContents.blue:hover > div.p-contentsIntroduction__wrapImg > img.p-contentsIntroduction__img {
  visibility: hidden;
}

.p-contentsIntroduction__wrapContents.blue:hover span.p-contentsIntroduction__themeName, .p-contentsIntroduction__wrapContents.blue:hover span.p-contentsIntroduction__themeName--footer {
  color: #ffffff;
}

.p-contentsIntroduction__wrapContents.blue:hover i.icon-sh-arrowRight-small, .p-contentsIntroduction__wrapContents.blue:hover i.list-with-arrow-list-child {
  color: #ffffff;
}

.p-contentsIntroduction__wrapContents.orange:hover {
  background-color: #ff9532;
  max-height: 77.86px;
}

.p-contentsIntroduction__wrapContents.orange:hover div.p-contentsIntroduction__wrapImg {
  background-image: url("../../../custom/shimadzu_an/images/mainImage/Learning_Portal.gif");
  background-repeat: no-repeat;
  background-size: 80%;
  height: 85%;
  margin: auto 0;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__wrapContents.orange:hover div.p-contentsIntroduction__wrapImg {
    margin-top: 0;
    margin-left: 3%;
    margin-top: 1%;
  }
}

.p-contentsIntroduction__wrapContents.orange:hover div.p-contentsIntroduction__wrapImg > img.p-contentsIntroduction__img {
  visibility: hidden;
}

.p-contentsIntroduction__wrapContents.orange:hover span.p-contentsIntroduction__themeName, .p-contentsIntroduction__wrapContents.orange:hover span.p-contentsIntroduction__themeName--footer {
  color: #ffffff;
}

.p-contentsIntroduction__wrapContents.orange:hover i.icon-sh-arrowRight-small, .p-contentsIntroduction__wrapContents.orange:hover i.list-with-arrow-list-child {
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__wrapContents.orange:hover {
    max-height: initial;
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .p-contentsIntroduction__wrapContents.orange:hover {
    max-height: 100px;
  }
}

.p-contentsIntroduction__wrapContents.green:hover {
  background-color: #5eb76e;
  max-height: 69.52px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-contentsIntroduction__wrapContents.green:hover {
    max-height: 100px;
  }
}

.p-contentsIntroduction__wrapContents.green:hover div.p-contentsIntroduction__wrapImg {
  background-image: url("../../../custom/shimadzu_an/images/mainImage/Product_of_the_Month.gif");
  background-repeat: no-repeat;
  background-size: 70%;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__wrapContents.green:hover div.p-contentsIntroduction__wrapImg {
    margin-left: 3%;
    margin-top: 3%;
    margin-top: 0;
  }
}

.p-contentsIntroduction__wrapContents.green:hover div.p-contentsIntroduction__wrapImg > img.p-contentsIntroduction__img {
  visibility: hidden;
}

.p-contentsIntroduction__wrapContents.green:hover span.p-contentsIntroduction__themeName, .p-contentsIntroduction__wrapContents.green:hover span.p-contentsIntroduction__themeName--footer {
  color: #ffffff;
}

.p-contentsIntroduction__wrapContents.green:hover i.icon-sh-arrowRight-small, .p-contentsIntroduction__wrapContents.green:hover i.list-with-arrow-list-child {
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__wrapContents.green:hover {
    max-height: initial;
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active), print and (-ms-high-contrast: active) {
  .p-contentsIntroduction__wrapContents.green:hover {
    max-height: 100px;
  }
}

.p-contentsIntroduction__wrapImg {
  width: 35%;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__wrapImg {
    margin-right: 10px;
  }
}

.p-contentsIntroduction__img {
  width: calc(100% - 10px);
  max-width: 70%;
  margin: 5px 15px;
}

.p-contentsIntroduction__wrapImg--fullImg {
  width: 100%;
  text-align: center;
}

.p-contentsIntroduction__wrapImg--fullImg .p-contentsIntroduction__img {
  margin: 0 auto;
  width: 100%;
}

.p-contentsIntroduction__themeName, .p-contentsIntroduction__themeName--footer {
  width: 100%;
  font-size: 1.2rem;
  color: #6e6e6e;
  font-family: "NotoSans-Bold";
  word-break: break-word;
  margin-left: 10px;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__themeName, .p-contentsIntroduction__themeName--footer {
    font-size: 1.4rem;
    margin-left: 0;
  }
}

.p-contentsIntroduction__themeName--footer {
  font-size: 1.4rem;
}

.p-contentsIntroduction__bgLightGray {
  background-color: #f5f5f5;
  z-index: 0;
  position: relative;
  padding: 50px 0;
}

.p-contentsIntroduction__bgLightGray::before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 400px 200px 0 0;
  border-color: #e6e6e6 transparent transparent transparent;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__bgLightGray {
    padding: 100px 0;
  }
}

.p-contentsIntroduction__footer {
  background-color: #f5f5f5;
  z-index: 0;
  position: relative;
  padding: 50px 0;
}

.p-contentsIntroduction__footer::before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  border-top: 181px solid #e6e6e6;
  border-right: 75px solid transparent;
}

@media screen and (min-width: 768px), print {
  .p-contentsIntroduction__footer::before {
    width: 250px;
    border-top-width: 200px;
  }
}

.p-contentsIntroduction__footerContents {
  height: 100px;
  background-color: #ffffff;
  position: relative;
}

.p-contentsIntroduction__footerContents [class*="p-contentsIntroduction__contentsList"] {
  border: none;
}

.p-contentsIntroduction__sideNav {
  display: block;
  background-color: #f5f5f5;
  padding: 20px;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .p-contentsIntroduction__sideNav {
    margin-top: 40px;
  }
}

.p-contentsIntroduction__sideNavTitle {
  font-family: "NotoSans-Bold";
  font-size: 1.6rem;
  margin: 5px 0 20px;
  color: #6e6e6e;
}

.p-contentsIntroduction__sideNavTitle:nth-of-type(2) {
  margin-top: 20px;
}

.p-contentsIntroduction__sideNavText {
  word-wrap: break-word;
}

.p-contentsIntroduction__sideNavButtonUnit {
  margin-bottom: 10px;
}

.p-contentsIntroduction__sideNavButtonUnit + .p-contentsIntroduction__sideNavButtonUnit > button {
  margin-left: 5px;
}

.p-contentsIntroduction__sideNavLinkWrap {
  margin-top: 50px;
}

.p-contentsIntroduction__sideNavLinkUnit {
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
}

.p-contentsIntroduction__sideNavLinkUnit * {
  text-decoration: none;
}

.p-contentsIntroduction__sideNavLinkUnit:first-child {
  border-top: 1px solid #e6e6e6;
}

.p-contentsIntroduction__sideNavLinkUnit:nth-of-type(odd) .icon-sh-arrowRight-small, .p-contentsIntroduction__sideNavLinkUnit:nth-of-type(odd) .list-with-arrow-list-child {
  color: #ff6837;
}

.p-contentsIntroduction__sideNavLinkUnit:nth-of-type(even) .icon-sh-arrowRight-small, .p-contentsIntroduction__sideNavLinkUnit:nth-of-type(even) .list-with-arrow-list-child {
  color: #ff9532;
}

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

.p-contentsIntroduction__sideNavCategoryImage {
  width: 45px;
}

.p-contentsIntroduction__sideNavCategoryName {
  font-family: "NotoSans-Bold";
  font-size: 2rem;
  color: #6e6e6e;
}

.p-contentsIntroduction__sideNavProductWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 400px;
  width: calc(300px - (300 - 250) * (1280px - 100vw) / (1280 - 768));
}

@media screen and (max-width: 767px) {
  .p-contentsIntroduction__sideNavProductWrap {
    width: 100%;
  }
}

.p-contentsIntroduction__sideNavAwardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-contentsIntroduction__sideNavAwardUnit {
  margin-left: 15px;
}

.p-contentsIntroduction__sideNavArchiveWrap {
  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-contentsIntroduction__modal {
  max-width: 1000px;
  min-width: 500px;
}

.p-registrationPromotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*ckeditorに入れた際に表示が崩れない用*/
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion {
    margin: 0 auto;
    max-width: 1390px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .p-registrationPromotion .swiper-slide img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 39.06vw;
    max-height: 500px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-registrationPromotion .swiper-slide img {
    height: auto;
    max-height: 500px;
    width: 100%;
  }
}

.p-registrationPromotion__mainSlideArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion__mainSlideArea {
    width: 70%;
  }
}

.p-registrationPromotion__contentsArea {
  padding: 12px;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion__contentsArea {
    padding: 10px;
    width: 30%;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion__contentsArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
    width: 100%;
  }
}

.p-registrationPromotion__wrap {
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion__wrap {
    height: auto;
    margin-right: 15px;
    width: 60%;
  }
}

.p-registrationPromotion__detail {
  width: 100%;
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion__detail {
    padding: 25px 15px;
    height: 65%;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion__detail {
    height: auto;
  }
}

.p-registrationPromotion__title {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.p-registrationPromotion__subTitle {
  font-size: 1.4rem;
}

.p-registrationPromotion__inquiry {
  margin-top: 12px;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion__inquiry {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion__inquiry {
    margin-top: 0;
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .p-registrationPromotion__inquiry .p-lineupCard {
    width: 100%;
  }
}

.p-registrationPromotion__wrapContents {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion__wrapContents {
    min-height: auto;
  }
}

.p-registrationPromotion__contentsList {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-registrationPromotion__contentsList {
    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;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion__contentsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 959px) and (min-width: 768px) {
  .p-registrationPromotion__contentsList {
    -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;
  }
}

.p-registrationPromotion__contentsList a:first-of-type {
  margin-top: 15px;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion__contentsList a:first-of-type {
    margin-top: 35px;
  }
}

@media screen and (max-width: 959px) and (min-width: 768px) {
  .p-registrationPromotion__contentsList a:first-of-type {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 960px) {
  .p-registrationPromotion__contentsList a:first-of-type {
    margin-top: 20px;
    margin-right: 20px;
  }
}

.p-registrationPromotion__contentsList a:last-of-type {
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotion__contentsList a:last-of-type {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 960px) {
  .p-registrationPromotion__contentsList a:last-of-type {
    margin-top: 20px;
  }
}

@media screen and (max-width: 959px) and (min-width: 768px) {
  .p-registrationPromotion__contentsList a:last-of-type {
    margin-top: 20px;
  }
}

.p-registrationPromotion .p-newsCard.c-card--heightAuto {
  height: 28%;
  width: 100%;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion .p-contentsIntroduction__mainSlideArea {
    width: 100%;
  }
}

.p-registrationPromotion .u-ckeditor {
  margin: 0;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion .u-ckeditor {
    width: 100%;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-registrationPromotion .u-ckeditor .field__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
    width: 100%;
  }
}

.p-addInfo__contentsBg {
  width: 500px;
  background-color: #ffffff;
  margin-top: 5vh;
}

@media screen and (max-width: 767px) {
  .p-addInfo__contentsBg {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
}

.p-addInfo__contentsTop {
  padding: 20px;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-addInfo__contentsTop {
    height: auto;
  }
}

.p-addInfo__contentsMain {
  text-align: center;
  height: 90%;
  padding: 20px 20px 40px;
}

.p-addInfo__title {
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-addInfo__title {
    text-align: left;
  }
}

.p-addInfo__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10%;
  right: 1%;
}

.p-completeAccountSetUp__contentsBg {
  width: 500px;
  background-color: #ffffff;
  margin-top: 10vh;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-completeAccountSetUp__contentsBg {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
}

.p-completeAccountSetUp__contentsTop {
  padding: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-completeAccountSetUp__contentsTop {
    height: auto;
  }
}

.p-completeAccountSetUp__contentsMain {
  padding: 20px 20px 40px;
}

.p-completeAccountSetUp__title {
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-completeAccountSetUp__title {
    text-align: left;
    padding-right: 10px;
  }
}

.p-completeAccountSetUp__br {
  display: block;
}

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

.p-completeAccountSetUp__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10%;
  right: 1%;
}

.p-createAccount__contentsBg {
  width: 500px;
  background-color: #ffffff;
  margin-top: 10vh;
}

@media screen and (max-width: 767px) {
  .p-createAccount__contentsBg {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
}

.p-createAccount__contentsTop {
  height: 95px;
  padding: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-createAccount__contentsTop {
    height: auto;
  }
}

.p-createAccount__contentsMain {
  height: 90%;
  padding: 20px 20px 40px;
}

.p-createAccount__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.p-createAccount__title {
  font-size: 28px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-createAccount__title {
    text-align: left;
    padding-right: 20px;
  }
}

.p-createAccount__title--sub {
  font-size: 14px;
  padding-left: 4px;
}

.p-createAccount__title--sub > a {
  color: #dd0000;
}

@media screen and (max-width: 767px) {
  .p-createAccount__title--sub {
    display: inline-block;
  }
}

.p-createAccount__text {
  display: inline-block;
  margin-top: 20px;
}

.p-createAccount__text--my10 {
  display: inline-block;
  margin: 20px 0;
}

.p-createAccount__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10%;
  right: 1%;
}

.p-createAccount__agreeText {
  margin-top: 0;
}

.p-errorMessage__contentsBg {
  width: 500px;
  background-color: #ffffff;
  margin-top: 10vh;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-errorMessage__contentsBg {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
}

.p-errorMessage__contentsMain {
  padding: 35px 20px 30px;
}

.p-errorMessage__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 4%;
  right: 2%;
}

@media screen and (max-width: 767px) {
  .p-errorMessage__closeButton {
    top: 1%;
    right: 4%;
  }
}

.p-forgottenPassword__contentsBg {
  width: 500px;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .p-forgottenPassword__contentsBg {
    width: 100%;
    height: 100%;
  }
}

.p-forgottenPassword__contentsTop {
  height: 20%;
  padding: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-forgottenPassword__contentsTop {
    height: auto;
  }
}

.p-forgottenPassword__contentsMain {
  height: 80%;
  padding: 20px 20px 40px;
}

.p-forgottenPassword__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.p-forgottenPassword__title {
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-forgottenPassword__title {
    text-align: left;
  }
}

.p-forgottenPassword__text {
  display: inline-block;
  margin: 0;
}

.p-forgottenPassword__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5%;
  right: 1%;
}

.p-quickView {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

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

.p-quickView.is-invisible {
  display: none;
}

.p-quickView__contentsBg {
  max-width: 980px;
  width: 100%;
  min-height: 620px;
  height: auto;
  background-color: white;
}

.p-quickView__contentsWrap {
  padding: 30px 20px 25px 40px;
}

.p-quickView__contentsTop {
  height: 10%;
  position: relative;
}

.p-quickView__contentsTop div:first-child {
  width: calc(100% - 50px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-quickView__contentsTop h2 {
  font-size: 28px;
  font-weight: 400;
  margin: 0;
  margin-right: 10px;
  width: auto;
}

.p-quickView__contentsTop .p-quickView__status--new {
  width: 42px;
}

.p-quickView__contentsTop .p-quickView__status--disc {
  width: 143px;
}

.p-quickView__contentsTop [class*="p-quickView__status"] {
  padding: 5px;
  font-size: 14px;
  margin: 9px 0;
  text-align: center;
}

.p-quickView__contentsTop--left {
  width: 31%;
}

.p-quickView__contentsTop--right {
  width: 34px;
  height: 34px;
  margin-left: auto;
}

.p-quickView__contentsMain {
  height: 90%;
}

.p-quickView__contentsMainElem--left {
  width: 55%;
}

.p-quickView__contentsMainElem--left p {
  margin-top: 25px;
}

.p-quickView__contentsMainElem--left p:first-of-type {
  margin-top: 22px;
}

.p-quickView__contentsMainElem--left .p-primaryButton {
  margin-top: 30px;
}

.p-quickView__contentsMainElem--right {
  width: 45%;
}

.p-quickView__imageArea {
  height: 160px;
  padding: 14px;
  text-align: center;
}

.p-quickView__imageArea img {
  width: auto;
  height: 130px;
}

.p-quickView [class*="p-quickView__contentsMainElem"] {
  height: 100%;
  padding-right: 40px;
}

.p-quickView__buttonArea--primary a {
  padding: 0.2rem;
  margin-right: 8px;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-quickView__buttonArea--primary a {
    font-size: calc(14px - (14 - 10) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-quickView__buttonArea--cta button {
  width: 100%;
  margin-top: 10px;
}

.p-quickView__buttonArea--cta button:first-of-type {
  margin-top: 20px;
}

.p-quickView__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

.p-loginAlert__contentsBg {
  width: 620px;
  height: 320px;
  background-color: white;
}

@media screen and (max-width: 767px) {
  .p-loginAlert__contentsBg {
    width: 100%;
    height: 100%;
  }
}

.p-loginAlert__contentsTop {
  height: 20%;
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .p-loginAlert__contentsTop {
    height: auto;
  }
}

.p-loginAlert__contentsMain {
  height: 80%;
  padding: 10px;
}

.p-loginAlert__title {
  font-family: "NotoSans-Bold";
  font-weight: Bold;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .p-loginAlert__title {
    text-align: left;
  }
}

.p-loginAlert__text {
  display: inline-block;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .p-loginAlert__text {
    margin: 10px 0;
  }
}

.p-loginAlert__buttonArea {
  width: 250px;
  margin: 0 auto;
}

.p-loginAlert__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10%;
  right: 0;
}

.p-signIn__contentsBg {
  width: 500px;
  min-height: 500px;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .p-signIn__contentsBg {
    width: 100%;
    height: 100%;
  }
}

.p-signIn__contentsTop {
  height: 20%;
  padding: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-signIn__contentsTop {
    height: auto;
  }
}

.p-signIn__contentsMain {
  height: 80%;
  padding: 20px;
}

.p-signIn__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.p-signIn__title {
  font-weight: 400;
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .p-signIn__title {
    text-align: left;
    padding-right: 20px;
  }
}

.p-signIn__title--sub {
  font-size: 14px;
  padding-left: 4px;
}

.p-signIn__title--sub > a {
  color: #dd0000;
}

@media screen and (max-width: 767px) {
  .p-signIn__title--sub {
    display: inline-block;
  }
}

.p-signIn__text {
  display: inline-block;
  margin: 20px 0;
}

.p-signIn__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5%;
  right: 1%;
}

@media screen and (max-width: 767px) {
  .p-signIn__checkbox {
    display: block;
  }
}

.p-signIn__forgotPassword {
  text-align: center;
  display: inline;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .p-signIn__forgotPassword {
    display: block;
    margin-left: 0px;
    margin-top: 20px;
  }
}

.p-tempAccountComplete__contentsBg {
  width: 500px;
  background-color: #ffffff;
  margin-top: 10vh;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-tempAccountComplete__contentsBg {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
}

.p-tempAccountComplete__contentsMain {
  padding: 35px 20px 30px;
}

.p-tempAccountComplete__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 4%;
  right: 2%;
}

@media screen and (max-width: 767px) {
  .p-tempAccountComplete__closeButton {
    top: 1%;
    right: 4%;
  }
}

.p-userMigration__contentsBg {
  width: 500px;
  background-color: #ffffff;
  margin-top: 10vh;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-userMigration__contentsBg {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
}

.p-userMigration__contentsMain {
  padding: 35px 20px 30px;
}

.p-userMigration__closeButton {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 4%;
  right: 2%;
}

@media screen and (max-width: 767px) {
  .p-userMigration__closeButton {
    top: 1%;
    right: 4%;
  }
}

.p-pagination {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 810px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  margin: 30px auto 20px;
}

@media screen and (min-width: 768px), print {
  .p-pagination {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 40px auto 30px;
    padding: 0 20px;
  }
}

.p-pagination > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  margin: 0 0 10px;
}

.p-pagination > li .p-pagination__prev,
.p-pagination > li .p-pagination__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border: 1px solid #999;
  color: #333333;
  margin: 0;
  padding: 0;
  width: 84px;
}

.p-pagination > li .p-pagination__prev:hover,
.p-pagination > li .p-pagination__next:hover {
  background-color: #999;
  color: #ffffff;
}

.p-pagination > li .p-pagination__prev.is-disabled,
.p-pagination > li .p-pagination__next.is-disabled {
  visibility: hidden;
}

.p-pagination > li .p-pagination__prev--arrow,
.p-pagination > li .p-pagination__next--arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  color: #707070;
  margin: 0;
  padding: 0;
  width: 20px;
  text-decoration: none;
}

.p-pagination > li .p-pagination__prev--arrow i:nth-child(1),
.p-pagination > li .p-pagination__next--arrow i:nth-child(1) {
  width: 8px;
}

.p-pagination > li .p-pagination__prev--arrow.is-disabled,
.p-pagination > li .p-pagination__next--arrow.is-disabled {
  visibility: hidden;
}

.p-pagination > li .p-pagination__prev--arrow.is-marginRight,
.p-pagination > li .p-pagination__next--arrow.is-marginRight {
  margin-right: 8px;
}

.p-pagination > li .p-pagination__prev--arrow.is-marginLeft,
.p-pagination > li .p-pagination__next--arrow.is-marginLeft {
  margin-left: 8px;
}

.p-pagination__numberWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 10px;
}

.p-pagination__numberItem {
  color: #6e6e6e;
}

.p-pagination__numberItem + .p-pagination__numberItem {
  margin-left: 10px;
}

@media screen and (min-width: 768px), print {
  .p-pagination__numberItem + .p-pagination__numberItem {
    margin-left: 20px;
  }
}

.p-pagination__numberItem:hover, .p-pagination__numberItem.is-current {
  color: #333333;
}

.p-pagination__numberItem:not(.is-current):hover > a {
  text-decoration: underline;
}

.p-pagination__numberItem > a {
  display: inline-block;
  padding: 5px;
  text-decoration: none;
  color: currentColor;
  font-size: 1.5rem;
}

@media screen and (min-width: 768px), print {
  .p-pagination__numberItem > a {
    font-size: 1.6rem;
  }
}

.p-pagination__numberItem.is-current > a {
  cursor: default;
  font-family: "NotoSans-Bold";
}

.p-sameLevelNav__accordion--close {
  padding: 0;
  height: 0;
}

.p-sameLevelNav__accordion--close.is-active {
  padding: 25px 0 0;
  height: auto;
}

.p-sameLevelNav__title {
  font-size: 1.8rem;
}

@media screen and (min-width: 768px), print {
  .p-sameLevelNav__title {
    font-size: 1.6rem;
  }
}

.p-sameLevelNav__content {
  border: 1px solid #e6e6e6;
}

.p-sameLevelNav__summary {
  padding-left: 1.8rem;
  font-size: 1.2rem;
  margin: 5px 0 0;
}

.p-sideBalancesSearch > *:first-child {
  margin-top: 8px;
}

@media screen and (min-width: 768px), print {
  .p-sideBalancesSearch > *:first-child {
    margin-top: 25px;
  }
}

.p-sideBalancesSearch__capacity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-sideBalancesSearch__capacity {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.p-sideBalancesSearch__capacity .p-sideBalancesSearch__capacitySelectBox {
  width: 45%;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-sideBalancesSearch__capacity .p-sideBalancesSearch__capacitySelectBox {
    width: 150px;
  }
}

@media screen and (min-width: 768px), print {
  .p-sideBalancesSearch__capacity .p-sideBalancesSearch__capacitySelectBox label {
    font-size: 1.2rem;
  }
}

.p-sideBalancesSearch__capacity .p-sideBalancesSearch__capacitySelectBox select {
  width: 100%;
}

.p-sideBalancesSearch__capacity .p-sideBalancesSearch__capacitySelectBox .icon-sh-arrowBottom-small {
  top: 52%;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-sideBalancesSearch__capacity .p-sideBalancesSearch__capacitySelectBox:not(:first-child) label {
    margin-top: 20px;
  }
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxTitle {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxTitle {
    font-size: 1.2rem;
  }
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0;
  padding-top: 20px;
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList > *:nth-child(-n+2) {
  margin-top: 0;
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList > *:not(:nth-child(-n+2)) {
  margin-top: 10px;
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList input[type="checkbox"] + label {
  font-size: 1.2rem;
  word-break: break-word;
  display: block;
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList input[type="checkbox"] + label::before {
  top: 1px;
}

.p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList input[type="checkbox"] + label::after {
  top: 4px;
}

@media screen and (max-width: 767px) {
  .p-sideBalancesSearch__checkBoxArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxTitle {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    text-align: center;
    padding-bottom: 20px;
  }
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxTitle:not(:first-child) {
    margin-left: 5%;
  }
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxTitle.is-active {
    border-bottom: solid 2px #ff0000;
  }
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList {
    border-top: solid 1px #e6e6e6;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList:not(.is-active) {
    display: none;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding-top: 5px;
  }
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList > * {
    min-height: 30px;
  }
  .p-sideBalancesSearch__checkBoxArea .p-sideBalancesSearch__checkBoxList > *:nth-child(-n+2) {
    margin-top: 10px;
  }
}

.p-sideBalancesSearch__modelName {
  margin-top: 20px;
}

.p-sideBalancesSearch__modelName .p-sideBalancesSearch__modenNameTitle {
  font-family: "NotoSans-Bold";
  color: #333333;
}

@media screen and (min-width: 768px), print {
  .p-sideBalancesSearch__modelName .p-sideBalancesSearch__modenNameTitle {
    font-size: 1.2rem;
  }
}

.p-sideBalancesSearch__modelName .p-sideBalancesSearch__modenNameSearchText {
  margin-top: 12px;
}

@media screen and (min-width: 768px), print {
  .p-sideBalancesSearch__modelName .p-sideBalancesSearch__modenNameSearchText {
    margin-top: 6px;
  }
}

.p-sideBalancesSearch__modelName .p-sideBalancesSearch__modenNameSearchText input[type="text"] {
  font-size: 1.2rem;
  width: 100%;
}

.p-sideBalancesSearch__modelName .p-sideBalancesSearch__buttons > * {
  margin-top: 25px;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-sideBalancesSearch__modelName .p-sideBalancesSearch__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .p-sideBalancesSearch__modelName .p-sideBalancesSearch__buttons > [class*="c-basicButton"] {
    width: 150px;
    margin: 25px auto 0;
  }
}

.p-sideConsumablePartsSearch__title {
  display: none;
}

.p-sideConsumablePartsSearch__searchText {
  display: none;
}

.p-sideConsumablePartsSearch__searchButtonPC {
  display: none;
}

.p-sideConsumablePartsSearch__searchButtonMobile button,
.p-sideConsumablePartsSearch__searchButtonMobile a {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p-sideConsumablePartsSearch {
    margin: 0 12px;
  }
}

@media screen and (min-width: 768px), print {
  .p-sideConsumablePartsSearch {
    background-color: #f5f5f5;
    padding: 25px;
  }
  .p-sideConsumablePartsSearch__title {
    display: block;
    font-weight: bold;
  }
  .p-sideConsumablePartsSearch__title > p {
    color: #333333;
    font-family: "NotoSans-Bold";
  }
  .p-sideConsumablePartsSearch__searchText {
    display: block;
    margin: 10px 0 5px;
  }
  .p-sideConsumablePartsSearch__searchText input {
    padding: 10px;
    width: 100%;
  }
  .p-sideConsumablePartsSearch__searchButtonPC {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  .p-sideConsumablePartsSearch__searchButtonMobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-sideNavFilterByProductType__filteringMenus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-left: 12px;
  }
}

@media screen and (max-width: 767px) {
  .p-sideNavFilterByProductType__filteringMenus__filteringMenuUnit {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-sideNavFilterByFileType__filteringMenus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 12px;
  }
}

@media screen and (max-width: 767px) {
  .p-sideNavFilterByFileType .p-sideNavFilterByFileType__filteringMenuUnit {
    margin-top: 0;
  }
}

.p-sideNavToggleFilter {
  background-color: #f5f5f5;
}

.p-sideNavToggleFilter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-sideNavToggleFilter__title > p {
  font-family: "NotoSans-Bold";
  color: #333333;
}

@media screen and (max-width: 767px) {
  .p-sideNavToggleFilter__title [class*="p-sideNavToggleFilter__toggle"] > div {
    padding: 0 0 3px;
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle {
    padding: 4px 12px 2px;
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle > div {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    font-weight: bold;
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle--open {
    padding: 2px 12px 1.5px;
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle--open > div {
    -webkit-transform: scale(3.5, 3);
            transform: scale(3.5, 3);
  }
  .p-sideNavToggleFilter__filteringMenus {
    padding: 0 3vw 4vw;
  }
}

@media screen and (min-width: 768px), print {
  .p-sideNavToggleFilter {
    border-top: solid 1px #e6e6e6;
    padding: 25px;
  }
  .p-sideNavToggleFilter__title {
    font-weight: bold;
  }
  .p-sideNavToggleFilter__title p {
    padding-top: 1px;
  }
  .p-sideNavToggleFilter__title [class*="p-sideNavToggleFilter__toggle"] {
    border-radius: 50%;
  }
  .p-sideNavToggleFilter__title [class*="p-sideNavToggleFilter__toggle"] > div {
    padding: 0 0 2px;
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle {
    padding: 4px 12px;
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle > div {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle--open {
    padding: 3px 13px;
  }
  .p-sideNavToggleFilter__title .p-sideNavToggleFilter__toggle--open > div {
    -webkit-transform: scale(3.5, 1.5);
            transform: scale(3.5, 1.5);
  }
}

.p-sideNavToggleFilter__filteringMenus {
  display: none;
}

.p-sideNavToggleFilter__filteringMenus.is-active {
  display: block;
}

.p-sideProductsNav {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-sideProductsNav {
    display: block;
    background-color: #f5f5f5;
    padding: 23px 25px;
  }
  .p-sideProductsNav__categoryUnit p, .p-sideProductsNav__categoryUnit--child p {
    font-family: "NotoSans-Regular";
  }
  .p-sideProductsNav__categoryUnit p:hover, .p-sideProductsNav__categoryUnit--child p:hover {
    background-color: #ededed;
    cursor: pointer;
  }
  .p-sideProductsNav__categoryUnit.is-current, .p-sideProductsNav__categoryUnit--child.is-current {
    border-bottom: solid 2px #dd0000;
  }
  .p-sideProductsNav__categoryUnit--child {
    padding-left: 1rem;
  }
  .p-sideProductsNav__categoryChildren {
    padding: 0 10px;
  }
  .p-sideProductsNav__categoryChildren .p-sideProductsNav__categoryUnit,
  .p-sideProductsNav__categoryChildren .p-sideProductsNav__categoryUnit--child {
    margin: 10px 0 0;
  }
  .p-sideProductsNav__categoryChildren .p-sideProductsNav__categoryUnit:first-child,
  .p-sideProductsNav__categoryChildren .p-sideProductsNav__categoryUnit--child:first-child {
    margin-top: 14px;
  }
}

.p-sideProductsNav--mobile {
  width: 100%;
  background-color: #cccccc;
  padding: 12px;
  margin-top: 40px;
}

.p-sideProductsNav--mobile > nav {
  position: relative;
}

.p-sideProductsNav--mobile > nav .p-sideProductsNav--mobile__select {
  color: #6e6e6e;
  width: 100%;
  height: 50px;
  padding: 0 10px;
}

.p-sideProductsNav--mobile > nav .p-sideProductsNav--mobile__select + i.icon-sh-arrowBottom-small {
  right: 3%;
}

@media screen and (min-width: 768px), print {
  .p-sideProductsNav--mobile {
    display: none;
  }
}

.p-stepNav {
  margin: 50px 0 0;
}

.p-stepNav__stepWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 347px;
}

@media screen and (min-width: 768px), print {
  .p-stepNav__stepWrap {
    width: 570px;
  }
}

.p-stepNav__stepItem {
  width: 190px;
}

.p-stepNav__stepItem .p-stepNav__counter {
  position: relative;
}

.p-stepNav__stepItem .p-stepNav__counter::before {
  content: "";
  border-top: 2px solid #e6e6e6;
  position: absolute;
  width: 75px;
  top: 50%;
  right: 100%;
  cursor: default;
}

@media screen and (min-width: 768px), print {
  .p-stepNav__stepItem .p-stepNav__counter::before {
    width: 150px;
  }
}

.p-stepNav__stepItem:first-child .p-stepNav__counter:before {
  display: none;
}

.p-stepNav__stepItem.is-visited .p-stepNav__counter {
  background-color: #6e6e6e;
}

.p-stepNav__stepItem.is-visited .p-stepNav__counter::before {
  border-top: 2px solid #6e6e6e;
}

.p-stepNav__stepItem.is-visited .p-stepNav__label {
  color: #333333;
}

.p-stepNav__stepItem.is-visited .p-stepNav__number {
  color: #ffffff;
}

.p-stepNav__counter {
  background-color: #e6e6e6;
  border-radius: 50%;
  font-size: 24px;
  height: 40px;
  margin: 0 auto;
  padding-top: 2px;
  text-align: center;
  width: 40px;
}

.p-stepNav__label {
  color: #6e6e6e;
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .p-stepNav__label {
    font-size: 18px;
  }
}

.p-stepNav__number {
  padding: 0 10px;
  color: #333333;
  font-size: 24px;
}

.p-supportSideNav {
  display: block;
  font-family: "NotoSans-Regular";
  font-size: 1.8rem;
}

.p-supportSideNav .icon-sh-arrowRight-small, .p-supportSideNav .list-with-arrow-list-child {
  font-size: 1.8rem;
  color: #dd0000;
  line-height: 1.5;
  margin-right: 3px;
  position: absolute;
  margin-top: 3px;
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav .icon-sh-arrowRight-small, .p-supportSideNav .list-with-arrow-list-child {
    position: inherit;
    margin-top: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav {
    background-color: #f5f5f5;
    padding: 23px 25px;
    font-size: 1.4rem;
    margin-top: 0;
    display: block;
  }
}

.p-supportSideNav__category {
  border: 1px solid #999999;
  margin-top: 30px;
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav__category {
    margin-top: 0;
    border: none;
  }
}

.p-supportSideNav__category .icon-sh-arrowBottom {
  font-size: 1.2rem;
  color: #6e6e6e;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-supportSideNav .p-supportSideNav__text {
  font-size: 1.6rem;
  word-break: normal;
  display: inline-block;
  vertical-align: top;
}

.p-supportSideNav__displaySubcategory {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-supportSideNav__displaySubcategory .icon-sh-arrowBottom {
  font-size: 1.4rem;
  color: #6e6e6e;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.2rem;
  margin-right: 40px;
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav__displaySubcategory .icon-sh-arrowBottom {
    margin-right: 20px;
  }
}

.p-supportSideNav__displaySubcategory a {
  font-family: "NotoSans-Light";
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav__displaySubcategory {
    padding: 0;
  }
}

.p-supportSideNav__displayCategory {
  padding: 10px 25px 10px 16px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav__displayCategory {
    padding: 0px;
  }
}

.p-supportSideNav__displayDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-supportSideNav__detail {
  display: none;
  margin-left: 10px;
}

.p-supportSideNav__detail .p-supportSideNav__text {
  font-size: 1.8rem;
}

.p-supportSideNav__detail .icon-sh-arrowRight-small, .p-supportSideNav__detail .list-with-arrow-list-child {
  display: none;
  color: #999999;
}

.p-supportSideNav__detail a {
  font-family: "NotoSans-Light";
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav__detail {
    margin-left: 10px;
  }
  .p-supportSideNav__detail .icon-sh-arrowRight-small, .p-supportSideNav__detail .list-with-arrow-list-child {
    display: block;
  }
}

.p-supportSideNav__text {
  font-family: "NotoSans-Regular";
  color: #333333;
  text-decoration: none;
  line-height: 1.75;
  cursor: pointer;
  margin-left: 30px;
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav__text {
    font-size: 1.6rem;
    margin-left: 10px;
  }
}

.p-supportSideNav__text:hover, .p-supportSideNav__text:active {
  text-decoration: underline;
}

.p-supportSideNav__subCategory {
  display: none;
  margin-left: 30px;
}

.p-supportSideNav__subCategory .p-supportSideNav__text {
  font-size: 1.4rem;
}

.p-supportSideNav__subCategory .icon-sh-arrowRight-small, .p-supportSideNav__subCategory .list-with-arrow-list-child {
  color: #999999;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px), print {
  .p-supportSideNav__subCategory {
    margin-left: 10px;
  }
}

.p-supportSideNav__link {
  text-align: left;
  width: 100%;
}

.p-supportSideNav__link.is-active {
  border-bottom: solid 2px #dd0000;
}

.p-supportSideNav .close {
  display: block;
}

[class*="p-tabMenu"] {
  height: 50px;
}

@media screen and (min-width: 768px), print {
  [class*="p-tabMenu"] {
    height: 70px;
  }
}

[class*="p-tabMenu--"] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  position: relative;
}

@media screen and (min-width: 768px), print {
  [class*="p-tabMenu--"] {
    width: 100%;
    height: auto;
  }
}

.p-tabMenu--top {
  border-bottom: solid 1px #e6e6e6;
}

.p-tabMenu--top .p-tabMenu__unit,
.p-tabMenu--top .p-tabMenu__unit--year {
  border-bottom: solid 2px transparent;
}

.p-tabMenu--top .p-tabMenu__unit:hover, .p-tabMenu--top .p-tabMenu__unit.is-current,
.p-tabMenu--top .p-tabMenu__unit--year:hover,
.p-tabMenu--top .p-tabMenu__unit--year.is-current {
  border-bottom: solid 2px #dd0000;
}

.p-tabMenu--bottom {
  display: none;
  border-top: solid 1px #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .p-tabMenu--bottom {
    display: block;
  }
}

.p-tabMenu--bottom .p-tabMenu__unit {
  border-top: solid 2px transparent;
}

.p-tabMenu--bottom .p-tabMenu__unit:hover, .p-tabMenu--bottom .p-tabMenu__unit.is-current {
  border-top: solid 2px #dd0000;
}

.p-tabMenu__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 1230px;
}

@media screen and (max-width: 767px) {
  .p-tabMenu__wrap {
    overflow-x: scroll;
  }
}

@media screen and (min-width: 768px), print {
  .p-tabMenu__wrap {
    width: 1230px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .p-tabMenu__wrap {
    max-width: 100vw;
  }
}

.p-tabMenu__unit, .p-tabMenu__unit--year {
  text-align: center;
  margin: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-tabMenu__unit, .p-tabMenu__unit--year {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .p-tabMenu__unit:last-child, .p-tabMenu__unit--year:last-child {
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px), print {
  .p-tabMenu__unit, .p-tabMenu__unit--year {
    margin: 0 20px;
    border-bottom: solid 2px transparent;
  }
}

.p-tabMenu__unit > a, .p-tabMenu__unit--year > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333333;
  font-family: "NotoSans-Regular";
  height: 100%;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 15px;
}

.p-tabMenu__unit--year > a {
  font-size: 18px;
}

.p-tabMenu__scrollButton {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #6e6e6e;
}

.p-tabMenu__scrollButton .p-tabMenu__scrollButtonLeft,
.p-tabMenu__scrollButton .p-tabMenu__scrollButtonRight {
  font-size: 1.8rem;
  opacity: 0.3;
  position: absolute;
  padding: 15px 0;
}

.p-tabMenu__scrollButton .p-tabMenu__scrollButtonLeft.is-active,
.p-tabMenu__scrollButton .p-tabMenu__scrollButtonRight.is-active {
  opacity: 1;
}

@media screen and (min-width: 768px), print {
  .p-tabMenu__scrollButton {
    display: none;
  }
}

.p-defectAnalysisSearch {
  width: 100%;
  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;
}

@media screen and (min-width: 768px), print {
  .p-defectAnalysisSearch {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-defectAnalysisSearch:nth-child(n + 2) {
  margin-top: 20px;
}

.p-defectAnalysisSearchWrap {
  -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;
}

@media screen and (min-width: 768px), print {
  .p-defectAnalysisSearch__title {
    width: auto;
  }
  .p-defectAnalysisSearch__title + * {
    margin-left: 50px;
  }
  .p-defectAnalysisSearch__title * {
    text-align: right;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .p-defectAnalysisSearch__title {
    width: auto;
  }
  .p-defectAnalysisSearch__title + * {
    width: auto;
  }
}

.p-defectAnalysisSearch__selectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-defectAnalysisSearch__selectBox {
    width: 320px;
  }
}

.p-searchByCapacityOrMinimumDisplay {
  margin-bottom: 0;
}

.p-searchByCategory {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-searchByCategory {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchByColumn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchByColumn__selectBox:not(:nth-child(3n+1)) {
    margin-left: calc(270px / 4);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-searchByColumn__selectBox:not(:nth-child(3n+1)) {
    margin-left: calc(65px - (65 - 25) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px), print {
  .p-searchByColumn__selectBox:nth-child(3n+1) {
    margin-left: calc((270px / 4) - 20px);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-searchByColumn__selectBox:nth-child(3n+1) {
    margin-left: calc(45px - (45 - 20) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-searchByColumn__selectBox:nth-child(n+2) {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-searchByColumn__selectBox:nth-child(-n+3) {
    margin-top: 0px;
  }
}

@media screen and (max-width: 767px) {
  .p-searchByModelName {
    border-top: solid 1px #e6e6e6;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchByModelName {
    padding-top: 35px;
  }
}

.p-searchByModelName__searchBox {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-searchByModelName__searchBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .p-searchByModelName__searchBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-searchByModelName__searchBox input[type="text"] {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-searchByModelName__searchBox input[type="text"] {
    width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .p-searchByModelName__searchBox input[type="text"] + * {
    font-size: 1.2rem;
    color: #6e6e6e;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchByModelName__searchBox input[type="text"] + * {
    padding-top: 12px;
    margin-left: 30px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-searchByModelName__searchBox input[type="text"] {
    width: calc(500px - (500 - 460) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-searchBySpecFuncOrApp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .p-searchBySpecFuncOrApp {
    border-top: solid 1px #e6e6e6;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchBySpecFuncOrApp {
    padding-top: 35px;
  }
  .p-searchBySpecFuncOrApp > *:nth-child(3) {
    margin-left: 50px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .p-searchBySpecFuncOrApp > *:nth-child(3) {
    margin-left: calc(50px - (50 - 30) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (max-width: 767px) {
  .p-searchBySpecFuncOrApp__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-searchBySpecFuncOrApp__toggle, .p-searchBySpecFuncOrApp__toggle--open {
  margin-left: 13.5px;
  font-size: 1.4rem;
  margin-top: 5px;
}

@media screen and (min-width: 768px), print {
  .p-searchBySpecFuncOrApp__toggle, .p-searchBySpecFuncOrApp__toggle--open {
    display: none !important;
  }
}

.p-searchBySpecFuncOrApp__toggle {
  padding: 4px 12px 10px;
}

.p-searchBySpecFuncOrApp__toggle--open {
  padding: 0px 13px 10px;
}

.p-searchBySpecFuncOrApp__checkBoxMobileTitle {
  display: none;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  border-bottom: solid 1px #e6e6e6;
}

@media screen and (max-width: 767px) {
  .p-searchBySpecFuncOrApp__checkBoxMobileTitle.is-active {
    display: block;
  }
}

.p-searchBySpecFuncOrApp__checkBoxMobileTitleList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-searchBySpecFuncOrApp__checkBoxMobileTitleList > li {
  font-family: "NotoSans-Bold";
  color: #333333;
  padding: 20px 0;
}

.p-searchBySpecFuncOrApp__checkBoxMobileTitleList > li.is-active {
  border-bottom: solid 2px #dd0000;
}

.p-searchBySpecFuncOrApp__checkBoxTitle {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-searchBySpecFuncOrApp__checkBoxTitle {
    display: block;
  }
}

.p-searchBySpecFuncOrApp__checkBoxList {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-searchBySpecFuncOrApp__checkBoxList {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-searchBySpecFuncOrApp__checkBoxList.is-active {
    display: block;
  }
}

.p-searchDownloads {
  background-color: #cccccc;
  padding: 10px 12px;
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 25px;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchBox {
    width: 800px;
  }
}

.p-searchDownloads__searchBox > *:first-child {
  border-right: none;
  width: 100px;
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchBox > *:first-child {
    width: 130px;
  }
}

.p-searchDownloads__searchBox > *:first-child select {
  max-width: 100%;
  background-color: #ffffff;
}

.p-searchDownloads__searchBox input[type="text"] {
  width: calc(100% - 100px);
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchBox input[type="text"] {
    max-width: 530px;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchBox--withoutCategory {
    width: 670px;
  }
}

.p-searchDownloads__searchBox--withoutCategory input[type="text"] {
  width: 100%;
  cursor: text;
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchBox--withoutCategory input[type="text"] {
    max-width: 530px;
  }
}

.p-searchDownloads__searchBox--withoutCategory .vue-simple-suggest,
.p-searchDownloads__searchBox--withoutCategory .input-wrapper {
  width: 100%;
}

.p-searchDownloads__searchBox--withoutCategory .suggestions {
  border: 0.5px solid #f5f5f5;
  position: relative;
}

.p-searchDownloads__searchBox--withoutCategory .suggest-item {
  background-color: #ffffff;
  border-bottom: 0.5px solid #f5f5f5;
  padding-left: 5px;
  font-family: "NotoSans-Regular";
}

.p-searchDownloads__searchBox--withoutCategory .suggest-item:last-child {
  border-bottom: none;
}

.p-searchDownloads__searchBox--withoutCategory .suggest-item:hover {
  background-color: #ecf5fa;
}

.p-searchDownloads__searchBoxButton {
  min-width: 140px;
}

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

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchButtons {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchButtons [class*="searchButton"] {
    display: none;
  }
}

.p-searchDownloads__searchButtons > button[class*="c-basicButton"] {
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchButtons > button[class*="c-basicButton"] {
    margin-top: 7px;
  }
}

@media screen and (min-width: 768px), print {
  .p-searchDownloads__searchButtons > button[class*="c-basicButton"]:nth-child(2) {
    margin-left: 21px;
  }
}

.p-searchNumberOrKeyword__searchBox, .p-searchNumberOrKeyword__suggestSearchBox {
  margin-top: 20px;
}

.p-searchNumberOrKeyword__searchBox > input[type="text"], .p-searchNumberOrKeyword__suggestSearchBox > input[type="text"],
.p-searchNumberOrKeyword__searchBox > div,
.p-searchNumberOrKeyword__suggestSearchBox > div {
  height: 50px;
}

@media screen and (min-width: 768px), print {
  .p-searchNumberOrKeyword__searchBox > input[type="text"], .p-searchNumberOrKeyword__suggestSearchBox > input[type="text"],
  .p-searchNumberOrKeyword__searchBox > div,
  .p-searchNumberOrKeyword__suggestSearchBox > div {
    height: 48px;
  }
}

.p-searchNumberOrKeyword__searchBox input[type="text"], .p-searchNumberOrKeyword__suggestSearchBox input[type="text"] {
  width: 60%;
}

@media screen and (min-width: 768px), print {
  .p-searchNumberOrKeyword__searchBox input[type="text"], .p-searchNumberOrKeyword__suggestSearchBox input[type="text"] {
    width: 660px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-searchNumberOrKeyword__searchBox input[type="text"], .p-searchNumberOrKeyword__suggestSearchBox input[type="text"] {
    width: calc(660px - (660 - 320) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-searchNumberOrKeyword__searchBox--narrow input[type="text"] {
  margin-top: 12px;
  max-width: 100%;
}

.p-searchNumberOrKeyword__searchBox--narrow label {
  font-family: "NotoSans-Bold";
  font-size: 1.4rem;
}

@media screen and (min-width: 768px), print {
  .p-searchNumberOrKeyword__searchBox--narrow:nth-child(3n+1) {
    margin-left: calc((270px / 4) - 20px);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-searchNumberOrKeyword__searchBox--narrow:nth-child(3n+1) {
    margin-left: calc(45px - (45 - 20) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-searchNumberOrKeyword__suggestSearchBox {
  margin: 20px auto 0 auto;
}

.p-searchNumberOrKeyword__suggestSearchBox input[type="text"] {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-searchNumberOrKeyword__suggestSearchBox input[type="text"] {
    width: 660px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-searchNumberOrKeyword__suggestSearchBox input[type="text"] {
    width: calc(660px - (660 - 320) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-searchNumberOrKeyword__searchButton {
  width: 40%;
  padding: 14px 8px 0 0;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .p-searchNumberOrKeyword__searchButton {
    text-align: start;
    width: 140px;
    padding: 14px 15px 14px 35px;
  }
}

.p-searchNumberOrKeyword__center {
  margin: 0 auto;
}

.p-selectACategory__radioButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-selectACategory__radioButtons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px), print {
  .p-selectACategory__radioButtons {
    width: 870px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .p-selectACategory__radioButtons {
    width: calc(870px - (870 - 490) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-selectACategory__radioButtons li {
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .p-selectACategory__radioButtons li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px), print {
  .p-selectACategory__radioButtons li {
    margin-top: 0;
  }
  .p-selectACategory__radioButtons li:not(:first-child) {
    margin-left: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) {
  .p-selectACategory__radioButtons li:not(:first-child) {
    margin-left: calc(40px - (40 - 20) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-selectACategory__radioButtons li > label {
  font-family: "NotoSans-Light";
}

.p-selectACategory__radioButtons--radioButtonsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px), print {
  .p-selectACategory__radioButtons--radioButtonsRow {
    width: 285px;
    margin-top: 10px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-selectACategory__radioButtons--radioButtonsRow li {
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .p-selectACategory__radioButtons--radioButtonsRow li {
    margin-right: 15px;
  }
}

@media screen and (min-width: 768px), print {
  .p-selectACategory__radioButtons--radioButtonsRow li {
    margin-top: 0;
  }
  .p-selectACategory__radioButtons--radioButtonsRow li:not(:first-child) {
    margin-left: 15px;
  }
}

.p-selectACategory__radioButtons--radioButtonsRow li > label {
  font-family: "NotoSans-Light";
}

.p-selectACategory__selectBox {
  margin-top: 8px;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-selectACategory__selectBox {
    margin-top: 25px;
  }
}

.p-selectACategory__selectBox select + i[class="icon-sh-arrowBottom-small"] {
  top: 40%;
}

.p-selectACategory__selectBox--side {
  width: 100%;
  margin-top: 8px;
  position: relative;
}

.p-selectACategory__selectBox--side > div {
  font-size: 15px;
}

@media screen and (min-width: 768px), print {
  .p-selectACategory__selectBox--side {
    margin-top: 25px;
    width: 44%;
  }
}

.p-selectACategory__selectBox--side select + i[class="icon-sh-arrowBottom-small"] {
  top: 50%;
  right: 3%;
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__text {
    margin-left: calc((270px / 3) - 20px);
    margin-right: calc((270px / 3) - 20px);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-webinarSearch__text {
    margin-left: calc(65px - (65 - 25) * (1280px - 100vw) / (1280 - 768));
    margin-right: calc(45px - (45 - 20) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-webinarSearch__text:nth-child(n+2) {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__text:nth-child(-n+3) {
    margin-top: 0px;
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__selectBox:nth-child(3n) {
    margin-left: calc(270px / 3);
    width: 200px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-webinarSearch__selectBox:nth-child(3n) {
    margin-left: calc(65px - (65 - 25) * (1280px - 100vw) / (1280 - 768));
    width: calc(320px - (320 - 192) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__selectBox:nth-child(3n+1) {
    margin-left: calc((270px / 3) - 20px);
    width: 360px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-webinarSearch__selectBox:nth-child(3n+1) {
    margin-left: calc(65px - (65 - 25) * (1280px - 100vw) / (1280 - 768));
    width: calc(320px - (320 - 192) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__selectBox:nth-child(3n+2) {
    margin-left: calc((270px / 3) - 60px);
    width: 360px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-webinarSearch__selectBox:nth-child(3n+2) {
    margin-left: calc(45px - (45 - 20) * (1280px - 100vw) / (1280 - 768));
    width: calc(320px - (320 - 192) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-webinarSearch__selectBox:nth-child(n+2) {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__selectBox:nth-child(-n+3) {
    margin-top: 0px;
  }
}

.p-webinarSearch__checkBox {
  width: 320px;
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__checkBox:nth-child(3n) {
    margin-left: calc((270px / 3) + 50px);
    width: 200px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-webinarSearch__checkBox:nth-child(3n) {
    margin-left: calc(65px - (65 - 25) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__checkBox:nth-child(3n+1) {
    margin-left: calc((270px / 3) - 20px);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-webinarSearch__checkBox:nth-child(3n+1) {
    margin-left: calc(45px - (45 - 20) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__checkBox:nth-child(3n+2) {
    margin-left: calc((270px / 3) + 50px);
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-webinarSearch__checkBox:nth-child(3n+2) {
    margin-left: calc(45px - (45 - 20) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-webinarSearch__checkBox:nth-child(n+2) {
  margin-top: 50px;
}

@media screen and (min-width: 768px), print {
  .p-webinarSearch__checkBox:nth-child(-n+3) {
    margin-top: 30px;
  }
}

.p-table__width {
  width: 250px;
}

.p-table__width--small {
  width: 100px;
}

.p-table__width--narrow {
  width: 150px;
}

.p-table__width--wide {
  width: 350px;
}

.p-table__textButton {
  font-weight: normal;
}

.p-table__verticalAlign--top {
  vertical-align: top;
}

.p-table__whiteSpace--nowrap {
  white-space: nowrap;
}

.p-borderText--h3 {
  padding-bottom: 10.5px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px), print {
  .p-borderText--h3 {
    margin-bottom: 60px;
  }
}

.p-borderText--h3--mypage {
  margin-bottom: 20px;
  padding-bottom: 10.5px;
}

.p-borderText--h2 {
  padding-bottom: 7.5px;
}

[class*="p-borderText"] {
  border-bottom-color: #707070;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

[class*="p-list__listItem"] {
  margin-top: 6px;
  color: #333333;
}

[class*="p-list__listItem"]:first-child {
  margin-top: 0;
}

[class*="p-list__listItem"]:before {
  display: block;
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
}

.p-list,
[class*="p-list--"] {
  margin-top: 14px;
  line-height: 1.75;
}

.p-list--withNumber {
  color: #333333;
  counter-reset: number;
  list-style: none;
}

.p-list__listItem--hyphen {
  padding-left: 1.5em;
  position: relative;
}

.p-list__listItem--hyphen:before {
  position: absolute;
  content: "";
  left: 0;
  top: 1.225rem;
  width: 13px;
  border-top: 1px solid #6e6e6e;
}

.p-list__listItem--number {
  padding-left: 17px;
  position: relative;
}

.p-list__listItem--number:before {
  position: absolute;
  left: 0;
  display: inline-block;
  font-family: "NotoSans-Regular";
  font-weight: bold;
  counter-increment: number;
  content: counter(number);
}

.p-list__listItem--annotation {
  padding-left: 27px;
  position: relative;
  font-size: 1.2rem;
}

.p-list__listItem--annotation:before {
  position: absolute;
  left: 0;
  display: inline-block;
  font-family: "NotoSans-Light";
  white-space: nowrap;
  counter-increment: number;
  font-size: 1.2rem;
  content: "*" counter(number) ")";
}

.p-list__listItem--disc {
  list-style: disc;
  margin-left: 20px;
  color: #333333;
}

.p-list__childList {
  padding-left: 3rem;
}

.p-text__caption--right {
  text-align: right;
}

.p-text__caption--center {
  text-align: center;
}

.p-text__italic {
  font-style: italic;
  font-family: "Noto Sans Light";
  font-size: 1.2rem;
  color: #6e6e6e;
}

.p-text__highlight,
span.SS_highlight {
  color: #dd0000;
  background-color: #fdf0f0;
  font-family: "NotoSans-Bold";
  padding: 0 0.2em;
}

[class*="p-text__caption"] {
  color: #6e6e6e;
  font-size: 1.2rem;
}

.p-acceptCookies {
  background-color: #333333;
  min-width: 0;
  min-height: 118px;
  padding: 25px 20px;
  display: block;
  width: 100%;
  z-index: 250;
  position: fixed;
  bottom: 0;
}

.p-acceptCookies__Inner {
  padding: 0;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-acceptCookies__Inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-acceptCookies__text {
  max-width: 705px;
  color: #ffffff;
  margin-bottom: 15px;
}

.p-acceptCookies__button {
  margin: 0 auto;
  width: 230px;
}

.p-acceptCookies__button :first-child {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px), print {
  .p-acceptCookies__button {
    width: auto;
    text-align: center;
  }
}

.p-acceptCookies__button button {
  margin: 0;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-acceptCookies__button button {
    margin: 10px;
    width: 230px;
  }
}

.p-adobe {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-adobe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-color: #f5f5f5;
    padding: 25px;
  }
}

@media screen and (min-width: 768px), print {
  .p-adobe__link > img {
    width: 160px;
    max-width: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-adobe__textArea {
    margin-left: 20px;
  }
}

.p-annotationText {
  line-height: 1.75;
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  margin-top: 14px;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.p-annotationText__number {
  margin-right: 5px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-annotationText__text {
  display: block;
}

.p-automotive {
  border: solid 1px #e6e6e6;
}

.p-automotive__menuBar {
  border-bottom: solid 1px #e6e6e6;
}

@media screen and (max-width: 767px) {
  .p-automotive__menuBar {
    position: relative;
  }
}

.p-automotive__menuBar .p-automotive__menuBarWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .p-automotive__menuBar .p-automotive__menuBarWrap {
    overflow-x: scroll;
  }
}

@media screen and (min-width: 768px), print {
  .p-automotive__menuBar .p-automotive__menuBarWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-automotive__menuBar .p-automotive__menuBarWrap .p-automotive__menuBarUnit {
  color: #333333;
  font-family: "NotoSans-Regular";
  padding: 15px 0;
  white-space: nowrap;
  cursor: pointer;
}

.p-automotive__menuBar .p-automotive__menuBarWrap .p-automotive__menuBarUnit:not(:first-child) {
  margin-left: 47px;
}

@media screen and (max-width: 767px) {
  .p-automotive__menuBar .p-automotive__menuBarWrap .p-automotive__menuBarUnit:last-child {
    padding-right: 30px;
  }
}

.p-automotive__menuBar .p-automotive__menuBarWrap .p-automotive__menuBarUnit.is-active {
  border-bottom: solid 2px #dd0000;
}

@media screen and (min-width: 768px), print {
  .p-automotive__menuBar .p-automotive__menuBarWrap .p-automotive__menuBarUnit {
    padding: 28px 0 22px;
  }
}

.p-automotive__contents {
  padding: 30px 25px;
}

@media screen and (min-width: 768px), print {
  .p-automotive__contents {
    padding: 50px 25px 40px;
  }
}

@media screen and (min-width: 768px), print {
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit:not(.is-active) {
  display: none;
}

.p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__carImageArea {
  width: 300px;
}

@media screen and (min-width: 768px), print {
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__carImageArea {
    width: 600px;
  }
}

@media screen and (max-width: 767px) {
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px), print {
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea {
    padding: 0 0 0 35px;
    width: 578px;
  }
}

.p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap:not(:first-child) {
  border-top: solid 1px #e6e6e6;
  margin-top: 40px;
  padding-top: 30px;
}

@media screen and (min-width: 768px), print {
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap .p-automotive__linkTextsUnit:not(:first-child) {
    margin-top: 10px;
  }
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap .p-automotive__linkTextsUnit:not(:first-child) .p-automotive__linkCategory {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px), print {
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap .p-automotive__linkTextsUnit {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    padding-right: 10px;
  }
  .p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap .p-automotive__linkTextsUnit:nth-child(n+3) {
    margin-top: 40px;
  }
}

.p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap .p-automotive__linkTextsUnit .p-automotive__linkCategory {
  font-family: "NotoSans-Bold";
  color: #333333;
  margin-bottom: 15px;
}

.p-automotive__contents .p-automotive__contentsWrap .p-automotive__contentsUnit .p-automotive__linksArea .p-automotive__linkTexts .p-automotive__linkTextsWrap .p-automotive__linkTextsUnit .p-automotive__linkUnit:not(:first-child) {
  margin-top: 10px;
}

.p-automotive__scrollButton {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-automotive__scrollButton .p-automotive__scrollButtonLeft,
.p-automotive__scrollButton .p-automotive__scrollButtonRight {
  font-size: 1.8rem;
  opacity: 0.3;
  position: absolute;
  padding: 15px 0;
}

.p-automotive__scrollButton .p-automotive__scrollButtonLeft.is-active,
.p-automotive__scrollButton .p-automotive__scrollButtonRight.is-active {
  opacity: 1;
}

.p-automotive__scrollButton .p-automotive__scrollButtonLeft > i,
.p-automotive__scrollButton .p-automotive__scrollButtonRight > i {
  font-size: 22px;
}

.p-automotive__scrollButton .p-automotive__scrollButtonLeft {
  left: 5px;
}

.p-automotive__scrollButton .p-automotive__scrollButtonRight {
  right: 5px;
}

@media screen and (min-width: 768px), print {
  .p-automotive__scrollButton {
    display: none;
  }
}

[class*="p-blog__innerUnit"] {
  width: 85%;
  padding-top: 95%;
  height: auto;
  position: relative;
  margin: 0 auto;
}

.p-blog__head {
  padding-top: 60px;
}

@media screen and (max-width: 767px) {
  .p-blog__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.p-blog__tagWrap, .p-blog__tagUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-blog__tagWrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.p-blog__categoryTag {
  font-family: "NotoSans-Regular";
  font-size: 1.4rem;
  line-height: 1.75;
  color: #ffffff;
  text-decoration: none;
  margin: 0 3px;
  border-radius: 5px;
  padding: 5px 15px;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.p-blog__categoryTag.pink {
  background-color: #fe7873;
}

.p-blog__categoryTag.pink:hover {
  background-color: #ffbcb9;
}

.p-blog__categoryTag.blue {
  background-color: #49a7d9;
}

.p-blog__categoryTag.blue:hover {
  background-color: #a4d3ec;
}

.p-blog__categoryTag.green {
  background-color: #86ce15;
}

.p-blog__categoryTag.green:hover {
  background-color: #c3e78a;
}

.p-blog__categoryTag.yellow {
  background-color: #ffb74d;
}

.p-blog__categoryTag.yellow:hover {
  background-color: #ffdba6;
}

.p-blog__categoryTag.purple {
  background-color: #b380ce;
}

.p-blog__categoryTag.purple:hover {
  background-color: #d9c0e7;
}

.p-blog__categoryTag.yellowGreen {
  background-color: #cddc39;
}

.p-blog__categoryTag.yellowGreen:hover {
  background-color: #e6ee9c;
}

.p-blog__date {
  font-family: "NotoSans-Bold";
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px), print {
  .p-blog__date {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .p-blog__gridWrap .l-gridWrap__unit {
    margin: 0;
  }
}

.p-blog__mobileHamburger {
  position: fixed;
  top: 124px;
  z-index: 50;
}

@media screen and (min-width: 768px), print {
  .p-blog__mobileHamburger {
    display: none;
  }
}

.p-blog__mobileHamburger.is-active .p-blog__mobileHamburgerLine > *:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
          transform: translateY(11px) rotate(-45deg);
}

.p-blog__mobileHamburger.is-active .p-blog__mobileHamburgerLine > *:nth-child(2) {
  opacity: 0;
}

.p-blog__mobileHamburger.is-active .p-blog__mobileHamburgerLine > *:nth-child(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
          transform: translateY(-11px) rotate(45deg);
}

.p-blog__mobileHamburgerLine {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 18px;
}

.p-blog__mobileHamburgerLine > * {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  height: 2px;
  width: 26px;
  background-color: #ffffff;
}

.p-blog__mobileHamburgerLine > *:first-child {
  margin-bottom: 9px;
}

.p-blog__mobileHamburgerLine > *:last-child {
  margin-top: 9px;
}

.p-blog__filterPannel {
  background-color: #e9e4d4;
  width: 100%;
  padding: 15px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-blog__filterPannel {
    padding: 10px;
  }
}

.p-blog__filterHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-blog__filterHeading:not(:first-child) {
  margin-top: 20px;
}

.p-blog__filterButton {
  border-radius: 3px;
  font-weight: bold;
  margin-right: 15px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 3px solid #ffb74d;
  background-color: #ffffff;
  color: #ffb74d;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 70px;
}

.p-blog__filterButton.is-active, .p-blog__filterButton:hover {
  background-color: #ffb74d;
  color: #ffffff;
}

.p-blog__filterApplyWrap {
  text-align: end;
  margin-top: 20px;
}

.p-blog__filterApply {
  border-radius: 3px;
  font-weight: bold;
  margin-right: 15px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: none;
  background-color: #ffb74d;
  color: #ffffff;
  width: 80px;
  line-height: 2.0;
  margin-right: 5px;
}

.p-blog__filterApply:hover {
  background-color: #ffdba6;
}

.p-blog__categoryFilterCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  background-color: #ffffff;
  padding: 4px;
  margin: 8px;
  border-radius: 3px;
  border: 3px solid;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  min-height: 62px;
}

@media screen and (max-width: 767px) {
  .p-blog__categoryFilterCard {
    margin: 4px;
  }
}

.p-blog__categoryFilterCard.pink {
  border-color: #fe7873;
}

.p-blog__categoryFilterCard.blue {
  border-color: #49a7d9;
}

.p-blog__categoryFilterCard.green {
  border-color: #86ce15;
}

.p-blog__categoryFilterCard.yellow {
  border-color: #ffb74d;
}

.p-blog__categoryFilterCard.purple {
  border-color: #b380ce;
}

.p-blog__categoryFilterCard.yellowGreen {
  border-color: #cddc39;
}

.p-blog__categoryFilterCard[class*="is-active"], .p-blog__categoryFilterCard:hover {
  cursor: pointer;
}

.p-blog__categoryFilterCard[class*="is-active"] .p-blog__categoryText p, .p-blog__categoryFilterCard:hover .p-blog__categoryText p {
  color: #ffffff;
}

.p-blog__categoryFilterCard[class*="is-active"].pink, .p-blog__categoryFilterCard:hover.pink {
  background-color: #fe7873;
}

.p-blog__categoryFilterCard[class*="is-active"].blue, .p-blog__categoryFilterCard:hover.blue {
  background-color: #49a7d9;
}

.p-blog__categoryFilterCard[class*="is-active"].green, .p-blog__categoryFilterCard:hover.green {
  background-color: #86ce15;
}

.p-blog__categoryFilterCard[class*="is-active"].yellow, .p-blog__categoryFilterCard:hover.yellow {
  background-color: #ffb74d;
}

.p-blog__categoryFilterCard[class*="is-active"].purple, .p-blog__categoryFilterCard:hover.purple {
  background-color: #b380ce;
}

.p-blog__categoryFilterCard[class*="is-active"].yellowGreen, .p-blog__categoryFilterCard:hover.yellowGreen {
  background-color: #cddc39;
}

.p-blog__categoryImage {
  max-width: 55px;
}

.p-blog__categoryText {
  padding-top: 4px;
  margin-left: 3px;
}

.p-blog__categoryText p:first-child {
  font-family: 'NotoSans-Bold';
  line-height: 1.0;
  display: inline-block;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-blog__categoryText p:first-child {
    font-size: calc(16px - (16 - 11) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (max-width: 767px) {
  .p-blog__categoryText p:first-child {
    font-size: 12px;
  }
}

.p-blog__categoryText p:last-child {
  margin-top: 3px;
  line-height: 1.0;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-blog__categoryText p:last-child {
    font-size: calc(12px - (12 - 10) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (max-width: 767px) {
  .p-blog__categoryText p:last-child {
    font-size: 10px;
  }
}

.p-blog__yearFilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5px;
}

.p-blog__yearFilterUnit {
  font-size: 14px;
  font-family: 'NotoSans-Bold';
  line-height: 2.0;
  text-align: center;
  border: 1px solid #014254;
  border-radius: 3px;
  background-color: #ffffff;
  width: 80px;
  margin: 0 5px;
  margin-top: 5px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.p-blog__yearFilterUnit.is-active, .p-blog__yearFilterUnit:hover {
  border-color: #ffb74d;
  background-color: #ffb74d;
  color: #ffffff;
  cursor: pointer;
}

.p-blog__unit--gridItem1 {
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
  margin-left: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

@media screen and (max-width: 767px) {
  .p-blog__unit--gridItem1 .p-blogCard__text {
    top: 82%;
  }
}

.p-blog__unit--gridItem2 {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px), print {
  .p-blog__unit--gridItem2 {
    margin-left: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .p-blog__unit--gridItem2 {
    position: fixed;
    top: -100%;
    z-index: 15;
    width: calc(100% - 12px * 2) !important;
    background-color: #014254;
    padding: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    min-height: 400px;
  }
}

.p-blog__unit--gridItem2.is-active {
  top: 165px;
}

@media screen and (max-width: 767px) {
  .p-blog__unit--spHerf {
    width: 50% !important;
  }
}

.p-blog__2ColorsBorder--horizon {
  width: 15px;
  height: 15px;
  border-bottom: 5px solid #fe7873;
  position: relative;
  margin-right: 25px;
}

.p-blog__2ColorsBorder--horizon::after {
  width: 100%;
  border-bottom: 5px solid #49a7d9;
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  left: 100%;
}

@media screen and (min-width: 768px), print {
  .p-blog__2ColorsBorder--horizon {
    height: 20px;
  }
}

.p-blog__2ColorsBorder--vertical, .p-blog__2ColorsBorder--vertical--mr10 {
  border-left: 5px solid #fe7873;
  position: relative;
}

.p-blog__2ColorsBorder--vertical::after, .p-blog__2ColorsBorder--vertical--mr10::after {
  height: 50%;
  border-left: 5px solid #49a7d9;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -5px;
}

.p-blog__2ColorsBorder--vertical--mr10 {
  margin-right: 10px;
}

.p-blog__followingButton {
  background-color: #014254;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
  font-family: "NotoSans-Regular";
  font-size: 1.6rem;
  position: fixed;
  right: 12px;
  width: 155px;
  padding: 9px;
  z-index: 50;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media screen and (min-width: 768px), print {
  .p-blog__followingButton:hover {
    background-color: #80a1aa;
  }
}

.p-blog__followingButton .icon-sh-arrowRight-small, .p-blog__followingButton .list-with-arrow-list-child {
  font-size: 2rem;
  position: absolute;
  top: 11px;
  right: 10px;
}

@media screen and (min-width: 768px), print {
  .p-blog__followingButton {
    right: 3%;
  }
}

@media screen and (min-width: 768px), print {
  .p-blog__innerUnit1Column {
    width: 90%;
    padding-top: 90%;
  }
}

@media screen and (min-width: 768px), print {
  .p-blog__innerUnit4Column .p-blogCard__text {
    top: 71%;
  }
}

@media screen and (max-width: 767px) and (-ms-high-contrast: none), screen and (max-width: 767px) and (-ms-high-contrast: active) {
  .p-blog__innerUnit4Column {
    margin: 0;
  }
}

.p-buttonFilter {
  width: 100%;
  background-color: #cccccc;
  padding: 12px;
  margin-top: 40px;
}

@media screen and (min-width: 768px), print {
  .p-buttonFilter {
    background-color: #f5f5f5;
    padding: 40px 0 35px;
    margin-top: 30px;
  }
}

.p-buttonFilter__selectBox {
  color: #6e6e6e;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-buttonFilter__selectBox {
    display: none;
  }
}

.p-buttonFilter__list {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-buttonFilter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px), print {
  .p-buttonFilter__list > li {
    margin: 5px 5px;
  }
}

.p-buttonFilter__list > li button {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .p-buttonFilter__list > li .p-buttonFilter__listNumber {
    text-align: center;
    font-size: 1.2rem;
  }
}

.p-caution,
.p-caution--footer {
  background-color: #f5f5f5;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 768px), print {
  .p-caution,
  .p-caution--footer {
    padding: 25px;
  }
}

.p-caution > i,
.p-caution--footer > i {
  font-size: 40px;
  color: #999999;
  line-height: 0.96;
}

.p-caution__textArea,
.p-caution--footer__textArea {
  margin-left: 9px;
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  font-size: 1.4rem;
}

.p-caution__textArea p,
.p-caution--footer__textArea p {
  white-space: pre-wrap;
}

.p-caution--footer {
  background-color: #ffffff;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-caution--footer {
    max-width: 1230px;
    margin: 0 auto;
    padding: 25px 0 0 0;
  }
}

.p-caseDetailPanel {
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 50px;
  position: relative;
}

.p-caseDetailPanel p {
  color: black;
}

@media screen and (max-width: 767px) {
  .p-caseDetailPanel p {
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (max-width: 767px) {
  .p-caseDetailPanel {
    padding: 0;
  }
}

.p-caseDetailPanel__backButton {
  position: absolute;
  top: 20px;
  right: 20px;
}

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

@media screen and (min-width: 768px), print {
  .p-caseDetailPanel__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-caseDetailPanel__contents {
  padding-left: 30px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p-caseDetailPanel__contents {
    padding: 20px 10px;
  }
}

.p-caseDetailPanel__title {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .p-caseDetailPanel__title {
    margin-top: 0;
  }
}

.p-caseDetailPanel__caseCategoryWrap .p-caseDetailPanel__caseCategory:not(:first-child) {
  margin-top: 10px;
}

.p-caseDetailPanel__caseCategory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-caseDetailPanel__caseCategory--title {
  width: 40%;
  border: 1px solid #e6e6e6;
}

@media screen and (max-width: 767px) {
  .p-caseDetailPanel__caseCategory--title {
    width: 50%;
    min-height: 50px;
    display: table;
  }
}

@media screen and (min-width: 768px), print {
  .p-caseDetailPanel__caseCategory--title {
    height: 100%;
  }
}

.p-caseDetailPanel__caseCategory--titleText {
  text-align: center;
}

.p-caseDetailPanel__caseCategory--item {
  width: 60%;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .p-caseDetailPanel__caseCategory--item {
    width: 50%;
    min-height: 50px;
    display: table;
  }
}

.p-caseDetailPanel [class*="p-caseDetailPanel__imageWrap"] {
  width: 100%;
  text-align: center;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .p-caseDetailPanel [class*="p-caseDetailPanel__imageWrap"] {
    width: calc(100% * 390 / (1230 - 40));
    height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-checkbox__input[type="checkbox"] {
  display: none;
}

.p-checkbox__input[type="checkbox"]:disabled + label::before {
  background-color: #6e6e6e;
}

.p-checkbox__input[type="checkbox"]:checked + label::before {
  background-color: #6e6e6e;
}

.p-checkbox__input[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 5.25px;
  left: 1px;
  width: 6px;
  height: 11px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.p-checkbox__label, .p-checkbox__label--emphasize, .p-checkbox__label--light {
  position: relative;
  padding-left: 20px;
  margin-right: 20px;
  line-height: 1.75;
  font-size: 1.4rem;
  display: inline-block;
}

.p-checkbox__label::before, .p-checkbox__label--emphasize::before, .p-checkbox__label--light::before {
  content: "";
  display: block;
  position: absolute;
  top: 2.25px;
  left: -6px;
  width: 21px;
  height: 21px;
  border: 1px solid #6e6e6e;
  background-color: #ffffff;
}

.p-checkbox__label > p, .p-checkbox__label--emphasize > p, .p-checkbox__label--light > p {
  color: #333333;
  font-family: "NotoSans-Light";
}

input[type="checkbox"] + label[class*="p-checkbox__label"] {
  color: #333333;
  font-family: "NotoSans-Regular";
}

input[type="checkbox"] + label[class*="p-checkbox__label"][class*="--light"] {
  font-family: "NotoSans-Light";
}

input[type="checkbox"] + label[class*="p-checkbox__label"][class*="--emphasize"] {
  font-family: "NotoSans-Bold";
}

label.option.p-checkbox__label {
  display: inline-block;
}

.p-cookiesDisabled {
  border: 1px solid #ff0000;
  width: 100%;
  padding: 10px;
  display: table;
}

.p-cookiesDisabled__iconWrap {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  padding-right: 7px;
}

.p-cookiesDisabled__infoIcon {
  text-align: center;
  line-height: 1;
}

.p-cookiesDisabled__infoIcon > i {
  font-size: 47px;
  color: #999999;
}

.p-cookiesDisabled__text {
  display: table-cell;
  vertical-align: middle;
}

.p-cvBlock {
  border: 1px solid #e6e6e6;
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  .p-cvBlock {
    padding: 25px;
  }
}

.p-cvBlock__text {
  color: #333333;
  font-family: "NotoSans-Regular";
  font-weight: bold;
}

.p-cvBlock__buttonArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-cvBlock__buttonArea {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-cvBlock__buttonArea .p-ctaButton {
  margin: 0;
}

.p-cvBlock__button {
  width: 280px;
  margin: 10px auto 0;
}

@media screen and (min-width: 768px), print {
  .p-cvBlock__button {
    margin: 10px 10px 0 0;
  }
}

.p-cvBlock__button:first-child {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-cvBlock__button:first-child {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px), print {
  .p-cvBlock__button:last-child {
    margin-right: 0;
  }
}

.p-downloadDoc {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  margin-top: 20px;
}

.p-downloadDoc__downloadArea {
  display: block;
  padding: 20px;
  text-decoration: none;
}

@media screen and (min-width: 768px), print {
  .p-downloadDoc__downloadArea {
    padding: 20px 25px;
  }
}

.p-downloadDoc__pdfSize {
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  font-size: 1.2rem;
  margin-left: 9px;
}

@media screen and (min-width: 768px), print {
  .p-downloadDoc__pdfSize {
    margin-left: 7px;
  }
}

.p-downloadDoc__text {
  display: block;
  font-family: "NotoSans-Regular";
  color: #333333;
  font-size: 1.4rem;
  padding-left: 30px;
}

.p-downloadDoc__text > .icon-sh-download {
  position: absolute;
  top: 20px;
  left: 25px;
  vertical-align: text-bottom;
  line-height: 1;
  width: 20px;
  height: auto;
  color: #6e6e6e;
}

.p-downloadDoc__text > .icon-sh-download::before {
  font-size: 20px;
}

.p-downloadDoc__text .icon-sh-pdf {
  vertical-align: text-bottom;
  line-height: 1;
  width: 20px;
  height: auto;
  color: #999999;
  margin-left: 5px;
}

.p-downloadDoc__text .icon-sh-pdf::before {
  font-size: 20px;
}

.p-enclosedText {
  padding: 20px;
  background-color: #f5f5f5;
}

@media screen and (min-width: 768px), print {
  .p-enclosedText {
    padding: 25px;
  }
}

.p-featuredContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 767px) {
  .p-featuredContents {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContents {
    max-width: 1390px;
  }
}

@media screen and (max-width: 767px) {
  .p-featuredContents__item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContents__item {
    width: 15.46%;
    max-width: 215px;
    margin-right: 1.4%;
  }
}

@media screen and (max-width: 767px) {
  .p-featuredContents__item:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuredContents__item:last-of-type {
    margin-right: 0;
  }
}

.p-icon--membersOnly {
  color: #6e6e6e;
  font-size: 20px;
  height: 20px;
  width: 20px;
}

.p-iconSummaryCard {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.p-iconSummaryCard * {
  text-decoration: none;
}

.p-iconSummaryCard__wrap {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 1px solid #dd0000;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 767px) {
  .p-iconSummaryCard__wrap {
    padding: 22px 6px 18px;
    border-radius: 17px;
  }
}

@media screen and (min-width: 768px), print {
  .p-iconSummaryCard__wrap {
    padding: 26px 10px 20px;
    border-radius: 15px;
  }
}

.p-iconSummaryCard__wrap:hover {
  background-color: #dd0000;
}

.p-iconSummaryCard__wrap:hover .p-iconSummaryCard__icon,
.p-iconSummaryCard__wrap:hover .p-iconSummaryCard__title {
  color: #ffffff;
}

.p-iconSummaryCard__iconArea {
  line-height: 1;
}

@media screen and (min-width: 768px), print {
  .p-iconSummaryCard__iconArea {
    height: 100%;
  }
}

.p-iconSummaryCard__icon {
  color: #dd0000;
}

@media screen and (max-width: 767px) {
  .p-iconSummaryCard__icon {
    margin: 0;
    font-size: 35px;
  }
}

@media screen and (min-width: 768px), print {
  .p-iconSummaryCard__icon {
    margin: 0;
    font-size: 38px;
  }
}

.p-iconSummaryCard__title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #dd0000;
}

@media screen and (max-width: 767px) {
  .p-iconSummaryCard__title {
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
  }
}

@media screen and (min-width: 768px), print {
  .p-iconSummaryCard__title {
    font-size: 15px;
    margin-top: 16px;
  }
}

.p-imageSet [class*="p-imageSet__wrap"] {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-imageSet [class*="p-imageSet__wrap"] {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px), print {
  .p-imageSet__wrap--left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 768px), print {
  .p-imageSet__wrap--right {
    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-imageSet [class*="p-imageSet__imageWrap"] {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .p-imageSet [class*="p-imageSet__imageWrap"] {
    width: 390px;
    height: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-imageSet [class*="p-imageSet__imageWrapXMaxHerf"] {
    max-width: 50%;
    width: 100%;
  }
}

.p-imageSet__imageWrap--right {
  margin: 0 0 20px;
}

@media screen and (min-width: 768px), print {
  .p-imageSet__imageWrap--right {
    margin: 0 0 0 30px;
  }
}

.p-imageSet__imageWrap--left {
  margin: 0 0 20px;
}

@media screen and (min-width: 768px), print {
  .p-imageSet__imageWrap--left {
    margin: 0 30px 0 0;
  }
}

.p-imageSet__imageWrapXMaxHerf--right {
  margin: 0 0 20px;
}

@media screen and (min-width: 768px), print {
  .p-imageSet__imageWrapXMaxHerf--right {
    margin: 0 0 0 30px;
  }
}

.p-imageSet__imageWrapXMaxHerf--left {
  margin: 0 0 20px;
}

@media screen and (min-width: 768px), print {
  .p-imageSet__imageWrapXMaxHerf--left {
    margin: 0 30px 0 0;
  }
}

.p-imageSet__imageInner {
  margin: 0;
}

.p-imageSet h2 + [class*="p-imageSet__wrap"],
.p-imageSet h3 + [class*="p-imageSet__wrap"] {
  margin-top: 0px;
}

.p-importantNotice {
  background-color: #ffffff;
  border: 1px solid #ff0000;
  padding: 20px;
}

@media screen and (min-width: 768px), print {
  .p-importantNotice {
    padding: 25px;
  }
}

.p-importantNotice__title {
  color: #ff0000;
  margin-bottom: 13px;
}

@media screen and (min-width: 768px), print {
  .p-importantNotice__title {
    margin-bottom: 15px;
  }
}

.p-importantNotice__learnMore {
  margin-top: 20px;
}

@media screen and (min-width: 768px), print {
  .p-importantNotice__learnMore {
    margin-top: 12px;
  }
}

.p-importantNotice__arrowIcon.icon-sh-arrowRight-small, .p-importantNotice__arrowIcon.list-with-arrow-list-child {
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px);
  font-size: 1.4rem;
  width: auto;
  height: calc(1.4rem * 1.75);
}

.p-importantNotice__linkText {
  font-size: 1.4rem;
  margin-left: -5px;
}

.p-infoSideNav {
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .p-infoSideNav {
    margin: 0 12px 30px;
    padding: 31px 36px 29px;
  }
}

@media screen and (min-width: 768px), print {
  .p-infoSideNav {
    padding: 36px 10.5% 40px;
    margin-bottom: 20px;
  }
}

.p-infoSideNav * {
  text-decoration: none;
}

.p-infoSideNav__headerIconArea {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-infoSideNav__headerIcon {
    font-size: 39px;
  }
}

@media screen and (min-width: 768px), print {
  .p-infoSideNav__headerIcon {
    font-size: 46px;
  }
}

.p-infoSideNav__headerTitle {
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .p-infoSideNav__headerTitle {
    font-size: 20px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px), print {
  .p-infoSideNav__headerTitle {
    font-size: 18px;
    margin-top: 8px;
  }
}

.p-infoSideNav__headerText {
  text-align: center;
  font-weight: 400;
  color: #6e6e6e;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .p-infoSideNav__headerText {
    font-size: 12px;
    margin-top: 14px;
  }
}

@media screen and (min-width: 768px), print {
  .p-infoSideNav__headerText {
    font-size: 12px;
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .p-infoSideNav__content {
    margin-top: 23px;
  }
}

@media screen and (min-width: 768px), print {
  .p-infoSideNav__content {
    margin-top: 28px;
  }
}

.p-infoSideNav__content .c-basicButton:first-of-type {
  margin-top: 0;
}

.p-infoSideNav__content .c-basicButton + .c-basicButton {
  margin-top: 10px;
}

.p-infoSideNav__contentFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-infoSideNav__contentFlex {
    margin-top: 23px;
  }
}

@media screen and (min-width: 768px), print {
  .p-infoSideNav__contentFlex {
    margin-top: 28px;
  }
}

.p-infoSideNav__contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 47.5%;
  margin-bottom: 5%;
}

.p-infoSideNav__contentWrap:nth-of-type(n + 3) {
  margin-bottom: 0;
}

.p-keyIconText__text {
  color: #333333;
}

.p-keyIconText__text > .p-icon--membersOnly {
  vertical-align: text-bottom;
  margin-right: 2px;
}

.p-leadMypage {
  padding: 20px;
  background-color: #f5f5f5;
}

@media screen and (min-width: 768px), print {
  .p-leadMypage {
    padding: 25px;
  }
}

.p-leadMypage__buttonArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-leadMypage__buttonArea {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-leadMypage__button {
  margin: 10px 0 0;
}

@media screen and (min-width: 768px), print {
  .p-leadMypage__button {
    margin: 10px 10px 0 0;
  }
}

.p-leadMypage__button:last-child {
  margin: 10px 0 0;
}

.p-leadMypage__button > a {
  margin-top: 0;
}

.p-loadingAnimation, .p-loadingAnimation__nonBg, .p-loadingAnimation__nonBg--icon {
  z-index: 200;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.55);
}

.p-loadingAnimation [class*="p-loadingAnimation__cubeUnit"], .p-loadingAnimation__nonBg [class*="p-loadingAnimation__cubeUnit"], .p-loadingAnimation__nonBg--icon [class*="p-loadingAnimation__cubeUnit"] {
  width: 14px;
  height: 14px;
  background-color: white;
  float: left;
  -webkit-animation: CubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: CubeGridScaleDelay 1.3s infinite ease-in-out;
}

.p-loadingAnimation__nonBg, .p-loadingAnimation__nonBg--icon {
  z-index: 200;
  width: 0;
  height: 0;
  top: 40vh;
  left: 48vw;
  background-color: rgba(0, 0, 0, 0.01);
}

.p-loadingAnimation__nonBg [class*="p-loadingAnimation__nonBgCubeUnit"], .p-loadingAnimation__nonBg--icon [class*="p-loadingAnimation__nonBgCubeUnit"] {
  width: 14px;
  height: 14px;
  background-color: #e6e6e6;
  float: left;
  -webkit-animation: CubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: CubeGridScaleDelay 1.3s infinite ease-in-out;
}

.p-loadingAnimation__cubeWrap, .p-loadingAnimation__cubeWrap--nonBg {
  margin: auto;
  margin-top: 40vh;
  width: 42px;
  height: 42px;
}

.p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit7,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit7, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit7,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit4, .p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit8,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit4,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit8, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit4, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit8,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit4,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit1, .p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit5, .p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit9,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit1,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit5,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit9, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit1, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit5, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit9,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit1,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit5,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit2, .p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit6,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit2,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit6, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit2, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit6,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit2,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.p-loadingAnimation__cubeWrap .p-loadingAnimation__cubeUnit3,
.p-loadingAnimation__cubeWrap .p-loadingAnimation__nonBgCubeUnit3, .p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__cubeUnit3,
.p-loadingAnimation__cubeWrap--nonBg .p-loadingAnimation__nonBgCubeUnit3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.p-loadingAnimation__cubeWrap--nonBg {
  margin-top: 0;
}

.p-loadingAnimation__nonBg--icon {
  top: inherit;
  left: inherit;
}

.p-loadingAnimation__nonBg--icon [class*="p-loadingAnimation__nonBgCubeUnit"] {
  width: 8px;
  height: 8px;
}

.p-loadingAnimation__nonBg--icon .p-loadingAnimation__cubeWrap--nonBg {
  margin: 0;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 767px) {
  .p-loadingAnimation__nonBg--icon {
    top: 5px;
    position: relative;
    width: 30px;
  }
}

@-webkit-keyframes CubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

@keyframes CubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
    opacity: 0.8;
  }
}

.p-numOfDisplay--autoload .p-numOfDisplay__text {
  margin-left: 5px;
  font-size: 17px;
}

@media screen and (min-width: 768px), print {
  .p-numOfDisplay--autoload .p-numOfDisplay__text {
    font-size: 18px;
  }
}

.p-numOfDisplay--autoload .p-numOfDisplay__num {
  margin-left: 0;
}

*[class*="p-numOfDisplay"] {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: keep-all;
}

*[class*="p-numOfDisplay"] .p-numOfDisplay__text {
  font-family: "NotoSans-Light";
  color: #333333;
  font-size: 17px;
}

@media screen and (min-width: 768px), print {
  *[class*="p-numOfDisplay"] .p-numOfDisplay__text {
    font-size: 14px;
  }
}

*[class*="p-numOfDisplay"] .p-numOfDisplay__num {
  font-family: "NotoSans-Regular";
  font-weight: bold;
  font-size: 23px;
  color: #333333;
  vertical-align: text-bottom;
  margin-left: 5px;
}

@media screen and (min-width: 768px), print {
  *[class*="p-numOfDisplay"] .p-numOfDisplay__num {
    font-size: 22px;
  }
}

.p-overlay {
  position: relative;
  display: block;
  background-color: #000000;
}

.p-overlay__mediaWrap {
  width: 100%;
}

.p-overlay__textWrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 10px;
  display: block;
  width: 100%;
  pointer-events: none;
}

.p-overlay__text, .p-overlay__text--large {
  text-align: center;
  font-family: "NotoSans-Bold";
  font-size: 20px;
  margin-top: 0;
  color: #ffffff;
  line-height: 1.1;
}

@media screen and (min-width: 768px), print {
  .p-overlay__text, .p-overlay__text--large {
    font-size: 24px;
  }
}

.p-overlay__text--large {
  font-size: 2.4rem;
}

@media screen and (min-width: 768px), print {
  .p-overlay__text--large {
    font-size: 3.2rem;
  }
}

.p-overlay__mediaWrap--img {
  opacity: 0.7;
}

.p-overlay__mediaWrap--movie {
  opacity: 0.9;
}

.p-overlay:hover .p-overlay__mediaWrap--img {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* 動画プレビュー*/
.p-moviePreview__content16x9 {
  position: relative;
  width: 100%;
  height: 360px;
}

.p-moviePreview__content16x9 > iframe {
  position: absolute;
  top: 0;
  width: 640px !important;
  height: 360px !important;
}

.p-movieSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px), print {
  .p-movieSet {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 768px), print {
  .p-movieSet__movieUnit {
    margin: 0 15px 0 0;
    width: calc((100% - 15px) * 0.6);
  }
}

.p-movieSet__textUnit {
  margin: 0 0 20px;
}

@media screen and (min-width: 768px), print {
  .p-movieSet__textUnit {
    margin: 0 0 0 15px;
    width: calc((100% - 15px) * 0.4);
  }
}

.p-registrationPromotionSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .p-registrationPromotionSearch {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-registrationPromotionSearch__formArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotionSearch__formArea {
    width: 45%;
  }
}

.p-registrationPromotionSearch__contentsArea {
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotionSearch__contentsArea {
    width: 55%;
  }
}

@media screen and (max-width: 767px) {
  .p-registrationPromotionSearch__contentsArea {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotionSearch__contentsInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-left: 45px;
  }
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-registrationPromotionSearch__contentsInner {
    display: block;
  }
}

.p-registrationPromotionSearch__form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotionSearch__form {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.p-registrationPromotionSearch__query {
  border: none !important;
  border-radius: 10px !important;
  height: 50px !important;
  width: 100%;
}

.p-registrationPromotionSearch__button {
  background-color: #6e6e6e;
  border: none;
  border-color: #6e6e6e;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #ffffff;
  height: 50px;
  outline: none;
  padding: 0 25px;
  position: absolute;
  right: 0;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotionSearch__button {
    padding: 0 22px;
  }
}

.p-registrationPromotionSearch__button .icon-sh-search {
  font-size: 1.6rem;
}

.p-registrationPromotionSearch__button span {
  font-size: 1.6rem;
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-registrationPromotionSearch__button span {
    display: inline-block;
  }
}

.p-registrationPromotionSearch__contentsTitle {
  color: #6e6e6e;
  font-size: 2rem;
  font-weight: bold;
  padding-left: 4px;
  text-align: center;
}

@media screen and (min-width: 1000px), print {
  .p-registrationPromotionSearch__contentsTitle {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .p-registrationPromotionSearch__primaryLink {
    margin-top: 7px;
  }
}

.p-registrationPromotionSearch__primaryLink > .c-primaryLink {
  display: inline-block;
}

.p-registrationPromotionSearch__primaryLink .c-primaryLink__text, .p-registrationPromotionSearch__primaryLink .icon-sh-arrowRight-small, .p-registrationPromotionSearch__primaryLink .list-with-arrow-list-child {
  font-size: 1.4rem;
}

.p-registrationPromotionSearch__contentsButtons .c-basicButton--WidthAuto + .c-basicButton--WidthAuto {
  margin-top: 5px;
}

input[type="text"].p-registrationPromotionSearch__query {
  font-size: 1.7rem;
}

input[type="text"].p-registrationPromotionSearch__query::-webkit-input-placeholder {
  font-size: 1.6rem;
}

input[type="text"].p-registrationPromotionSearch__query::-moz-placeholder {
  font-size: 1.6rem;
}

input[type="text"].p-registrationPromotionSearch__query:-ms-input-placeholder {
  font-size: 1.6rem;
}

input[type="text"].p-registrationPromotionSearch__query::-ms-input-placeholder {
  font-size: 1.6rem;
}

input[type="text"].p-registrationPromotionSearch__query::placeholder {
  font-size: 1.6rem;
}

.p-resultsFor {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-resultsFor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-resultsFor__quotation {
  font-weight: bold;
  font-size: 22px;
  margin: 0 6px;
}

.p-resultsFor__text {
  font-family: "NotoSans-Light";
  color: #333333;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-resultsFor__text {
    max-width: calc(780 * 100vw / 1280);
  }
}

@media screen and (min-width: 768px), print {
  .p-resultsFor__text {
    font-size: 14px;
  }
}

.p-resultsFor__text [class*="p-resultsFor__textPart"][class*="--nowrap"] {
  white-space: nowrap;
  margin-top: 7px;
}

@media screen and (min-width: 768px), print {
  .p-resultsFor__text [class*="p-resultsFor__textPart"][class*="--nowrap"] {
    margin-top: 10px;
  }
}

.p-resultsFor [class*="--mLeft"] {
  margin-left: 5px;
}

.p-resultsFor [class*="p-resultsFor__textPart--bold"] {
  font-family: "NotoSans-Regular";
  font-weight: bold;
  font-size: 23px;
  color: #333333;
}

@media screen and (min-width: 768px), print {
  .p-resultsFor [class*="p-resultsFor__textPart--bold"] {
    font-size: 22px;
  }
}

.p-resultText__titleIcon.icon-sh-arrowRight-small, .p-resultText__titleIcon.list-with-arrow-list-child {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 1.35;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
}

.p-resultText__titleIcon.icon-sh-arrowRight-small:before, .p-resultText__titleIcon.list-with-arrow-list-child:before {
  vertical-align: top;
}

.p-resultText__title {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-left: -5px;
  width: 100%;
}

.p-resultText__link {
  margin-top: 10px;
}

.p-resultText__text {
  margin-top: 15px;
}

#gigya-update-subscription-screen div.p-screenSet-button-subscription {
  text-align: center;
}

#gigya-update-subscription-screen div.p-screenSet-button-subscription input.gigya-input-submit {
  font: inherit;
  font-family: "NotoSans-Regular";
  min-height: 50px;
  font-size: 1.4rem;
  color: #6e6e6e;
  border-radius: 30px;
  width: 230px;
  border: solid 1px #6e6e6e;
  background-color: #ffffff;
}

#gigya-update-subscription-screen div.p-screenSet-button-subscription input.gigya-input-submit:hover {
  background-color: #6e6e6e;
  color: #ffffff;
}

#gigya-update-subscription-screen label.p-screenSet-label-subscription {
  border-bottom-color: #707070;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: 2rem;
  margin-bottom: 20px;
  padding-bottom: 10.5px;
}

._p-searchBox {
  background-color: #ffffff;
}

._p-searchBox__searchArea {
  display: block;
}

._p-searchBox__searchArea ._p-searchBox__searchBox {
  border: solid 1px #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  margin: 10px 0;
  padding: 0 0.5em;
  border-radius: 3px;
  background-color: #f5f5f5;
  width: 250px;
  margin-right: 0;
  margin-left: auto;
}

._p-searchBox__searchArea ._p-searchBox__searchBox * {
  background-color: #f5f5f5;
}

._p-searchBox__searchArea ._p-searchBox__searchBox ._p-searchBox__searchText {
  color: #999999;
  border: none;
  min-width: 190px;
  padding: 0 20px 0 0;
  height: auto;
  width: 205px;
}

._p-searchBox__searchArea ._p-searchBox__searchBox ._p-searchBox__searchButton {
  padding-top: 5px;
  position: relative;
  border: none;
  cursor: pointer;
  width: 25px;
}

._p-searchBox__searchArea ._p-searchBox__searchBox ._p-searchBox__searchButton i {
  position: absolute;
  font-size: 24px;
  height: 30px;
  bottom: -1px;
  right: -4px;
  background-color: transparent;
}

.p-selectBox--displayCount {
  width: 115px;
  height: 33px;
  margin-top: 15px;
}

@media screen and (min-width: 768px), print {
  .p-selectBox--displayCount {
    margin: 0 0 0 30px;
  }
}

.p-selectBox--displayCount select.p-selectBox__box {
  width: 115px;
  height: 33px;
}

.p-selectBox--displayCount select.p-selectBox__box + .icon-sh-arrowBottom-small {
  top: 10%;
}

.p-switcher {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-switcher {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-switcher__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-switcher__wrap div {
  margin: 0 3px;
}

[class*="p-switcher__label"] {
  cursor: pointer;
  font-family: "NotoSans-Light";
}

[class*="p-switcher__label"].is-active {
  cursor: pointer;
  font-weight: bold;
  font-family: "NotoSans-Regular";
}

.p-topSearchedKeywords {
  display: inline-block;
}

.p-topSearchedKeywords__text {
  margin: 20px 0 6px;
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-topSearchedKeywords__text {
    width: auto;
    margin: 20px 20px 6px 0;
  }
}

.p-topSearchedKeywords__tagArea {
  display: inline-block;
}

@media screen and (min-width: 768px), print {
  .p-topSearchedKeywords__tagArea {
    max-width: 600px;
  }
}

.p-usernameBand {
  background-color: #cccccc;
  padding: 10px 0;
}

@media screen and (min-width: 768px), print {
  .p-usernameBand {
    padding: 15px 0;
  }
}

.p-usernameBand__text {
  color: #ffffff;
  margin: 0;
  font-family: "NotoSans-Regular";
}

.p-video--youtube,
.p-video--jstream {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.p-video--youtube > iframe,
.p-video--jstream > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.p-yourFilters {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-yourFilters {
    width: 100%;
    padding: 20px;
    border: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-yourFilters > p {
  color: black;
  font-size: 14px;
  font-weight: bold;
  width: 15%;
}

.p-yourFilters__tagArea {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-yourFilters i {
  color: #807e7e;
}

.p-zoomImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
}

.p-zoomImage__inner {
  display: inline-block;
  position: relative;
}

.p-zoomImage__inner > img {
  width: 100%;
}

.p-zoomImage__content:hover {
  cursor: pointer;
}

.p-zoomImage__content:hover + .p-zoomImage__icon {
  background-color: rgba(121, 118, 118, 0.1);
  border-radius: 50%;
}

.p-zoomImage__icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.p-zoomImage__wrap.c-modal__wrap.zoomOut {
  display: none;
}

.p-zoomImage__contentsBg {
  margin-top: 0;
}

.p-zoomImage__modal {
  position: relative;
  margin: auto;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  max-width: 100%;
}

.p-zoomImage__modalContent {
  width: 100%;
}

.p-zoomImage__modalClose {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 20px;
}

.c-modal__wrap.p-zoomImage__wrap.zoomIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-zoomImageSlider__wrap {
  position: relative;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.p-zoomImageSlider__wrap--column {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-zoomImageSlider__inner {
  display: inline-block;
  position: relative;
}

.p-zoomImageSlider a {
  display: none;
}

.p-zoomImageSlider a:first-of-type {
  display: inline-block;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.p-zoomImageSlider a:first-of-type:hover:after {
  background-color: #ededed;
}

.p-zoomImageSlider a:first-of-type:after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 99;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  background-color: transparent;
}

.p-zoomImageSlider a img {
  vertical-align: bottom;
}

.p-zoomImageSlider__icon {
  cursor: pointer;
  position: absolute;
  font-size: 25px;
  color: #6e6e6e;
  right: 18px;
  bottom: 18px;
  z-index: 100;
  pointer-events: none;
}

.u-anchor,
.u-anchor--yourFilters,
a[id][name]:not([href]) {
  cursor: default;
  display: block;
  pointer-events: none;
}

.u-anchor:before,
.u-anchor--yourFilters:before,
a[id][name]:not([href]):before {
  content: "";
  display: block;
  padding-top: 78px;
  margin-top: -78px;
}

@media screen and (min-width: 768px), print {
  .u-anchor:before,
  .u-anchor--yourFilters:before,
  a[id][name]:not([href]):before {
    padding-top: 85px;
    margin-top: -85px;
  }
}

a[id][name]:not([href]).u-anchor--yourFilters:before {
  padding-top: 28px;
  margin-top: -28px;
}

@media screen and (min-width: 768px), print {
  a[id][name]:not([href]).u-anchor--yourFilters:before {
    padding-top: 290px;
    margin-top: -290px;
  }
}

a[id="anchor_0"]:not([href]) + h2 {
  margin-top: 0;
}

/** ALL */
[class*="u-border__solid"] {
  border-style: solid;
}

[class*="u-border__solid"][class*="--lightGray0"] {
  border-color: #cccccc;
  border-width: 0px;
}

[class*="u-border__solid"][class*="--lightGray0"][class*="--pa25"] {
  padding: 25px;
}

[class*="u-border__solid"][class*="--lightGray1"] {
  border-color: #cccccc;
  border-width: 1px;
}

[class*="u-border__solid"][class*="--lightGray1"][class*="--pa25"] {
  padding: 25px;
}

[class*="u-border__solid"][class*="--lightGray2"] {
  border-color: #cccccc;
  border-width: 2px;
}

[class*="u-border__solid"][class*="--lightGray2"][class*="--pa25"] {
  padding: 25px;
}

[class*="u-border__solid"][class*="--lightGray3"] {
  border-color: #cccccc;
  border-width: 3px;
}

[class*="u-border__solid"][class*="--lightGray3"][class*="--pa25"] {
  padding: 25px;
}

[class*="u-border__solid"][class*="--lightGray4"] {
  border-color: #cccccc;
  border-width: 4px;
}

[class*="u-border__solid"][class*="--lightGray4"][class*="--pa25"] {
  padding: 25px;
}

[class*="u-border__solid"][class*="--lightGray5"] {
  border-color: #cccccc;
  border-width: 5px;
}

[class*="u-border__solid"][class*="--lightGray5"][class*="--pa25"] {
  padding: 25px;
}

.u-border__solid--lightGrayThin {
  border-color: #cccccc;
  border-width: 0.5px;
  border-style: solid;
}

/** Top */
[class*="u-borderTop__solid"] {
  border-top-style: solid;
}

[class*="u-borderTop__solid"][class*="--blue0"] {
  border-top-color: #49a7d9;
  border-top-width: 0px;
}

[class*="u-borderTop__solid"][class*="--orange0"] {
  border-top-color: #ff9532;
  border-top-width: 0px;
}

[class*="u-borderTop__solid"][class*="--green0"] {
  border-top-color: #5eb76e;
  border-top-width: 0px;
}

[class*="u-borderTop__solid"][class*="--blue1"] {
  border-top-color: #49a7d9;
  border-top-width: 1px;
}

[class*="u-borderTop__solid"][class*="--orange1"] {
  border-top-color: #ff9532;
  border-top-width: 1px;
}

[class*="u-borderTop__solid"][class*="--green1"] {
  border-top-color: #5eb76e;
  border-top-width: 1px;
}

[class*="u-borderTop__solid"][class*="--blue2"] {
  border-top-color: #49a7d9;
  border-top-width: 2px;
}

[class*="u-borderTop__solid"][class*="--orange2"] {
  border-top-color: #ff9532;
  border-top-width: 2px;
}

[class*="u-borderTop__solid"][class*="--green2"] {
  border-top-color: #5eb76e;
  border-top-width: 2px;
}

[class*="u-borderTop__solid"][class*="--blue3"] {
  border-top-color: #49a7d9;
  border-top-width: 3px;
}

[class*="u-borderTop__solid"][class*="--orange3"] {
  border-top-color: #ff9532;
  border-top-width: 3px;
}

[class*="u-borderTop__solid"][class*="--green3"] {
  border-top-color: #5eb76e;
  border-top-width: 3px;
}

[class*="u-borderTop__solid"][class*="--blue4"] {
  border-top-color: #49a7d9;
  border-top-width: 4px;
}

[class*="u-borderTop__solid"][class*="--orange4"] {
  border-top-color: #ff9532;
  border-top-width: 4px;
}

[class*="u-borderTop__solid"][class*="--green4"] {
  border-top-color: #5eb76e;
  border-top-width: 4px;
}

[class*="u-borderTop__solid"][class*="--blue5"] {
  border-top-color: #49a7d9;
  border-top-width: 5px;
}

[class*="u-borderTop__solid"][class*="--orange5"] {
  border-top-color: #ff9532;
  border-top-width: 5px;
}

[class*="u-borderTop__solid"][class*="--green5"] {
  border-top-color: #5eb76e;
  border-top-width: 5px;
}

/** Left */
[class*="u-borderLeft__solid"] {
  border-left-style: solid;
}

[class*="u-borderLeft__solid"][class*="--darkBlue0"] {
  border-left-color: #326ca8;
  border-left-width: 0px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue0"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--blue0"] {
  border-left-color: #49a7d9;
  border-left-width: 0px;
}

[class*="u-borderLeft__solid"][class*="--blue0"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange0"] {
  border-left-color: #ff6837;
  border-left-width: 0px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange0"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--orange0"] {
  border-left-color: #ff9532;
  border-left-width: 0px;
}

[class*="u-borderLeft__solid"][class*="--orange0"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--green0"] {
  border-left-color: #5eb76e;
  border-left-width: 0px;
}

[class*="u-borderLeft__solid"][class*="--green0"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue1"] {
  border-left-color: #326ca8;
  border-left-width: 1px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue1"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--blue1"] {
  border-left-color: #49a7d9;
  border-left-width: 1px;
}

[class*="u-borderLeft__solid"][class*="--blue1"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange1"] {
  border-left-color: #ff6837;
  border-left-width: 1px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange1"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--orange1"] {
  border-left-color: #ff9532;
  border-left-width: 1px;
}

[class*="u-borderLeft__solid"][class*="--orange1"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--green1"] {
  border-left-color: #5eb76e;
  border-left-width: 1px;
}

[class*="u-borderLeft__solid"][class*="--green1"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue2"] {
  border-left-color: #326ca8;
  border-left-width: 2px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue2"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--blue2"] {
  border-left-color: #49a7d9;
  border-left-width: 2px;
}

[class*="u-borderLeft__solid"][class*="--blue2"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange2"] {
  border-left-color: #ff6837;
  border-left-width: 2px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange2"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--orange2"] {
  border-left-color: #ff9532;
  border-left-width: 2px;
}

[class*="u-borderLeft__solid"][class*="--orange2"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--green2"] {
  border-left-color: #5eb76e;
  border-left-width: 2px;
}

[class*="u-borderLeft__solid"][class*="--green2"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue3"] {
  border-left-color: #326ca8;
  border-left-width: 3px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue3"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--blue3"] {
  border-left-color: #49a7d9;
  border-left-width: 3px;
}

[class*="u-borderLeft__solid"][class*="--blue3"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange3"] {
  border-left-color: #ff6837;
  border-left-width: 3px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange3"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--orange3"] {
  border-left-color: #ff9532;
  border-left-width: 3px;
}

[class*="u-borderLeft__solid"][class*="--orange3"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--green3"] {
  border-left-color: #5eb76e;
  border-left-width: 3px;
}

[class*="u-borderLeft__solid"][class*="--green3"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue4"] {
  border-left-color: #326ca8;
  border-left-width: 4px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue4"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--blue4"] {
  border-left-color: #49a7d9;
  border-left-width: 4px;
}

[class*="u-borderLeft__solid"][class*="--blue4"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange4"] {
  border-left-color: #ff6837;
  border-left-width: 4px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange4"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--orange4"] {
  border-left-color: #ff9532;
  border-left-width: 4px;
}

[class*="u-borderLeft__solid"][class*="--orange4"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--green4"] {
  border-left-color: #5eb76e;
  border-left-width: 4px;
}

[class*="u-borderLeft__solid"][class*="--green4"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue5"] {
  border-left-color: #326ca8;
  border-left-width: 5px;
}

[class*="u-borderLeft__solid"][class*="--darkBlue5"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--blue5"] {
  border-left-color: #49a7d9;
  border-left-width: 5px;
}

[class*="u-borderLeft__solid"][class*="--blue5"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange5"] {
  border-left-color: #ff6837;
  border-left-width: 5px;
}

[class*="u-borderLeft__solid"][class*="--darkOrange5"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--orange5"] {
  border-left-color: #ff9532;
  border-left-width: 5px;
}

[class*="u-borderLeft__solid"][class*="--orange5"][class*="--pl10"] {
  padding-left: 10px;
}

[class*="u-borderLeft__solid"][class*="--green5"] {
  border-left-color: #5eb76e;
  border-left-width: 5px;
}

[class*="u-borderLeft__solid"][class*="--green5"][class*="--pl10"] {
  padding-left: 10px;
}

/** Bottom */
[class*="u-borderBottom__solid"] {
  border-bottom-style: solid;
}

[class*="u-borderBottom__solid"][class*="--darkBlue0"] {
  border-bottom-color: #326ca8;
  border-bottom-width: 0px;
}

[class*="u-borderBottom__solid"][class*="--darkBlue1"] {
  border-bottom-color: #326ca8;
  border-bottom-width: 1px;
}

[class*="u-borderBottom__solid"][class*="--darkBlue2"] {
  border-bottom-color: #326ca8;
  border-bottom-width: 2px;
}

[class*="u-borderBottom__solid"][class*="--darkBlue3"] {
  border-bottom-color: #326ca8;
  border-bottom-width: 3px;
}

[class*="u-borderBottom__solid"][class*="--darkBlue4"] {
  border-bottom-color: #326ca8;
  border-bottom-width: 4px;
}

[class*="u-borderBottom__solid"][class*="--darkBlue5"] {
  border-bottom-color: #326ca8;
  border-bottom-width: 5px;
}

/*
  ランディングページ用
  通常状態はborder-bottom無し
  スクロールするとborder-bottomあり
*/
@media screen and (min-width: 768px), print {
  .u-borderScroll--noBorderbottomPC {
    border-bottom: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav.is-scroll.u-borderScroll--noBorderbottomPC {
    border-bottom: solid 1px #e6e6e6;
  }
}

.u-ckeditor {
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  line-height: 1.75;
  margin: 14px 0;
}

.p-imageSet .u-ckeditor {
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .p-imageSet .u-ckeditor > h3:first-child {
    margin-top: 0;
  }
}

.u-ckeditor .c-image__caption > a {
  color: #6e6e6e;
  font-size: 1.2rem;
  text-decoration: underline;
}

[class*="u-customFlex"][class*="--alignSelfStart"] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

[class*="u-customFlex"][class*="--alignSelfEnd"] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

[class*="u-customFlex"][class*="--alignSelfEndSP"] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media screen and (min-width: 768px), print {
  [class*="u-customFlex"][class*="--alignSelfEndSP"] {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-customFlex"][class*="--alignSelfEndPC"] {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

[class*="u-customFlex"][class*="--alignItemsStart"] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

[class*="u-customFlex"][class*="--alignItemsEnd"] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 768px), print {
  [class*="u-customFlex"][class*="--alignItemsEndPC"] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

[class*="u-customFlex"][class*="--alignItemsEndSP"] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 768px), print {
  [class*="u-customFlex"][class*="--alignItemsEndSP"] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

[class*="u-customFlex"][class*="--alignItemsCenter"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[class*="u-customFlex"][class*="--justifyContentCenter"] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[class*="u-customFlex"][class*="--justifyContentEnd"] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (min-width: 768px), print {
  [class*="u-customFlex"][class*="--justifyContentEndPC"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-customFlex"][class*="--justifyContentSpaceBetweenPC"] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

[class*="u-customFlex"][class*="--justifyContentSpaceBetweenSP"] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px), print {
  [class*="u-customFlex"][class*="--justifyContentSpaceBetweenSP"] {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
}

.u-fontColor--TextDefault {
  color: #333333;
}

.u-fontSize--smallHeaderSize {
  font-size: 2rem;
}

.u-fontSize--basicSize {
  font-size: 1.4rem;
}

.u-fontWeight__Bold {
  font-family: "NotoSans-Bold";
  font-weight: bold;
}

.u-gradient--gray {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 0)), color-stop(60%, whitesmoke));
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, whitesmoke 60%);
}

.u-headerOffset {
  width: 100%;
  height: 0px;
}

@media screen and (min-width: 768px), print {
  .u-headerOffset {
    height: 144px;
  }
}

.u-height--full {
  height: 100%;
}

.u-height--auto {
  height: auto;
}

.u-height--100 {
  height: 100px;
}

.u-height--150 {
  height: 150px;
}

.u-height--200 {
  height: 200px;
}

.u-height--250 {
  height: 250px;
}

.u-height--300 {
  height: 300px;
}

.u-height--350 {
  height: 350px;
}

.u-height--400 {
  height: 400px;
}

.u-height--450 {
  height: 450px;
}

.u-height--500 {
  height: 500px;
}

[class*="u-lineClamp"] {
  display: block;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-align: left;
  width: auto;
}

[class*="u-lineClamp"][class*="--heading1"] {
  line-height: 1.1;
}

[class*="u-lineClamp"][class*="--headingOthers"] {
  line-height: 1.5;
}

[class*="u-lineClamp"][class*="--text"] {
  line-height: 1.75;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class*="u-lineClamp"] {
    width: 100%;
  }
}

[class*="u-lineClamp"]:before, [class*="u-lineClamp"]:after {
  content: "...";
  position: absolute;
  right: 0;
  -ms-wrap-flow: start;
}

[class*="u-lineClamp"]:before[class*="--heading1"], [class*="u-lineClamp"]:after[class*="--heading1"] {
  line-height: 1.1;
}

[class*="u-lineClamp"]:before[class*="--headingOthers"], [class*="u-lineClamp"]:after[class*="--headingOthers"] {
  line-height: 1.5;
}

[class*="u-lineClamp"]:before[class*="--text"], [class*="u-lineClamp"]:after[class*="--text"] {
  line-height: 1.75;
}

[class*="u-lineClamp"]:after {
  background-color: currentColor;
  color: transparent;
  top: auto !important;
}

[class*="u-lineClamp"][class*="--SP1"][class*="--heading1"] {
  max-height: calc(1.1em * 1);
}

[class*="u-lineClamp"][class*="--SP1"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--SP1"][class*="--heading1"]:after {
  top: calc((1.1em * 1) - (1.1em * 1));
}

[class*="u-lineClamp"][class*="--SP1"][class*="--headingOthers"] {
  max-height: calc(1.5em * 1);
}

[class*="u-lineClamp"][class*="--SP1"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--SP1"][class*="--headingOthers"]:after {
  top: calc((1.5em * 1) - (1.5em * 1));
}

[class*="u-lineClamp"][class*="--SP1"][class*="--text"] {
  max-height: calc(1.75em * 1);
}

[class*="u-lineClamp"][class*="--SP1"][class*="--text"]:before, [class*="u-lineClamp"][class*="--SP1"][class*="--text"]:after {
  top: calc((1.75em * 1) - (1.75em * 1));
}

@supports (-webkit-line-clamp: 1) {
  [class*="u-lineClamp"][class*="--SP1"] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
  }
  [class*="u-lineClamp"][class*="--SP1"]:before, [class*="u-lineClamp"][class*="--SP1"]:after {
    content: normal;
  }
}

[class*="u-lineClamp"][class*="--SP2"][class*="--heading1"] {
  max-height: calc(1.1em * 2);
}

[class*="u-lineClamp"][class*="--SP2"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--SP2"][class*="--heading1"]:after {
  top: calc((1.1em * 2) - (1.1em * 1));
}

[class*="u-lineClamp"][class*="--SP2"][class*="--headingOthers"] {
  max-height: calc(1.5em * 2);
}

[class*="u-lineClamp"][class*="--SP2"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--SP2"][class*="--headingOthers"]:after {
  top: calc((1.5em * 2) - (1.5em * 1));
}

[class*="u-lineClamp"][class*="--SP2"][class*="--text"] {
  max-height: calc(1.75em * 2);
}

[class*="u-lineClamp"][class*="--SP2"][class*="--text"]:before, [class*="u-lineClamp"][class*="--SP2"][class*="--text"]:after {
  top: calc((1.75em * 2) - (1.75em * 1));
}

@supports (-webkit-line-clamp: 2) {
  [class*="u-lineClamp"][class*="--SP2"] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
  }
  [class*="u-lineClamp"][class*="--SP2"]:before, [class*="u-lineClamp"][class*="--SP2"]:after {
    content: normal;
  }
}

[class*="u-lineClamp"][class*="--SP3"][class*="--heading1"] {
  max-height: calc(1.1em * 3);
}

[class*="u-lineClamp"][class*="--SP3"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--SP3"][class*="--heading1"]:after {
  top: calc((1.1em * 3) - (1.1em * 1));
}

[class*="u-lineClamp"][class*="--SP3"][class*="--headingOthers"] {
  max-height: calc(1.5em * 3);
}

[class*="u-lineClamp"][class*="--SP3"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--SP3"][class*="--headingOthers"]:after {
  top: calc((1.5em * 3) - (1.5em * 1));
}

[class*="u-lineClamp"][class*="--SP3"][class*="--text"] {
  max-height: calc(1.75em * 3);
}

[class*="u-lineClamp"][class*="--SP3"][class*="--text"]:before, [class*="u-lineClamp"][class*="--SP3"][class*="--text"]:after {
  top: calc((1.75em * 3) - (1.75em * 1));
}

@supports (-webkit-line-clamp: 3) {
  [class*="u-lineClamp"][class*="--SP3"] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
  }
  [class*="u-lineClamp"][class*="--SP3"]:before, [class*="u-lineClamp"][class*="--SP3"]:after {
    content: normal;
  }
}

[class*="u-lineClamp"][class*="--SP4"][class*="--heading1"] {
  max-height: calc(1.1em * 4);
}

[class*="u-lineClamp"][class*="--SP4"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--SP4"][class*="--heading1"]:after {
  top: calc((1.1em * 4) - (1.1em * 1));
}

[class*="u-lineClamp"][class*="--SP4"][class*="--headingOthers"] {
  max-height: calc(1.5em * 4);
}

[class*="u-lineClamp"][class*="--SP4"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--SP4"][class*="--headingOthers"]:after {
  top: calc((1.5em * 4) - (1.5em * 1));
}

[class*="u-lineClamp"][class*="--SP4"][class*="--text"] {
  max-height: calc(1.75em * 4);
}

[class*="u-lineClamp"][class*="--SP4"][class*="--text"]:before, [class*="u-lineClamp"][class*="--SP4"][class*="--text"]:after {
  top: calc((1.75em * 4) - (1.75em * 1));
}

@supports (-webkit-line-clamp: 4) {
  [class*="u-lineClamp"][class*="--SP4"] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
  }
  [class*="u-lineClamp"][class*="--SP4"]:before, [class*="u-lineClamp"][class*="--SP4"]:after {
    content: normal;
  }
}

[class*="u-lineClamp"][class*="--SP5"][class*="--heading1"] {
  max-height: calc(1.1em * 5);
}

[class*="u-lineClamp"][class*="--SP5"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--SP5"][class*="--heading1"]:after {
  top: calc((1.1em * 5) - (1.1em * 1));
}

[class*="u-lineClamp"][class*="--SP5"][class*="--headingOthers"] {
  max-height: calc(1.5em * 5);
}

[class*="u-lineClamp"][class*="--SP5"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--SP5"][class*="--headingOthers"]:after {
  top: calc((1.5em * 5) - (1.5em * 1));
}

[class*="u-lineClamp"][class*="--SP5"][class*="--text"] {
  max-height: calc(1.75em * 5);
}

[class*="u-lineClamp"][class*="--SP5"][class*="--text"]:before, [class*="u-lineClamp"][class*="--SP5"][class*="--text"]:after {
  top: calc((1.75em * 5) - (1.75em * 1));
}

@supports (-webkit-line-clamp: 5) {
  [class*="u-lineClamp"][class*="--SP5"] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 5;
  }
  [class*="u-lineClamp"][class*="--SP5"]:before, [class*="u-lineClamp"][class*="--SP5"]:after {
    content: normal;
  }
}

[class*="u-lineClamp"][class*="--SP6"][class*="--heading1"] {
  max-height: calc(1.1em * 6);
}

[class*="u-lineClamp"][class*="--SP6"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--SP6"][class*="--heading1"]:after {
  top: calc((1.1em * 6) - (1.1em * 1));
}

[class*="u-lineClamp"][class*="--SP6"][class*="--headingOthers"] {
  max-height: calc(1.5em * 6);
}

[class*="u-lineClamp"][class*="--SP6"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--SP6"][class*="--headingOthers"]:after {
  top: calc((1.5em * 6) - (1.5em * 1));
}

[class*="u-lineClamp"][class*="--SP6"][class*="--text"] {
  max-height: calc(1.75em * 6);
}

[class*="u-lineClamp"][class*="--SP6"][class*="--text"]:before, [class*="u-lineClamp"][class*="--SP6"][class*="--text"]:after {
  top: calc((1.75em * 6) - (1.75em * 1));
}

@supports (-webkit-line-clamp: 6) {
  [class*="u-lineClamp"][class*="--SP6"] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 6;
  }
  [class*="u-lineClamp"][class*="--SP6"]:before, [class*="u-lineClamp"][class*="--SP6"]:after {
    content: normal;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-lineClamp"][class*="--PC1"][class*="--heading1"] {
    max-height: calc(1.1em * 1);
  }
  [class*="u-lineClamp"][class*="--PC1"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--PC1"][class*="--heading1"]:after {
    top: calc((1.1em * 1) - (1.1em * 1));
  }
  [class*="u-lineClamp"][class*="--PC1"][class*="--headingOthers"] {
    max-height: calc(1.5em * 1);
  }
  [class*="u-lineClamp"][class*="--PC1"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--PC1"][class*="--headingOthers"]:after {
    top: calc((1.5em * 1) - (1.5em * 1));
  }
  [class*="u-lineClamp"][class*="--PC1"][class*="--text"] {
    max-height: calc(1.75em * 1);
  }
  [class*="u-lineClamp"][class*="--PC1"][class*="--text"]:before, [class*="u-lineClamp"][class*="--PC1"][class*="--text"]:after {
    top: calc((1.75em * 1) - (1.75em * 1));
  }
  @supports (-webkit-line-clamp: 1) {
    [class*="u-lineClamp"][class*="--PC1"] {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 1;
    }
    [class*="u-lineClamp"][class*="--PC1"]:before, [class*="u-lineClamp"][class*="--PC1"]:after {
      content: normal;
    }
  }
  [class*="u-lineClamp"][class*="--PC2"][class*="--heading1"] {
    max-height: calc(1.1em * 2);
  }
  [class*="u-lineClamp"][class*="--PC2"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--PC2"][class*="--heading1"]:after {
    top: calc((1.1em * 2) - (1.1em * 1));
  }
  [class*="u-lineClamp"][class*="--PC2"][class*="--headingOthers"] {
    max-height: calc(1.5em * 2);
  }
  [class*="u-lineClamp"][class*="--PC2"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--PC2"][class*="--headingOthers"]:after {
    top: calc((1.5em * 2) - (1.5em * 1));
  }
  [class*="u-lineClamp"][class*="--PC2"][class*="--text"] {
    max-height: calc(1.75em * 2);
  }
  [class*="u-lineClamp"][class*="--PC2"][class*="--text"]:before, [class*="u-lineClamp"][class*="--PC2"][class*="--text"]:after {
    top: calc((1.75em * 2) - (1.75em * 1));
  }
  @supports (-webkit-line-clamp: 2) {
    [class*="u-lineClamp"][class*="--PC2"] {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
    }
    [class*="u-lineClamp"][class*="--PC2"]:before, [class*="u-lineClamp"][class*="--PC2"]:after {
      content: normal;
    }
  }
  [class*="u-lineClamp"][class*="--PC3"][class*="--heading1"] {
    max-height: calc(1.1em * 3);
  }
  [class*="u-lineClamp"][class*="--PC3"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--PC3"][class*="--heading1"]:after {
    top: calc((1.1em * 3) - (1.1em * 1));
  }
  [class*="u-lineClamp"][class*="--PC3"][class*="--headingOthers"] {
    max-height: calc(1.5em * 3);
  }
  [class*="u-lineClamp"][class*="--PC3"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--PC3"][class*="--headingOthers"]:after {
    top: calc((1.5em * 3) - (1.5em * 1));
  }
  [class*="u-lineClamp"][class*="--PC3"][class*="--text"] {
    max-height: calc(1.75em * 3);
  }
  [class*="u-lineClamp"][class*="--PC3"][class*="--text"]:before, [class*="u-lineClamp"][class*="--PC3"][class*="--text"]:after {
    top: calc((1.75em * 3) - (1.75em * 1));
  }
  @supports (-webkit-line-clamp: 3) {
    [class*="u-lineClamp"][class*="--PC3"] {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
    }
    [class*="u-lineClamp"][class*="--PC3"]:before, [class*="u-lineClamp"][class*="--PC3"]:after {
      content: normal;
    }
  }
  [class*="u-lineClamp"][class*="--PC4"][class*="--heading1"] {
    max-height: calc(1.1em * 4);
  }
  [class*="u-lineClamp"][class*="--PC4"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--PC4"][class*="--heading1"]:after {
    top: calc((1.1em * 4) - (1.1em * 1));
  }
  [class*="u-lineClamp"][class*="--PC4"][class*="--headingOthers"] {
    max-height: calc(1.5em * 4);
  }
  [class*="u-lineClamp"][class*="--PC4"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--PC4"][class*="--headingOthers"]:after {
    top: calc((1.5em * 4) - (1.5em * 1));
  }
  [class*="u-lineClamp"][class*="--PC4"][class*="--text"] {
    max-height: calc(1.75em * 4);
  }
  [class*="u-lineClamp"][class*="--PC4"][class*="--text"]:before, [class*="u-lineClamp"][class*="--PC4"][class*="--text"]:after {
    top: calc((1.75em * 4) - (1.75em * 1));
  }
  @supports (-webkit-line-clamp: 4) {
    [class*="u-lineClamp"][class*="--PC4"] {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 4;
    }
    [class*="u-lineClamp"][class*="--PC4"]:before, [class*="u-lineClamp"][class*="--PC4"]:after {
      content: normal;
    }
  }
  [class*="u-lineClamp"][class*="--PC5"][class*="--heading1"] {
    max-height: calc(1.1em * 5);
  }
  [class*="u-lineClamp"][class*="--PC5"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--PC5"][class*="--heading1"]:after {
    top: calc((1.1em * 5) - (1.1em * 1));
  }
  [class*="u-lineClamp"][class*="--PC5"][class*="--headingOthers"] {
    max-height: calc(1.5em * 5);
  }
  [class*="u-lineClamp"][class*="--PC5"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--PC5"][class*="--headingOthers"]:after {
    top: calc((1.5em * 5) - (1.5em * 1));
  }
  [class*="u-lineClamp"][class*="--PC5"][class*="--text"] {
    max-height: calc(1.75em * 5);
  }
  [class*="u-lineClamp"][class*="--PC5"][class*="--text"]:before, [class*="u-lineClamp"][class*="--PC5"][class*="--text"]:after {
    top: calc((1.75em * 5) - (1.75em * 1));
  }
  @supports (-webkit-line-clamp: 5) {
    [class*="u-lineClamp"][class*="--PC5"] {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 5;
    }
    [class*="u-lineClamp"][class*="--PC5"]:before, [class*="u-lineClamp"][class*="--PC5"]:after {
      content: normal;
    }
  }
  [class*="u-lineClamp"][class*="--PC6"][class*="--heading1"] {
    max-height: calc(1.1em * 6);
  }
  [class*="u-lineClamp"][class*="--PC6"][class*="--heading1"]:before, [class*="u-lineClamp"][class*="--PC6"][class*="--heading1"]:after {
    top: calc((1.1em * 6) - (1.1em * 1));
  }
  [class*="u-lineClamp"][class*="--PC6"][class*="--headingOthers"] {
    max-height: calc(1.5em * 6);
  }
  [class*="u-lineClamp"][class*="--PC6"][class*="--headingOthers"]:before, [class*="u-lineClamp"][class*="--PC6"][class*="--headingOthers"]:after {
    top: calc((1.5em * 6) - (1.5em * 1));
  }
  [class*="u-lineClamp"][class*="--PC6"][class*="--text"] {
    max-height: calc(1.75em * 6);
  }
  [class*="u-lineClamp"][class*="--PC6"][class*="--text"]:before, [class*="u-lineClamp"][class*="--PC6"][class*="--text"]:after {
    top: calc((1.75em * 6) - (1.75em * 1));
  }
  @supports (-webkit-line-clamp: 6) {
    [class*="u-lineClamp"][class*="--PC6"] {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 6;
    }
    [class*="u-lineClamp"][class*="--PC6"]:before, [class*="u-lineClamp"][class*="--PC6"]:after {
      content: normal;
    }
  }
}

[class*="u-margin"][class*="--SP0"] {
  margin-top: 0px;
}

[class*="u-margin"][class*="--SP1"] {
  margin-top: 1px;
}

[class*="u-margin"][class*="--SP2"] {
  margin-top: 2px;
}

[class*="u-margin"][class*="--SP3"] {
  margin-top: 3px;
}

[class*="u-margin"][class*="--SP4"] {
  margin-top: 4px;
}

[class*="u-margin"][class*="--SP5"] {
  margin-top: 5px;
}

[class*="u-margin"][class*="--SP6"] {
  margin-top: 6px;
}

[class*="u-margin"][class*="--SP7"] {
  margin-top: 7px;
}

[class*="u-margin"][class*="--SP8"] {
  margin-top: 8px;
}

[class*="u-margin"][class*="--SP9"] {
  margin-top: 9px;
}

[class*="u-margin"][class*="--SP10"] {
  margin-top: 10px;
}

[class*="u-margin"][class*="--SP11"] {
  margin-top: 11px;
}

[class*="u-margin"][class*="--SP12"] {
  margin-top: 12px;
}

[class*="u-margin"][class*="--SP13"] {
  margin-top: 13px;
}

[class*="u-margin"][class*="--SP14"] {
  margin-top: 14px;
}

[class*="u-margin"][class*="--SP15"] {
  margin-top: 15px;
}

[class*="u-margin"][class*="--SP16"] {
  margin-top: 16px;
}

[class*="u-margin"][class*="--SP17"] {
  margin-top: 17px;
}

[class*="u-margin"][class*="--SP18"] {
  margin-top: 18px;
}

[class*="u-margin"][class*="--SP19"] {
  margin-top: 19px;
}

[class*="u-margin"][class*="--SP20"] {
  margin-top: 20px;
}

[class*="u-margin"][class*="--SP21"] {
  margin-top: 21px;
}

[class*="u-margin"][class*="--SP22"] {
  margin-top: 22px;
}

[class*="u-margin"][class*="--SP23"] {
  margin-top: 23px;
}

[class*="u-margin"][class*="--SP24"] {
  margin-top: 24px;
}

[class*="u-margin"][class*="--SP25"] {
  margin-top: 25px;
}

[class*="u-margin"][class*="--SP26"] {
  margin-top: 26px;
}

[class*="u-margin"][class*="--SP27"] {
  margin-top: 27px;
}

[class*="u-margin"][class*="--SP28"] {
  margin-top: 28px;
}

[class*="u-margin"][class*="--SP29"] {
  margin-top: 29px;
}

[class*="u-margin"][class*="--SP30"] {
  margin-top: 30px;
}

[class*="u-margin"][class*="--SP31"] {
  margin-top: 31px;
}

[class*="u-margin"][class*="--SP32"] {
  margin-top: 32px;
}

[class*="u-margin"][class*="--SP33"] {
  margin-top: 33px;
}

[class*="u-margin"][class*="--SP34"] {
  margin-top: 34px;
}

[class*="u-margin"][class*="--SP35"] {
  margin-top: 35px;
}

[class*="u-margin"][class*="--SP36"] {
  margin-top: 36px;
}

[class*="u-margin"][class*="--SP37"] {
  margin-top: 37px;
}

[class*="u-margin"][class*="--SP38"] {
  margin-top: 38px;
}

[class*="u-margin"][class*="--SP39"] {
  margin-top: 39px;
}

[class*="u-margin"][class*="--SP40"] {
  margin-top: 40px;
}

[class*="u-margin"][class*="--SP41"] {
  margin-top: 41px;
}

[class*="u-margin"][class*="--SP42"] {
  margin-top: 42px;
}

[class*="u-margin"][class*="--SP43"] {
  margin-top: 43px;
}

[class*="u-margin"][class*="--SP44"] {
  margin-top: 44px;
}

[class*="u-margin"][class*="--SP45"] {
  margin-top: 45px;
}

[class*="u-margin"][class*="--SP46"] {
  margin-top: 46px;
}

[class*="u-margin"][class*="--SP47"] {
  margin-top: 47px;
}

[class*="u-margin"][class*="--SP48"] {
  margin-top: 48px;
}

[class*="u-margin"][class*="--SP49"] {
  margin-top: 49px;
}

[class*="u-margin"][class*="--SP50"] {
  margin-top: 50px;
}

[class*="u-margin"][class*="--SP51"] {
  margin-top: 51px;
}

[class*="u-margin"][class*="--SP52"] {
  margin-top: 52px;
}

[class*="u-margin"][class*="--SP53"] {
  margin-top: 53px;
}

[class*="u-margin"][class*="--SP54"] {
  margin-top: 54px;
}

[class*="u-margin"][class*="--SP55"] {
  margin-top: 55px;
}

[class*="u-margin"][class*="--SP56"] {
  margin-top: 56px;
}

[class*="u-margin"][class*="--SP57"] {
  margin-top: 57px;
}

[class*="u-margin"][class*="--SP58"] {
  margin-top: 58px;
}

[class*="u-margin"][class*="--SP59"] {
  margin-top: 59px;
}

[class*="u-margin"][class*="--SP60"] {
  margin-top: 60px;
}

[class*="u-margin"][class*="--SP61"] {
  margin-top: 61px;
}

[class*="u-margin"][class*="--SP62"] {
  margin-top: 62px;
}

[class*="u-margin"][class*="--SP63"] {
  margin-top: 63px;
}

[class*="u-margin"][class*="--SP64"] {
  margin-top: 64px;
}

[class*="u-margin"][class*="--SP65"] {
  margin-top: 65px;
}

[class*="u-margin"][class*="--SP66"] {
  margin-top: 66px;
}

[class*="u-margin"][class*="--SP67"] {
  margin-top: 67px;
}

[class*="u-margin"][class*="--SP68"] {
  margin-top: 68px;
}

[class*="u-margin"][class*="--SP69"] {
  margin-top: 69px;
}

[class*="u-margin"][class*="--SP70"] {
  margin-top: 70px;
}

[class*="u-margin"][class*="--SP71"] {
  margin-top: 71px;
}

[class*="u-margin"][class*="--SP72"] {
  margin-top: 72px;
}

[class*="u-margin"][class*="--SP73"] {
  margin-top: 73px;
}

[class*="u-margin"][class*="--SP74"] {
  margin-top: 74px;
}

[class*="u-margin"][class*="--SP75"] {
  margin-top: 75px;
}

[class*="u-margin"][class*="--SP76"] {
  margin-top: 76px;
}

[class*="u-margin"][class*="--SP77"] {
  margin-top: 77px;
}

[class*="u-margin"][class*="--SP78"] {
  margin-top: 78px;
}

[class*="u-margin"][class*="--SP79"] {
  margin-top: 79px;
}

[class*="u-margin"][class*="--SP80"] {
  margin-top: 80px;
}

[class*="u-margin"][class*="--SP81"] {
  margin-top: 81px;
}

[class*="u-margin"][class*="--SP82"] {
  margin-top: 82px;
}

[class*="u-margin"][class*="--SP83"] {
  margin-top: 83px;
}

[class*="u-margin"][class*="--SP84"] {
  margin-top: 84px;
}

[class*="u-margin"][class*="--SP85"] {
  margin-top: 85px;
}

[class*="u-margin"][class*="--SP86"] {
  margin-top: 86px;
}

[class*="u-margin"][class*="--SP87"] {
  margin-top: 87px;
}

[class*="u-margin"][class*="--SP88"] {
  margin-top: 88px;
}

[class*="u-margin"][class*="--SP89"] {
  margin-top: 89px;
}

[class*="u-margin"][class*="--SP90"] {
  margin-top: 90px;
}

[class*="u-margin"][class*="--SP91"] {
  margin-top: 91px;
}

[class*="u-margin"][class*="--SP92"] {
  margin-top: 92px;
}

[class*="u-margin"][class*="--SP93"] {
  margin-top: 93px;
}

[class*="u-margin"][class*="--SP94"] {
  margin-top: 94px;
}

[class*="u-margin"][class*="--SP95"] {
  margin-top: 95px;
}

[class*="u-margin"][class*="--SP96"] {
  margin-top: 96px;
}

[class*="u-margin"][class*="--SP97"] {
  margin-top: 97px;
}

[class*="u-margin"][class*="--SP98"] {
  margin-top: 98px;
}

[class*="u-margin"][class*="--SP99"] {
  margin-top: 99px;
}

[class*="u-margin"][class*="--SP100"] {
  margin-top: 100px;
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC0"] {
    margin-top: 0px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC1"] {
    margin-top: 1px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC2"] {
    margin-top: 2px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC3"] {
    margin-top: 3px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC4"] {
    margin-top: 4px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC5"] {
    margin-top: 5px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC6"] {
    margin-top: 6px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC7"] {
    margin-top: 7px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC8"] {
    margin-top: 8px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC9"] {
    margin-top: 9px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC10"] {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC11"] {
    margin-top: 11px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC12"] {
    margin-top: 12px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC13"] {
    margin-top: 13px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC14"] {
    margin-top: 14px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC15"] {
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC16"] {
    margin-top: 16px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC17"] {
    margin-top: 17px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC18"] {
    margin-top: 18px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC19"] {
    margin-top: 19px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC20"] {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC21"] {
    margin-top: 21px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC22"] {
    margin-top: 22px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC23"] {
    margin-top: 23px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC24"] {
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC25"] {
    margin-top: 25px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC26"] {
    margin-top: 26px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC27"] {
    margin-top: 27px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC28"] {
    margin-top: 28px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC29"] {
    margin-top: 29px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC30"] {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC31"] {
    margin-top: 31px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC32"] {
    margin-top: 32px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC33"] {
    margin-top: 33px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC34"] {
    margin-top: 34px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC35"] {
    margin-top: 35px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC36"] {
    margin-top: 36px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC37"] {
    margin-top: 37px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC38"] {
    margin-top: 38px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC39"] {
    margin-top: 39px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC40"] {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC41"] {
    margin-top: 41px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC42"] {
    margin-top: 42px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC43"] {
    margin-top: 43px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC44"] {
    margin-top: 44px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC45"] {
    margin-top: 45px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC46"] {
    margin-top: 46px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC47"] {
    margin-top: 47px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC48"] {
    margin-top: 48px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC49"] {
    margin-top: 49px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC50"] {
    margin-top: 50px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC51"] {
    margin-top: 51px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC52"] {
    margin-top: 52px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC53"] {
    margin-top: 53px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC54"] {
    margin-top: 54px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC55"] {
    margin-top: 55px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC56"] {
    margin-top: 56px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC57"] {
    margin-top: 57px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC58"] {
    margin-top: 58px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC59"] {
    margin-top: 59px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC60"] {
    margin-top: 60px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC61"] {
    margin-top: 61px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC62"] {
    margin-top: 62px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC63"] {
    margin-top: 63px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC64"] {
    margin-top: 64px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC65"] {
    margin-top: 65px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC66"] {
    margin-top: 66px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC67"] {
    margin-top: 67px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC68"] {
    margin-top: 68px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC69"] {
    margin-top: 69px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC70"] {
    margin-top: 70px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC71"] {
    margin-top: 71px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC72"] {
    margin-top: 72px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC73"] {
    margin-top: 73px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC74"] {
    margin-top: 74px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC75"] {
    margin-top: 75px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC76"] {
    margin-top: 76px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC77"] {
    margin-top: 77px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC78"] {
    margin-top: 78px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC79"] {
    margin-top: 79px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC80"] {
    margin-top: 80px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC81"] {
    margin-top: 81px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC82"] {
    margin-top: 82px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC83"] {
    margin-top: 83px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC84"] {
    margin-top: 84px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC85"] {
    margin-top: 85px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC86"] {
    margin-top: 86px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC87"] {
    margin-top: 87px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC88"] {
    margin-top: 88px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC89"] {
    margin-top: 89px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC90"] {
    margin-top: 90px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC91"] {
    margin-top: 91px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC92"] {
    margin-top: 92px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC93"] {
    margin-top: 93px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC94"] {
    margin-top: 94px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC95"] {
    margin-top: 95px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC96"] {
    margin-top: 96px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC97"] {
    margin-top: 97px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC98"] {
    margin-top: 98px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC99"] {
    margin-top: 99px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-margin"][class*="--PC100"] {
    margin-top: 100px;
  }
}

[class*="u-marginRight"][class*="--SP0"] {
  margin-right: 0px;
}

[class*="u-marginRight"][class*="--SP1"] {
  margin-right: 1px;
}

[class*="u-marginRight"][class*="--SP2"] {
  margin-right: 2px;
}

[class*="u-marginRight"][class*="--SP3"] {
  margin-right: 3px;
}

[class*="u-marginRight"][class*="--SP4"] {
  margin-right: 4px;
}

[class*="u-marginRight"][class*="--SP5"] {
  margin-right: 5px;
}

[class*="u-marginRight"][class*="--SP6"] {
  margin-right: 6px;
}

[class*="u-marginRight"][class*="--SP7"] {
  margin-right: 7px;
}

[class*="u-marginRight"][class*="--SP8"] {
  margin-right: 8px;
}

[class*="u-marginRight"][class*="--SP9"] {
  margin-right: 9px;
}

[class*="u-marginRight"][class*="--SP10"] {
  margin-right: 10px;
}

[class*="u-marginRight"][class*="--SP11"] {
  margin-right: 11px;
}

[class*="u-marginRight"][class*="--SP12"] {
  margin-right: 12px;
}

[class*="u-marginRight"][class*="--SP13"] {
  margin-right: 13px;
}

[class*="u-marginRight"][class*="--SP14"] {
  margin-right: 14px;
}

[class*="u-marginRight"][class*="--SP15"] {
  margin-right: 15px;
}

[class*="u-marginRight"][class*="--SP16"] {
  margin-right: 16px;
}

[class*="u-marginRight"][class*="--SP17"] {
  margin-right: 17px;
}

[class*="u-marginRight"][class*="--SP18"] {
  margin-right: 18px;
}

[class*="u-marginRight"][class*="--SP19"] {
  margin-right: 19px;
}

[class*="u-marginRight"][class*="--SP20"] {
  margin-right: 20px;
}

[class*="u-marginRight"][class*="--SP21"] {
  margin-right: 21px;
}

[class*="u-marginRight"][class*="--SP22"] {
  margin-right: 22px;
}

[class*="u-marginRight"][class*="--SP23"] {
  margin-right: 23px;
}

[class*="u-marginRight"][class*="--SP24"] {
  margin-right: 24px;
}

[class*="u-marginRight"][class*="--SP25"] {
  margin-right: 25px;
}

[class*="u-marginRight"][class*="--SP26"] {
  margin-right: 26px;
}

[class*="u-marginRight"][class*="--SP27"] {
  margin-right: 27px;
}

[class*="u-marginRight"][class*="--SP28"] {
  margin-right: 28px;
}

[class*="u-marginRight"][class*="--SP29"] {
  margin-right: 29px;
}

[class*="u-marginRight"][class*="--SP30"] {
  margin-right: 30px;
}

[class*="u-marginRight"][class*="--SP31"] {
  margin-right: 31px;
}

[class*="u-marginRight"][class*="--SP32"] {
  margin-right: 32px;
}

[class*="u-marginRight"][class*="--SP33"] {
  margin-right: 33px;
}

[class*="u-marginRight"][class*="--SP34"] {
  margin-right: 34px;
}

[class*="u-marginRight"][class*="--SP35"] {
  margin-right: 35px;
}

[class*="u-marginRight"][class*="--SP36"] {
  margin-right: 36px;
}

[class*="u-marginRight"][class*="--SP37"] {
  margin-right: 37px;
}

[class*="u-marginRight"][class*="--SP38"] {
  margin-right: 38px;
}

[class*="u-marginRight"][class*="--SP39"] {
  margin-right: 39px;
}

[class*="u-marginRight"][class*="--SP40"] {
  margin-right: 40px;
}

[class*="u-marginRight"][class*="--SP41"] {
  margin-right: 41px;
}

[class*="u-marginRight"][class*="--SP42"] {
  margin-right: 42px;
}

[class*="u-marginRight"][class*="--SP43"] {
  margin-right: 43px;
}

[class*="u-marginRight"][class*="--SP44"] {
  margin-right: 44px;
}

[class*="u-marginRight"][class*="--SP45"] {
  margin-right: 45px;
}

[class*="u-marginRight"][class*="--SP46"] {
  margin-right: 46px;
}

[class*="u-marginRight"][class*="--SP47"] {
  margin-right: 47px;
}

[class*="u-marginRight"][class*="--SP48"] {
  margin-right: 48px;
}

[class*="u-marginRight"][class*="--SP49"] {
  margin-right: 49px;
}

[class*="u-marginRight"][class*="--SP50"] {
  margin-right: 50px;
}

[class*="u-marginRight"][class*="--SP51"] {
  margin-right: 51px;
}

[class*="u-marginRight"][class*="--SP52"] {
  margin-right: 52px;
}

[class*="u-marginRight"][class*="--SP53"] {
  margin-right: 53px;
}

[class*="u-marginRight"][class*="--SP54"] {
  margin-right: 54px;
}

[class*="u-marginRight"][class*="--SP55"] {
  margin-right: 55px;
}

[class*="u-marginRight"][class*="--SP56"] {
  margin-right: 56px;
}

[class*="u-marginRight"][class*="--SP57"] {
  margin-right: 57px;
}

[class*="u-marginRight"][class*="--SP58"] {
  margin-right: 58px;
}

[class*="u-marginRight"][class*="--SP59"] {
  margin-right: 59px;
}

[class*="u-marginRight"][class*="--SP60"] {
  margin-right: 60px;
}

[class*="u-marginRight"][class*="--SP61"] {
  margin-right: 61px;
}

[class*="u-marginRight"][class*="--SP62"] {
  margin-right: 62px;
}

[class*="u-marginRight"][class*="--SP63"] {
  margin-right: 63px;
}

[class*="u-marginRight"][class*="--SP64"] {
  margin-right: 64px;
}

[class*="u-marginRight"][class*="--SP65"] {
  margin-right: 65px;
}

[class*="u-marginRight"][class*="--SP66"] {
  margin-right: 66px;
}

[class*="u-marginRight"][class*="--SP67"] {
  margin-right: 67px;
}

[class*="u-marginRight"][class*="--SP68"] {
  margin-right: 68px;
}

[class*="u-marginRight"][class*="--SP69"] {
  margin-right: 69px;
}

[class*="u-marginRight"][class*="--SP70"] {
  margin-right: 70px;
}

[class*="u-marginRight"][class*="--SP71"] {
  margin-right: 71px;
}

[class*="u-marginRight"][class*="--SP72"] {
  margin-right: 72px;
}

[class*="u-marginRight"][class*="--SP73"] {
  margin-right: 73px;
}

[class*="u-marginRight"][class*="--SP74"] {
  margin-right: 74px;
}

[class*="u-marginRight"][class*="--SP75"] {
  margin-right: 75px;
}

[class*="u-marginRight"][class*="--SP76"] {
  margin-right: 76px;
}

[class*="u-marginRight"][class*="--SP77"] {
  margin-right: 77px;
}

[class*="u-marginRight"][class*="--SP78"] {
  margin-right: 78px;
}

[class*="u-marginRight"][class*="--SP79"] {
  margin-right: 79px;
}

[class*="u-marginRight"][class*="--SP80"] {
  margin-right: 80px;
}

[class*="u-marginRight"][class*="--SP81"] {
  margin-right: 81px;
}

[class*="u-marginRight"][class*="--SP82"] {
  margin-right: 82px;
}

[class*="u-marginRight"][class*="--SP83"] {
  margin-right: 83px;
}

[class*="u-marginRight"][class*="--SP84"] {
  margin-right: 84px;
}

[class*="u-marginRight"][class*="--SP85"] {
  margin-right: 85px;
}

[class*="u-marginRight"][class*="--SP86"] {
  margin-right: 86px;
}

[class*="u-marginRight"][class*="--SP87"] {
  margin-right: 87px;
}

[class*="u-marginRight"][class*="--SP88"] {
  margin-right: 88px;
}

[class*="u-marginRight"][class*="--SP89"] {
  margin-right: 89px;
}

[class*="u-marginRight"][class*="--SP90"] {
  margin-right: 90px;
}

[class*="u-marginRight"][class*="--SP91"] {
  margin-right: 91px;
}

[class*="u-marginRight"][class*="--SP92"] {
  margin-right: 92px;
}

[class*="u-marginRight"][class*="--SP93"] {
  margin-right: 93px;
}

[class*="u-marginRight"][class*="--SP94"] {
  margin-right: 94px;
}

[class*="u-marginRight"][class*="--SP95"] {
  margin-right: 95px;
}

[class*="u-marginRight"][class*="--SP96"] {
  margin-right: 96px;
}

[class*="u-marginRight"][class*="--SP97"] {
  margin-right: 97px;
}

[class*="u-marginRight"][class*="--SP98"] {
  margin-right: 98px;
}

[class*="u-marginRight"][class*="--SP99"] {
  margin-right: 99px;
}

[class*="u-marginRight"][class*="--SP100"] {
  margin-right: 100px;
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC0"] {
    margin-right: 0px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC1"] {
    margin-right: 1px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC2"] {
    margin-right: 2px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC3"] {
    margin-right: 3px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC4"] {
    margin-right: 4px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC5"] {
    margin-right: 5px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC6"] {
    margin-right: 6px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC7"] {
    margin-right: 7px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC8"] {
    margin-right: 8px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC9"] {
    margin-right: 9px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC10"] {
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC11"] {
    margin-right: 11px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC12"] {
    margin-right: 12px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC13"] {
    margin-right: 13px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC14"] {
    margin-right: 14px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC15"] {
    margin-right: 15px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC16"] {
    margin-right: 16px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC17"] {
    margin-right: 17px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC18"] {
    margin-right: 18px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC19"] {
    margin-right: 19px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC20"] {
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC21"] {
    margin-right: 21px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC22"] {
    margin-right: 22px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC23"] {
    margin-right: 23px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC24"] {
    margin-right: 24px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC25"] {
    margin-right: 25px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC26"] {
    margin-right: 26px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC27"] {
    margin-right: 27px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC28"] {
    margin-right: 28px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC29"] {
    margin-right: 29px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC30"] {
    margin-right: 30px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC31"] {
    margin-right: 31px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC32"] {
    margin-right: 32px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC33"] {
    margin-right: 33px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC34"] {
    margin-right: 34px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC35"] {
    margin-right: 35px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC36"] {
    margin-right: 36px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC37"] {
    margin-right: 37px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC38"] {
    margin-right: 38px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC39"] {
    margin-right: 39px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC40"] {
    margin-right: 40px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC41"] {
    margin-right: 41px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC42"] {
    margin-right: 42px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC43"] {
    margin-right: 43px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC44"] {
    margin-right: 44px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC45"] {
    margin-right: 45px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC46"] {
    margin-right: 46px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC47"] {
    margin-right: 47px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC48"] {
    margin-right: 48px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC49"] {
    margin-right: 49px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC50"] {
    margin-right: 50px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC51"] {
    margin-right: 51px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC52"] {
    margin-right: 52px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC53"] {
    margin-right: 53px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC54"] {
    margin-right: 54px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC55"] {
    margin-right: 55px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC56"] {
    margin-right: 56px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC57"] {
    margin-right: 57px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC58"] {
    margin-right: 58px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC59"] {
    margin-right: 59px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC60"] {
    margin-right: 60px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC61"] {
    margin-right: 61px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC62"] {
    margin-right: 62px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC63"] {
    margin-right: 63px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC64"] {
    margin-right: 64px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC65"] {
    margin-right: 65px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC66"] {
    margin-right: 66px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC67"] {
    margin-right: 67px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC68"] {
    margin-right: 68px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC69"] {
    margin-right: 69px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC70"] {
    margin-right: 70px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC71"] {
    margin-right: 71px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC72"] {
    margin-right: 72px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC73"] {
    margin-right: 73px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC74"] {
    margin-right: 74px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC75"] {
    margin-right: 75px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC76"] {
    margin-right: 76px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC77"] {
    margin-right: 77px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC78"] {
    margin-right: 78px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC79"] {
    margin-right: 79px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC80"] {
    margin-right: 80px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC81"] {
    margin-right: 81px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC82"] {
    margin-right: 82px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC83"] {
    margin-right: 83px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC84"] {
    margin-right: 84px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC85"] {
    margin-right: 85px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC86"] {
    margin-right: 86px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC87"] {
    margin-right: 87px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC88"] {
    margin-right: 88px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC89"] {
    margin-right: 89px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC90"] {
    margin-right: 90px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC91"] {
    margin-right: 91px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC92"] {
    margin-right: 92px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC93"] {
    margin-right: 93px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC94"] {
    margin-right: 94px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC95"] {
    margin-right: 95px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC96"] {
    margin-right: 96px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC97"] {
    margin-right: 97px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC98"] {
    margin-right: 98px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC99"] {
    margin-right: 99px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-marginRight"][class*="--PC100"] {
    margin-right: 100px;
  }
}

[class*="l-bgColor--gray"] + .u-marginBottom--SP40--PC100 {
  margin-bottom: -40px;
}

@media screen and (min-width: 768px), print {
  [class*="l-bgColor--gray"] + .u-marginBottom--SP40--PC100 {
    margin-bottom: -100px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-mobileDisplay--show"] {
    display: none;
  }
}

[class*="u-mobileDisplay--hide"] {
  display: none;
}

@media screen and (max-width: 767px) {
  .u-mobileDisplay--show {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .u-mobileDisplay--showFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px), print {
  .u-mobileDisplay--hide {
    display: block;
  }
}

@media screen and (min-width: 768px), print {
  .u-mobileDisplay--hideFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.u-newsList {
  display: none;
}

.u-newsList.is-active {
  display: block;
}

/*ヘッダーアイコンエリア スクロール時に背景色なし*/
@media screen and (min-width: 768px), print {
  .p-headerIconMenu.is-scroll.u-noBackgroundColor {
    background-color: #ffffff;
  }
  .p-headerIconMenu.is-scroll.u-noBackgroundColor * {
    background-color: #ffffff;
  }
}

[class*="u-noMargin"][class*="top"] {
  margin-top: 0;
}

[class*="u-noMargin"][class*="bottom"] {
  margin-bottom: 0;
}

[class*="u-noMargin"][class*="left"] {
  margin-left: 0;
}

[class*="u-noMargin"][class*="right"] {
  margin-right: 0;
}

@media print {
  [class*="u-noMargin"][class*="--printLeft"] {
    margin-left: 0;
  }
}

.u-overflow--visible {
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .u-padding--SP1 {
    padding: 1px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP2 {
    padding: 2px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP3 {
    padding: 3px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP4 {
    padding: 4px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP5 {
    padding: 5px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP6 {
    padding: 6px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP7 {
    padding: 7px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP8 {
    padding: 8px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP9 {
    padding: 9px;
  }
}

@media screen and (max-width: 767px) {
  .u-padding--SP10 {
    padding: 10px;
  }
}

.u-padding__zero {
  padding: 0;
}

[class*="u-paddingRight"][class*="--SP0"] {
  padding-right: 0px;
}

[class*="u-paddingRight"][class*="--SP1"] {
  padding-right: 1px;
}

[class*="u-paddingRight"][class*="--SP2"] {
  padding-right: 2px;
}

[class*="u-paddingRight"][class*="--SP3"] {
  padding-right: 3px;
}

[class*="u-paddingRight"][class*="--SP4"] {
  padding-right: 4px;
}

[class*="u-paddingRight"][class*="--SP5"] {
  padding-right: 5px;
}

[class*="u-paddingRight"][class*="--SP6"] {
  padding-right: 6px;
}

[class*="u-paddingRight"][class*="--SP7"] {
  padding-right: 7px;
}

[class*="u-paddingRight"][class*="--SP8"] {
  padding-right: 8px;
}

[class*="u-paddingRight"][class*="--SP9"] {
  padding-right: 9px;
}

[class*="u-paddingRight"][class*="--SP10"] {
  padding-right: 10px;
}

[class*="u-paddingRight"][class*="--SP11"] {
  padding-right: 11px;
}

[class*="u-paddingRight"][class*="--SP12"] {
  padding-right: 12px;
}

[class*="u-paddingRight"][class*="--SP13"] {
  padding-right: 13px;
}

[class*="u-paddingRight"][class*="--SP14"] {
  padding-right: 14px;
}

[class*="u-paddingRight"][class*="--SP15"] {
  padding-right: 15px;
}

[class*="u-paddingRight"][class*="--SP16"] {
  padding-right: 16px;
}

[class*="u-paddingRight"][class*="--SP17"] {
  padding-right: 17px;
}

[class*="u-paddingRight"][class*="--SP18"] {
  padding-right: 18px;
}

[class*="u-paddingRight"][class*="--SP19"] {
  padding-right: 19px;
}

[class*="u-paddingRight"][class*="--SP20"] {
  padding-right: 20px;
}

[class*="u-paddingRight"][class*="--SP21"] {
  padding-right: 21px;
}

[class*="u-paddingRight"][class*="--SP22"] {
  padding-right: 22px;
}

[class*="u-paddingRight"][class*="--SP23"] {
  padding-right: 23px;
}

[class*="u-paddingRight"][class*="--SP24"] {
  padding-right: 24px;
}

[class*="u-paddingRight"][class*="--SP25"] {
  padding-right: 25px;
}

[class*="u-paddingRight"][class*="--SP26"] {
  padding-right: 26px;
}

[class*="u-paddingRight"][class*="--SP27"] {
  padding-right: 27px;
}

[class*="u-paddingRight"][class*="--SP28"] {
  padding-right: 28px;
}

[class*="u-paddingRight"][class*="--SP29"] {
  padding-right: 29px;
}

[class*="u-paddingRight"][class*="--SP30"] {
  padding-right: 30px;
}

[class*="u-paddingRight"][class*="--SP31"] {
  padding-right: 31px;
}

[class*="u-paddingRight"][class*="--SP32"] {
  padding-right: 32px;
}

[class*="u-paddingRight"][class*="--SP33"] {
  padding-right: 33px;
}

[class*="u-paddingRight"][class*="--SP34"] {
  padding-right: 34px;
}

[class*="u-paddingRight"][class*="--SP35"] {
  padding-right: 35px;
}

[class*="u-paddingRight"][class*="--SP36"] {
  padding-right: 36px;
}

[class*="u-paddingRight"][class*="--SP37"] {
  padding-right: 37px;
}

[class*="u-paddingRight"][class*="--SP38"] {
  padding-right: 38px;
}

[class*="u-paddingRight"][class*="--SP39"] {
  padding-right: 39px;
}

[class*="u-paddingRight"][class*="--SP40"] {
  padding-right: 40px;
}

[class*="u-paddingRight"][class*="--SP41"] {
  padding-right: 41px;
}

[class*="u-paddingRight"][class*="--SP42"] {
  padding-right: 42px;
}

[class*="u-paddingRight"][class*="--SP43"] {
  padding-right: 43px;
}

[class*="u-paddingRight"][class*="--SP44"] {
  padding-right: 44px;
}

[class*="u-paddingRight"][class*="--SP45"] {
  padding-right: 45px;
}

[class*="u-paddingRight"][class*="--SP46"] {
  padding-right: 46px;
}

[class*="u-paddingRight"][class*="--SP47"] {
  padding-right: 47px;
}

[class*="u-paddingRight"][class*="--SP48"] {
  padding-right: 48px;
}

[class*="u-paddingRight"][class*="--SP49"] {
  padding-right: 49px;
}

[class*="u-paddingRight"][class*="--SP50"] {
  padding-right: 50px;
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC0"] {
    padding-right: 0px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC1"] {
    padding-right: 1px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC2"] {
    padding-right: 2px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC3"] {
    padding-right: 3px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC4"] {
    padding-right: 4px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC5"] {
    padding-right: 5px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC6"] {
    padding-right: 6px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC7"] {
    padding-right: 7px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC8"] {
    padding-right: 8px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC9"] {
    padding-right: 9px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC10"] {
    padding-right: 10px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC11"] {
    padding-right: 11px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC12"] {
    padding-right: 12px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC13"] {
    padding-right: 13px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC14"] {
    padding-right: 14px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC15"] {
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC16"] {
    padding-right: 16px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC17"] {
    padding-right: 17px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC18"] {
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC19"] {
    padding-right: 19px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC20"] {
    padding-right: 20px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC21"] {
    padding-right: 21px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC22"] {
    padding-right: 22px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC23"] {
    padding-right: 23px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC24"] {
    padding-right: 24px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC25"] {
    padding-right: 25px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC26"] {
    padding-right: 26px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC27"] {
    padding-right: 27px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC28"] {
    padding-right: 28px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC29"] {
    padding-right: 29px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC30"] {
    padding-right: 30px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC31"] {
    padding-right: 31px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC32"] {
    padding-right: 32px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC33"] {
    padding-right: 33px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC34"] {
    padding-right: 34px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC35"] {
    padding-right: 35px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC36"] {
    padding-right: 36px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC37"] {
    padding-right: 37px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC38"] {
    padding-right: 38px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC39"] {
    padding-right: 39px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC40"] {
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC41"] {
    padding-right: 41px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC42"] {
    padding-right: 42px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC43"] {
    padding-right: 43px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC44"] {
    padding-right: 44px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC45"] {
    padding-right: 45px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC46"] {
    padding-right: 46px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC47"] {
    padding-right: 47px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC48"] {
    padding-right: 48px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC49"] {
    padding-right: 49px;
  }
}

@media screen and (min-width: 768px), print {
  [class*="u-paddingRight"][class*="--PC50"] {
    padding-right: 50px;
  }
}

@media screen and (min-width: 768px), print {
  .u-swiper--mobile.swiper-container {
    overflow: visible;
  }
}

.u-swiper--mobile .swiper-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .u-swiper--mobile .swiper-wrapper {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: visible;
  }
  .u-swiper--mobile .swiper-wrapper .swiper-slide {
    margin-top: 0;
  }
  .u-swiper--mobile .swiper-wrapper .swiper-slide > * {
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .u-swiper--mobile > .swiper-pagination {
    position: relative;
    margin-top: 35px;
  }
}

@media screen and (min-width: 768px), print {
  .u-swiper--mobile > .swiper-pagination {
    display: none;
  }
}

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

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

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

@media screen and (max-width: 767px) {
  .u-textAlign--SPCenter {
    text-align: center;
  }
}

[class*="u-visibleContent"][class*="--sp"] {
  display: block !important;
}

@media screen and (min-width: 768px), print {
  [class*="u-visibleContent"][class*="--sp"] {
    display: none !important;
  }
}

[class*="u-visibleContent"][class*="--pc"] {
  display: none !important;
}

@media screen and (min-width: 768px), print {
  [class*="u-visibleContent"][class*="--pc"] {
    display: block !important;
  }
}

@media print {
  [class*="u-visibleContent"][class*="--noPrint"] {
    display: none !important;
  }
}

[class*="u-visibleContent"][class*="--pcFlex"] {
  display: none !important;
}

@media screen and (min-width: 768px), print {
  [class*="u-visibleContent"][class*="--pcFlex"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

[class*="u-visibleContent"][class*="--bp1000sp"] {
  display: block !important;
}

@media screen and (min-width: 1000px), print {
  [class*="u-visibleContent"][class*="--bp1000sp"] {
    display: none !important;
  }
}

[class*="u-visibleContent"][class*="--bp1000pcFlex"] {
  display: none !important;
}

@media screen and (min-width: 1000px), print {
  [class*="u-visibleContent"][class*="--bp1000pcFlex"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.u-whiteSpace--preLine {
  white-space: pre-line;
  word-wrap: break-word;
}

.u-width--autoBoth {
  width: auto;
}

@media screen and (min-width: 768px), print {
  .u-width--autoPC {
    width: auto;
  }
}

.u-width--50perSP {
  width: 50%;
}

@media screen and (min-width: 768px), print {
  .u-width--50perSP {
    width: auto;
  }
}

@media screen and (min-width: 768px), print {
  .u-width--20perPC {
    width: 20%;
  }
}

@media screen and (min-width: 768px), print {
  .u-width--25perPC {
    width: 25%;
  }
}

@media screen and (min-width: 768px), print {
  .u-width--35perPC {
    width: 35%;
  }
}

@media screen and (min-width: 768px), print {
  .u-width--40perPC {
    width: 40%;
  }
}

@media screen and (min-width: 768px), print {
  .u-width--50perPC {
    width: 50%;
  }
}

@media screen and (min-width: 768px), print {
  .u-width--60perPC {
    width: 60%;
  }
}

@media screen and (min-width: 768px), print {
  .u-width--80perPC {
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .u-width--autoSP {
    width: auto;
  }
}

.u-wrap--invisible {
  display: block;
}

.u-wrap--invisible.is-invisible {
  display: none;
}

.u-wrap--active {
  display: none;
}

.u-wrap--active.is-active {
  display: block;
}

vue {
  display: none;
}

#vue_block_breadcrumbs {
  height: 28px;
}

.vue-silverEgg__recommendLink {
  cursor: pointer !important;
}

.vue-silverEgg__recommendProductOverview {
  position: fixed;
  bottom: 120px;
  right: 15px;
  z-index: 50;
}

@media screen and (max-width: 767px) {
  .vue-silverEgg__recommendProductOverview {
    bottom: 70px;
    right: 10px;
  }
}

.vue-silverEgg__recommendButton {
  float: right;
}

@media screen and (max-width: 767px) {
  .vue-silverEgg__recommendButton {
    width: 150px;
    padding: 3px 15px;
    min-height: 40px;
    font-size: 1.2rem;
  }
}

.vue-silverEgg__applicationModal {
  background-color: transparent;
}

.vue-silverEgg__applicationModal h2 {
  font-weight: bold;
}

.vue-silverEgg__applicationModal .c-modal__contentsBg {
  background-color: white;
  margin-top: 10vh;
  border: 2px solid #e6e6e6;
}

@media screen and (max-width: 767px) {
  .vue-silverEgg__applicationModal .c-modal__contentsBg {
    width: 100%;
  }
}

.vue-silverEgg__applicationModal .c-modal__contents {
  position: relative;
  padding: 15px;
}

.vue-silverEgg__applicationModal .v-modal__closeButton {
  position: absolute;
  top: 10%;
  right: 1%;
}

/**
 * ライブラリvue-simple-suggestによって生成される要素に当てるスタイル
 */
.vue-simple-suggest {
  position: relative;
}

.vue-simple-suggest input {
  width: 100%;
}

.vue-simple-suggest .suggestions {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  margin-top: 5px;
  padding: 5px;
  width: 100%;
  z-index: 100;
}

.vue-simple-suggest .suggest-item {
  font-size: 15px;
  color: #6e6e6e;
  padding: 6px 0;
}

.vue-simple-suggest .suggest-item:hover {
  cursor: pointer;
  background-color: #ededed;
  font-family: 'NotoSans-Regular';
}

.js-showLogined {
  display: none;
}

.js-showUnlogined {
  display: block;
}
/*# sourceMappingURL=../maps/style.css.map */