@charset "UTF-8";
/* ===============================================================

  vender

=============================================================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap");
:root {
  --theme-color: #5E0055;
  --text-color: #000;
  --sub-color: #EFF2FF;
  --line-color: #CCC;
  --link-color: #000;
  --headline-color: #000;
}
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ===============================================================

 foundation / reset, font

=============================================================== */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

header,
footer,
main,
aside,
nav,
section,
article,
figure {
  display: block;
  margin: 0;
  padding: 0;
}

address,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd,
p,
i {
  display: block;
  font-style: normal;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

span,
small,
strong {
  font-style: normal;
  line-height: inherit;
  margin: 0;
  padding: 0;
  cursor: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul,
ol,
li {
  list-style: none;
}

button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  cursor: pointer;
}

button * {
  cursor: pointer;
}

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

a * {
  cursor: pointer;
}

img {
  position: relative;
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  vertical-align: middle;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

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

input[type="button"],
input[type="submit"] {
  cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
  vertical-align: middle;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  cursor: pointer;
}

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

select::-ms-value {
  background: none;
  color: inherit;
}

textarea {
  vertical-align: middle;
  resize: none;
}

/* ===============================================================

 layout / body, header, footer, main

=============================================================== */
body {
  position: relative;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: var(--text-color);
  font-weight: normal;
}

@-webkit-keyframes header_show {
  0% {
    -webkit-transform: translateY(-63px);
    transform: translateY(-63px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes header_show {
  0% {
    -webkit-transform: translateY(-63px);
    transform: translateY(-63px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.bg-gray {
  content: '';
  display: block;
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition-delay: 0.0875s;
  transition-delay: 0.0875s;
  -webkit-transition-duration: 0.0875s;
  transition-duration: 0.0875s;
  opacity: 0;
  visibility: hidden;
}

.bg-gray.js-search__active {
  display: block;
  opacity: 1;
  visibility: visible;
}

.bg-gray.js-hover {
  display: block;
  opacity: 1;
  visibility: visible;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  min-width: 1200px;
  height: auto;
  background: #fff;
  z-index: 3;
  -webkit-box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.05);
  box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.05);
}

.l-header__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  z-index: 4;
}

.l-header__logo {
  display: block;
  width: 160px;
  line-height: 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.l-header__logo img {
  width: 100%;
  line-height: 1;
}

.l-header__navbtn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 56px;
  height: 56px;
}

.l-header__navbtn span {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  width: 24px;
  height: 2px;
  border-radius: 4px;
  background: #4E5B73;
}

.l-header__navbtn span:before, .l-header__navbtn span:after {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #4E5B73;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.l-header__navbtn span:before {
  top: calc(50% - 8px);
}

.l-header__navbtn span:after {
  top: calc(50% + 8px);
}

.-open .l-header__navbtn span {
  background: transparent;
  width: 16px;
  height: 16px;
}

.-open .l-header__navbtn span:before, .-open .l-header__navbtn span:after {
  width: 115%;
  top: 50%;
}

.-open .l-header__navbtn span:before {
  -webkit-transform: translate(50%, -50%) rotate(225deg);
  transform: translate(50%, -50%) rotate(225deg);
}

.-open .l-header__navbtn span:after {
  -webkit-transform: translate(50%, -50%) rotate(135deg);
  transform: translate(50%, -50%) rotate(135deg);
}

.l-header__contents {
  display: block;
  width: calc(100% - 260px);
  padding-left: 16px;
}

.l-header__contents__inner {
  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;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}

.l-header__contents__keywordsearch {
  position: absolute;
  top: 24px;
  right: 40px;
  width: 220px;
}

.l-header__contents__keywordsearch .c-keywordsearch {
  width: 100%;
  padding: 3px 0;
}

.l-header__contents__keywordsearch .c-keywordsearch__input {
  padding-top: 4px;
  padding-bottom: 4px;
}

.l-header__contents__globalnav {
  width: 100%;
}

.l-header__contents__globalnav__bottom {
  width: 100%;
  background-color: #F2F2F2;
  padding: 16px 32px;
}

.l-header__contents__globalnav__bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l-header__contents__globalnav__bottom li {
  font-size: 14px;
  line-height: 1.5;
  color: #4E5B73;
  padding-left: 0.8em;
  text-indent: -0.8em;
  display: inline-block;
  position: relative;
  padding: 13px 0 10px;
}

.l-header__contents__globalnav__bottom li:before {
  -webkit-transform: translate(-1px, -2px) rotate(45deg);
  transform: translate(-1px, -2px) rotate(45deg);
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #4E5B73;
  border-right: 1px solid #4E5B73;
  margin-right: 6px;
}

.l-header__contents__supportlink {
  width: 100%;
}

.l-header__bg {
  background-color: #FFFFFF;
  margin: 0 auto;
  width: 100%;
}

.l-headernav--support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.l-headernav--support__item {
  position: relative;
  display: inline-block;
  margin-left: 32px;
}

.l-headernav--support__item:first-child {
  margin-left: 0;
}

.l-headernav--support__link {
  display: inline-block;
  font-size: 12px;
  line-height: 1.7em;
  padding: 8px 0;
  text-align: left;
}

.l-headernav--support__morebox {
  position: absolute;
  top: 37px;
  right: 0px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  display: block;
  width: auto;
  padding: 40px;
  border: 1px solid #EAEAEA;
  background: #fff;
  -webkit-box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.05);
  box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.05);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.l-headernav--support__morebox__item {
  display: block;
  margin-bottom: 24px;
  width: 340px;
  border-bottom: 1px solid #EBEBEB;
}

.l-headernav--support__morebox__item:last-child {
  margin-bottom: 0;
}

.l-headernav--support__morebox__item .c-link {
  display: inline-block;
  white-space: nowrap;
  padding-bottom: 10px;
}

.l-headernav--support__morebox__item .c-link.-arrow {
  color: var(--link-color);
}

.l-headernav--support__morebox__item .c-link.-arrow:before {
  border-color: #656565;
}

.l-headernav--support__morebox__item .c-link.-winicon-afterb::after {
  content: '';
  display: block;
  width: 16px;
  height: 12px;
  margin-left: 320px;
  margin-top: -16px;
  background: url("/assets/img/common/icn_linkwin-b.png?v18cf2849b78&v18d158e79e3") no-repeat center/cover;
}

.l-headernav--support__morebox:hover .l-headernav--support__middle__item__link span::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-bottom: 0px;
}

.l-headernav--global {
  display: block;
  width: 100%;
}

.l-headernav--global__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

.l-headernav--global__list__item {
  display: inline-block;
}

.l-headernav--global__link {
  display: inline-block;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 500;
}

.l-headernav--global__morebox {
  position: absolute;
  top: 100%;
  right: 50%;
  -webkit-transform: translate(50%, -20px);
  transform: translate(50%, -20px);
  display: block;
  width: 100%;
  max-width: 1280px;
  height: 640px;
  padding: 24px 40px 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.l-headernav--global__morebox__title {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 40px;
  color: var(--link-color);
  font-size: 14px;
  line-height: 1.7em;
  font-weight: 500;
  text-align: left;
}

.l-headernav--global__morebox__title .-en {
  display: block;
  height: 105px;
}

.l-headernav--global__morebox__title .-en img {
  width: auto;
  height: 100%;
  display: block;
}

.l-headernav--global__morebox__title .-benefitstext {
  margin-bottom: 28px;
}

.l-headernav--global__morebox__title .-text {
  display: block;
  margin-left: 16px;
}

.l-headernav--global__morebox__title .-text.-benefits {
  margin-top: -8px;
}

.l-headernav--global__morebox__title i {
  position: absolute;
  top: 50%;
  right: 4%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
}

.l-headernav--global__morebox__title i:before, .l-headernav--global__morebox__title i:after {
  position: absolute;
  top: 50%;
  right: 50%;
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  background: #656565;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.l-headernav--global__morebox__title i:before {
  -webkit-transform: translate(50%, -50%) rotate(0deg);
  transform: translate(50%, -50%) rotate(0deg);
}

.l-headernav--global__morebox__title i:after {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
}

.l-headernav--global__morebox__title.-open i:before {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}

.l-headernav--global__morebox__title.-open i:after {
  -webkit-transform: translate(50%, -50%) rotate(360deg);
  transform: translate(50%, -50%) rotate(360deg);
}

.l-headernav--global__morebox__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.l-headernav--global__morebox__block__item {
  width: calc(33.3% - 48px / 3);
}

.l-headernav--globalitem {
  display: block;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}

.l-headernav--globalitem:last-child {
  margin-bottom: 0;
}

.l-headernav--globalitem__title {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  font-weight: bold;
}

.l-headernav--globalitem__title .-icon {
  position: absolute;
  top: 1px;
  left: 0;
  display: none;
  width: 24px;
  height: 24px;
}

.l-headernav--globalitem__title .c-link {
  display: block;
}

.l-headernav--globalitem__title .-openicon {
  position: absolute;
  top: 50%;
  right: 4%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
}

.l-headernav--globalitem__title .-openicon:before, .l-headernav--globalitem__title .-openicon:after {
  position: absolute;
  top: 50%;
  right: 50%;
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  background: #656565;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.l-headernav--globalitem__title .-openicon:before {
  -webkit-transform: translate(50%, -50%) rotate(0deg);
  transform: translate(50%, -50%) rotate(0deg);
}

.l-headernav--globalitem__title .-openicon:after {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
}

.l-headernav--globalitem__title.-hasicon {
  position: relative;
  padding-left: 32px;
}

.l-headernav--globalitem__title.-hasicon .-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-headernav--globalitem__title.-open .-openicon:before {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}

.l-headernav--globalitem__title.-open .-openicon:after {
  -webkit-transform: translate(50%, -50%) rotate(360deg);
  transform: translate(50%, -50%) rotate(360deg);
}

.l-headernav--globalitem__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.l-headernav--globalitem__linklist {
  padding-left: 32px;
  margin-bottom: 24px;
}

.l-headernav--globalitem__linklist:last-child {
  margin-bottom: 0;
}

.l-headernav--globalitem__linklist__item {
  margin-bottom: 16px;
}

.l-headernav--globalitem__linklist__item:last-child {
  margin-bottom: 0;
}

.l-headernav--globalitem__linklist__item .c-link {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}

.l-headernav--globalitem__linklist__item .c-link.-arrow {
  color: var(--theme-link);
  padding-left: 0.8em;
  text-indent: -0.8em;
  display: inline-block;
}

.l-headernav--globalitem__linklist__item .c-link.-arrow:before {
  border-color: var(--theme-color);
}

.l-headernav--globalitem__cardlist {
  margin-bottom: 24px;
}

.l-headernav--globalitem__cardlist:last-child {
  margin-bottom: 0;
}

.l-headernav--globalitem__cardlist .c-link.-arrow {
  color: var(--theme-link);
}

.l-headernav--globalitem__cardlist .c-link.-arrow:before {
  border-color: var(--theme-color);
}

.l-headernav--globalitem__cardlist__item {
  margin-bottom: 24px;
}

.l-headernav--globalitem__cardlist__item:last-child {
  margin-bottom: 0;
}

.l-headernav--globalitem__cardlist__item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-headernav--globalitem__cardlist__item div img {
  width: 47px;
}

.l-headernav--globalitem__cardlist__item div span {
  display: block;
  padding-left: 8px;
  font-size: 14px;
  line-height: 1.7em;
}

.l-headernav--globalitem__cardlist__item div .link span {
  margin-bottom: 8px;
}

.l-headernav--globalitem__cardlist__item div .link span:last-child {
  margin-bottom: 0;
}

.l-headernav--globalitem__campaign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 16px);
  margin-left: -16px;
}

.l-headernav--globalitem__campaign__item, .l-headernav--globalitem__campaign__item--large {
  width: calc((100% - 16px * 2) /2);
  margin-left: 16px;
  margin-bottom: 40px;
}

.l-headernav--globalitem__campaign__item:last-child, .l-headernav--globalitem__campaign__item--large:last-child {
  margin-bottom: 0;
}

.l-headernav--globalitem__campaign__item img, .l-headernav--globalitem__campaign__item--large img {
  width: 100%;
  margin-bottom: 8px;
}

.l-headernav--globalitem__campaign__item .c-link.-arrowicon, .l-headernav--globalitem__campaign__item--large .c-link.-arrowicon {
  display: block;
  width: 100%;
  font-weight: 500;
  opacity: 1;
  padding-left: 1.8em;
  text-indent: -1.8em;
  line-height: 1.5;
}

.l-headernav--globalitem__campaign__item--large {
  width: calc(100% - 16px);
}

.l-headernav--globalitem__campaign__linkwrap {
  display: block;
  width: 100%;
}

.l-headerlogin {
  position: relative;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 248px;
}

.l-headerlogin__button {
  position: relative;
  display: block;
  width: 120px;
  padding: 9px 8px;
  font-size: 12px;
  line-height: 1.7em;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  border-radius: 30px;
}

.l-headerlogin__button span {
  position: relative;
}

.l-headerlogin__button.-apply {
  border: 1px solid #BFBFBF;
  background: #fff;
  color: var(--theme-link);
}

.l-headerlogin__button.-member {
  padding: 7px 24px;
  border: 1px solid var(--theme-color);
  background: var(--theme-color);
  color: #fff;
}

.l-headerlogin__button.-member:after {
  position: absolute;
  top: calc(50% - 2px);
  right: 12px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.l-headerlogin__button.-member:hover {
  opacity: 0.7;
}

.l-headerlogin__button.-card {
  padding: 7px 12px;
  border: 1px solid #EF6877;
  background: #EF6877;
  background: -webkit-gradient(linear, left top, right top, from(#EF6877), to(#F4838F));
  background: linear-gradient(to right, #EF6877, #F4838F);
  color: #fff;
}

.l-headerlogin__button.-card:hover {
  opacity: 0.7;
}

.l-headerlogin__morebox {
  position: absolute;
  top: 130%;
  right: -1px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  display: block;
  width: auto;
  padding: 40px;
  background: #fff;
  border: 1px solid #BFBFBF;
  text-align: left;
  -webkit-box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.05);
  box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.05);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.l-headerlogin__morebox__item {
  display: block;
  margin-bottom: 16px;
}

.l-headerlogin__morebox__item:last-child {
  margin-bottom: 0;
}

.l-headerlogin__morebox__item a {
  display: inline-block;
  white-space: nowrap;
  color: #4E5B73;
  font-size: 14px;
  line-height: 1.4em;
}

.l-headerlogin__morebox__item a.-apply:before {
  -webkit-transform: translate(-1px, -2px) rotate(45deg);
  transform: translate(-1px, -2px) rotate(45deg);
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-right: 8px;
  margin-left: 6px;
}

.l-headerlogin__morebox__item a.-login:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/assets/img/common/icn_header_login_maincolor.png?v18d158e79e2") no-repeat center/cover;
  margin-right: 8px;
}

.l-headernav--nohover__global__list__item {
  display: inline-block;
  position: relative;
}

.l-headernav--nohover__global__list__item.-support__hover .l-headernav--support__morebox {
  top: 37px;
}

.l-headernav--nohover__global__list__item.-support__hover:hover .l-headernav--support__morebox {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.l-header--maintype .l-headerlogin__morebox {
  padding: 32px 40px;
  max-height: calc(100vh - 186px);
  overflow: scroll;
}

.l-header--maintype .l-headerlogin__morebox__section {
  padding-top: 24px;
  white-space: nowrap;
}

.l-header--maintype .l-headerlogin__morebox__section:first-of-type {
  padding-top: 0;
}

.l-header--maintype .l-headerlogin__morebox__section:last-of-type {
  border-bottom: 0;
}

.l-header--maintype .l-headerlogin__morebox__section__heading {
  position: relative;
  display: block;
  width: 340px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  text-align: left;
  color: #4E5B73;
  padding-bottom: 10px;
  border-bottom: 1px solid #EBEBEB;
}

.l-header--maintype .l-headerlogin__morebox__section__text {
  margin-bottom: 16px;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 10px;
}

.l-header--maintype .l-headerlogin__morebox__section__btn {
  margin-bottom: 10px;
}

.l-header--maintype .l-headerlogin__morebox__section__btn span {
  padding-bottom: 0;
}

.l-header--maintype .l-headerlogin__morebox__section .c-button.-login:after {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0;
  width: 14px;
  height: 13px;
  background: url("/assets/img/common/icn_header_login.png?v18d158e79e1") no-repeat center/cover;
}

.l-header--maintype .l-headerlogin__morebox__section .c-link {
  color: #4E5B73;
  font-weight: lighter;
  font-size: 14px;
}

.l-header--maintype .l-headerlogin__morebox__section .c-link.-login::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 13px;
  margin-left: 265px;
  background: url("/assets/img/common/icn_header_login_maincolor.png?v18d158e79e2") no-repeat center/cover;
}

.l-header--maintype .l-headerlogin__morebox__section .c-link.-login-winicon::after {
  content: '';
  display: block;
  width: 16px;
  height: 12px;
  margin-left: 320px;
  margin-top: -10px;
  background: url("/assets/img/common/icn_linkwin-b.png?v18cf2849b78&v18cf2849b78&v18d158e79e3") no-repeat center/cover;
}

.l-headernav--support__flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-header--maintype .l-headernav--support__middle__item__link.-button {
  display: block;
  width: 130px;
  height: 28px;
  padding: 0;
  border: 1px solid #7283A3;
  border-radius: 20px;
  font-size: 13px;
  font-weight: normal;
  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;
  margin-right: 16px;
  margin-left: 16px;
}

.l-header--maintype .l-headernav--support__middle__item__link.-button::before {
  left: -16px;
}

.l-header--maintype .l-headernav--support__middle__item__link.-hover__content > span {
  position: relative;
}

.l-header--maintype .l-headernav--support__middle__item__link.-hover__content > span::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #4E5B73;
  border-bottom: 1px solid #4E5B73;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 10px;
  margin-bottom: 2px;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content {
  position: fixed;
  top: 125px;
  right: 50%;
  -webkit-transform: translate(50%, -20px);
  transform: translate(50%, -20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  padding: 32px 100px;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
  background-color: #FFFFFF;
  -webkit-transition-duration: 0.175s;
  transition-duration: 0.175s;
  border-top: 1px solid #EBEBEB;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content__block {
  width: 100%;
  max-width: 1280px;
  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;
  position: relative;
  row-gap: 32px;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content__block__item {
  width: 340px;
  height: 32px;
  border-bottom: 1px solid #EBEBEB;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content__block__item::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 328px;
  margin-top: -12px;
  border-top: 1px solid #4E5B73;
  border-right: 1px solid #4E5B73;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content__block__item.-null {
  border-bottom: none;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content__block__item.-null::after {
  display: none;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header__contents__keywordsearch {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header__contents__keywordsearch__heading {
  color: #4E5B73;
  font-size: 15px;
  line-height: 1.7;
  font-weight: bold;
  margin-right: 24px;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header__contents__keywordsearch .c-keywordsearch {
  width: 447px;
  padding: 3px 0;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header__contents__keywordsearch .c-keywordsearch__input {
  background-color: #F6F6F6;
  border-color: #EAEAEA;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header--mainmenu__morebox__block {
  -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;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header__contents__keywordsearch__close {
  color: #4E5B73;
  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;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header__contents__keywordsearch__close > img {
  margin-right: 10px;
}

.l-header--maintype .l-headernav--support__middle__item__link .l-header--mainmenu__search__content .l-header__contents__keywordsearch__close:hover {
  opacity: 0.7;
}

.l-header__contents__mainmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  white-space: nowrap;
}

.l-header__contents__mainmenu .l-header--mainmenu__logo {
  width: 160px;
  height: 30px;
  margin: 15px 0px;
}

.l-header__contents__mainmenu::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100vw;
  min-width: 1200px;
  bottom: 0;
  left: calc(-1 * ((100vw - 100%) / 2));
  background-color: #EBEBEB;
}

.l-header--mainmenu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.l-header--mainmenu__link__item {
  padding: 18px 0px;
}

.l-header--mainmenu__link__item__link {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: all .3s;
  transition: all .3s;
  white-space: nowrap;
}

.l-header--mainmenu__morebox {
  position: absolute;
  top: 97%;
  left: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  padding: 40px 20px;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition-delay: 0.0875s;
  transition-delay: 0.0875s;
  -webkit-transition-duration: 0.0875s;
  transition-duration: 0.0875s;
  background-color: #FFFFFF;
  border-top: 1px solid #EBEBEB;
}

.l-header--mainmenu__morebox__block {
  width: 100%;
  max-width: 1140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  row-gap: 32px;
}

.l-header--mainmenu__morebox__block__item {
  width: calc((100% - 120px) / 3);
  height: 32px;
  border-bottom: 1px solid #EBEBEB;
  margin-right: 60px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
}

.l-header--mainmenu__morebox__block__item::after {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  top: 10px;
  right: 0;
  border-top: 1px solid #4E5B73;
  border-right: 1px solid #4E5B73;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.l-header--mainmenu__morebox__block__item:nth-of-type(3n) {
  margin-right: 0;
}

.l-header--mainmenu__morebox__block__item.-icon_link {
  position: relative;
  padding-left: 40px;
}

.l-header--mainmenu__morebox__block__item.-icon_link img.l-header--mainmenu__morebox__block__item__icon {
  position: absolute;
  top: -13px;
  left: 0;
}

.l-header--mainmenu__morebox__block__item:hover {
  opacity: 0.7;
}

.l-header--mainmenu__morebox__block__item.-null {
  border-bottom: none;
}

.l-header--mainmenu__morebox__block__item.-null::after {
  display: none;
}

.l-header--mainmenu__morebox.card_menu {
  padding-top: 54px;
}

.l-header--maintype .l-header--mainmenu__link__item__link.-hover__content > span {
  position: relative;
}

.l-header--maintype .l-header--mainmenu__link__item__link.-hover__content > span::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #4E5B73;
  border-bottom: 1px solid #4E5B73;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 10px;
  margin-bottom: 3px;
}

.l-header--maintype .l-header--mainmenu__link__item__link.-hover__content:hover {
  opacity: 0.7;
}

.l-header--maintype .l-header--mainmenu__link__item__link.-hover__content:hover > span::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-bottom: 0px;
}

.l-header__cardguide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 0;
}

.l-header__cardguide .hscroll_wrapper {
  position: relative;
  padding: 0 16px 0 10px;
  max-width: 62%;
}

.l-header__cardguide .hscroll_wrapper .l-header__cardguid__inner {
  width: 100%;
}

.l-header__cardguide .hscroll_wrapper .l-header__cardguid__scroll__content {
  white-space: nowrap;
  position: static;
  margin: 0 0.1em 0 1em;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: inline;
  scroll-snap-type: inline;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.l-header__cardguide .hscroll_wrapper .l-header__cardguid__scroll__content::-webkit-scrollbar {
  display: none;
}

.l-header__cardguide .hscroll_wrapper .l-header__cardguid__scroll__content::before, .l-header__cardguide .hscroll_wrapper .l-header__cardguid__scroll__content::after {
  content: "";
  position: absolute;
  display: block;
  height: 28px;
  width: 35px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.l-header__cardguide .hscroll_wrapper .l-header__cardguid__scroll__content::before {
  top: 50%;
  left: 16px;
  background: -webkit-gradient(linear, right top, left top, color-stop(75%, rgba(255, 255, 255, 0.18)), to(#FFF));
  background: linear-gradient(to left, rgba(255, 255, 255, 0.18) 75%, #FFF);
}

.l-header__cardguide .hscroll_wrapper .l-header__cardguid__scroll__content::after {
  top: 50%;
  right: 16px;
  background: -webkit-gradient(linear, left top, right top, color-stop(75%, rgba(255, 255, 255, 0.18)), to(#FFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 75%, #FFF);
}

.l-header__cardguide .hscroll_wrapper a {
  display: inline-block;
  margin: 0px 8px 0 0;
  scroll-snap-align: start;
  border: 1px solid #EAEAEA;
  border-radius: 20px;
  padding: 0px 16px;
  font-size: 14px;
}

.l-header__cardguide .hscroll_wrapper a:hover {
  opacity: 0.7;
}

.arrow {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 16px;
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: 4px;
  top: 8px;
}

.arrow::before {
  content: '';
  position: absolute;
  width: 11px;
  height: 11px;
  border-left: 1px solid #4E5B73;
  border-bottom: 1px solid #4E5B73;
}

.arrow:hover::before {
  border-color: #4E5B73;
}

.arrow.-disactive::before {
  border-left: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  pointer-events: none;
  cursor: pointer;
}

.left {
  left: 0;
}

.left::before {
  top: 0%;
  left: 35%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.right {
  right: 0;
}

.right::before {
  top: 0%;
  left: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.l-header.l-header__pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-header.l-header__sp {
  display: none;
}

.l-headerlogin__morebox {
  opacity: 0;
  visibility: hidden;
}

.l-header.l-header--maintype.l-header__gsix .l-header__inner {
  height: 106px;
}

.l-header.l-header--maintype.l-header__gsix .l-header--mainmenu__logo {
  width: 206px;
  height: 16px;
  margin: auto 0px;
}

.l-header.l-header--maintype.l-header__gsix .l-header__logo {
  width: 100%;
  min-width: auto;
}

.l-header.l-header--maintype.l-header__gsix .l-header__cardguide__wrapper {
  background-color: #EAEAEA;
}

.l-header.l-header--maintype.l-header__gsix .l-header__cardguide {
  max-width: 1200px;
  margin: 0 auto;
}

.l-header.l-header--maintype.l-header__gsix .l-header__cardguide .hscroll_wrapper a {
  background-color: #fff;
  border-color: #fff;
}

.l-header.l-header--maintype.l-header__gsix .l-header__cardguide .l-header__cardguid__scroll__content::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(75%, rgba(255, 255, 255, 0.18)), to(#EAEAEA));
  background: linear-gradient(to left, rgba(255, 255, 255, 0.18) 75%, #EAEAEA);
}

.l-header.l-header--maintype.l-header__gsix .l-header__cardguide .l-header__cardguid__scroll__content::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(75%, rgba(255, 255, 255, 0.18)), to(#EAEAEA));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 75%, #EAEAEA);
}

.l-header.l-header--maintype.l-header__gsix .l-headerlogin__button.-card {
  background: -webkit-gradient(linear, left top, right top, from(#C4A76F), to(#A9894A));
  background: linear-gradient(to right, #C4A76F, #A9894A);
  border: 0;
}

.l-header.l-header--maintype.l-header__gsix .l-headerlogin__button.-member {
  background: -webkit-gradient(linear, left top, right top, from(#333333), to(#8B8B8B));
  background: linear-gradient(to right, #333333, #8B8B8B);
  border: 0;
}

.l-header.l-header--maintype.l-header__gsix .l-headerlogin__button.-member:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(51, 51, 51, 0.7)), to(rgba(139, 139, 139, 0.7)));
  background: linear-gradient(to right, rgba(51, 51, 51, 0.7), rgba(139, 139, 139, 0.7));
}

.l-header.l-header--maintype.l-header__gsix .l-header--mainmenu__morebox__block__item.-icon_link img.l-header--mainmenu__morebox__block__item__icon {
  top: 0;
}

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

.l-header.l-header--maintype.l-header__top .l-headernav--support__middle__left {
  width: 694px;
  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;
}

.l-header.l-header--maintype.l-header__top .l-headernav--support__middle__item:first-of-type::before {
  display: none;
}

.l-header.l-header--maintype.l-header__top .l-headernav--support__middle__item__link .l-header--mainmenu__search__content {
  top: 117px;
}

.l-header.l-header--maintype.l-header__daimaru .l-header--mainmenu__logo {
  width: 190px;
  height: 18px;
  margin: auto 0px;
}

.l-header.l-header--maintype.l-header__daimaru .l-header__logo {
  width: 100%;
  min-width: auto;
}

.l-header.l-header__pop {
  height: 138px;
}

.l-header.l-header__pop-daimaru .l-header__logo {
  width: 260px;
}

.l-header.l-header__pop-gsix .l-header__logo {
  width: 280px;
}

body.info_header_include .l-header {
  top: 32px;
}

body.info_header_include .l-headernav--support__middle__item__link .l-header--mainmenu__search__content {
  top: 192px;
}

body.info_header_include .l-header.l-header--maintype.l-header__top .l-headernav--support__middle__item__link .l-header--mainmenu__search__content {
  top: 184px;
}

/* サイトトップのみヘッダー　ログイン */
.l-header--kameiten .l-header__navbtn,
.l-header--faq .l-header__navbtn {
  left: 0;
  right: initial;
}

.l-header--kameiten .l-header__contents__supportlink,
.l-header--faq .l-header__contents__supportlink {
  padding-right: 236px;
}

.l-header--kameiten.l-header {
  height: 81px;
}

.l-header--kameiten .l-headernav--support {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}

.l-header--kameiten .l-headernav--support__link {
  font-size: 14px;
}

.l-header--kameiten .l-headernav--support__button {
  display: inline-block;
  font-size: 14px;
  line-height: 1.7em;
  padding: 8px 0;
  text-align: left;
}

.l-header--kameiten .l-headernav--support__morebox {
  top: 100%;
  left: -16px;
  right: initial;
}

.l-header--kameiten .l-headernav--support__morebox__item {
  margin-bottom: 16px;
  width: initial;
  border-bottom: 0;
}

.l-header--kameiten .l-headernav--support__morebox__item .c-link {
  padding-bottom: 0;
}

.l-header--kameiten .l-headerlogin {
  position: absolute;
  right: 40px;
  padding-bottom: 16px;
}

.l-header--kameiten .l-headerlogin__button.-member {
  padding: 9px 24px;
}

.l-header--kameiten .l-headerlogin {
  width: 91px;
}

.l-header--kameiten .l-headerlogin__button.-member {
  padding: 9px 12px;
}

.l-header--kameiten .l-headerlogin__button.-member:after {
  display: none;
}

.l-header--faq.l-header {
  height: 138px;
}

.l-footer {
  border-top: 1px solid #4E5B73;
}

.l-footer__content {
  display: block;
  width: 100%;
  padding: 40px 40px;
  background: #fff;
}

.l-footer__content__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.l-footer__content__item {
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 20px;
}

.l-footer__content__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

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

.l-footer__bannerlink__item {
  display: block;
  margin-left: 60px;
}

.l-footer__bannerlink__item:first-child {
  margin-left: 0;
}

.l-footer__supportlink, .l-footer__supportlink__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
}

.l-footer__supportlink:first-child, .l-footer__supportlink__sns:first-child {
  margin-top: 0;
}

.l-footer__supportlink__item, .l-footer__supportlink__sns__item {
  display: inline-block;
}

.l-footer__supportlink__item.-privacy, .l-footer__supportlink__item.-snsicon, .l-footer__supportlink__sns__item.-privacy, .l-footer__supportlink__sns__item.-snsicon {
  width: 40px;
}

.l-footer__supportlink__item.-privacy .c-link, .l-footer__supportlink__item.-snsicon .c-link, .l-footer__supportlink__sns__item.-privacy .c-link, .l-footer__supportlink__sns__item.-snsicon .c-link {
  width: 100%;
}

.l-footer__supportlink__item.-privacy .c-link img, .l-footer__supportlink__item.-snsicon .c-link img, .l-footer__supportlink__sns__item.-privacy .c-link img, .l-footer__supportlink__sns__item.-snsicon .c-link img {
  width: 100%;
}

.l-footer__copyright {
  display: block;
  width: 100%;
  padding: 24px 40px;
  background: var(--theme-color);
}

.l-footer__copyright__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.l-footer__copyright__text {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  line-height: 1.7em;
  text-align: center;
}

.l-footer__copyright__text .-br:before {
  content: '　';
}

.l-footer__bunner__line {
  background-color: #FAFAFA;
}

.l-footer__bunner__line__inner {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 40px 0 32px;
}

.l-footer__bunner__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l-footer__bunner__links.-link__top {
  width: 374px;
}

.l-footer__bunner__links.-link__top .l-footer__bunner__link__item {
  margin-right: 0;
}

.l-footer__bunner__links.-link__cards {
  width: 572px;
  margin-left: 14px;
}

.l-footer__bunner__links.-link__cards .l-footer__bunner__link__item:nth-of-type(2) {
  margin-right: 0;
}

.l-footer__bunner__links.-link__related {
  margin-top: 24px;
}

.l-footer__bunner__links.-link__related .l-footer__bunner__link__items {
  width: calc(100% - 194px);
}

.l-footer__bunner__links.-link__related .l-footer__bunner__link__item {
  margin-bottom: 8px;
}

.l-footer__bunner__links.-link__related .l-footer__bunner__link__item:nth-of-type(4) {
  margin-right: 0;
}

.l-footer__bunner__link__items {
  margin-left: 14px;
}

.l-footer__bunner__link__item {
  display: inline-block;
  margin-right: 11px;
}

.l-footer__bunner__link__item img {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.l-footer__bunner__link__item:hover img {
  opacity: 0.7;
}

.l-footer__bunner__link__item > img {
  width: 100%;
}

.l-footer__bunner__link__heading {
  width: 180px;
  height: 56px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.429;
  padding: 18px 0;
}

.l-footer__main {
  background-color: #587896;
  padding: 56px 0 0;
}

.l-footer__head__line {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  margin-bottom: 48px;
  padding-bottom: 32px;
}

.l-footer__keyword__search {
  position: relative;
  display: block;
  width: 352px;
}

.l-footer__keyword__search__input {
  display: block;
  width: 100%;
  padding: 4px 55.5px 6px 20px;
  border: 1px solid #EAEAEA;
  border-radius: 20px;
  background: #FAFAFA;
  font-size: 14px;
  color: #BFBFBF;
}

.l-footer__keyword__search__input::-webkit-input-placeholder {
  color: #656565;
}

.l-footer__keyword__search__input::-moz-placeholder {
  color: #656565;
}

.l-footer__keyword__search__input:-ms-input-placeholder {
  color: #656565;
}

.l-footer__keyword__search__button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 55.5px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.l-footer__keyword__search__button span {
  display: inline-block;
  width: 100%;
  padding-right: 24px;
  text-align: right;
}

.l-footer__keyword__search__button span img {
  width: 15.5px;
}

.l-footer__content__block {
  display: block;
  width: 100%;
  padding: 24px 40px 56px;
  background: #FAFAFA;
  overflow: hidden;
  background-color: #587896;
  color: #fff;
}

.l-footer__content__block__inner {
  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;
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
}

.l-footer__content__block__item {
  display: block;
  width: calc((100% - 40px * 4) / 5);
  margin-left: 0;
}

.l-footer__content__block__item + .l-footer__content__block__item {
  margin-top: 56px;
  margin-left: 40px;
}

.l-footer__content__block__item.-width__full {
  width: 100%;
}

.l-footer__content__block__item.-width__full .l-footer__content__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l-footer__content__block__item.-width__full .l-footer__content__box__item {
  width: calc((100% - 40px * 4) / 5);
}

.l-footer__content__block__item.-width__full + .l-footer__content__block__item {
  margin-left: 0;
}

.l-footer__content__block__item:nth-last-of-type(5n) {
  margin-left: 0;
}

.l-footer__content__block .-cardlist {
  width: 710px;
}

.l-footer__content__box {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

.l-footer__content__box:last-child {
  margin-bottom: 0;
}

.l-footer__content__box__item__inner + .l-footer__content__box__item__inner {
  margin-top: 24px;
}

.l-footer__content__box__list {
  display: block;
  width: 100%;
}

.l-footer__content__box__list.-child__links {
  padding-left: 24px;
}

.l-footer__content__box__list__item {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.l-footer__content__box__list__item:last-child {
  margin-bottom: 0;
}

.l-footer__content__box__list__item .c-link {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 1.5em;
}

.l-footer__content__box__list__item.-title {
  margin-bottom: 16px;
}

.l-footer__content__box__list__item.-title:last-child {
  margin-bottom: 0;
}

.l-footer__content__box__list__item.-title .c-link {
  font-size: 12px;
  font-weight: 500;
}

.l-footer__content__parent__category__heading {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 16px;
  text-align: left;
  cursor: default;
}

.l-footer__content__parent__category__heading * {
  cursor: default;
}

.l-footer__content__sub__parent__category__heading {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 8px;
  text-align: left;
  cursor: default;
}

.l-footer__content__sub__parent__category__heading * {
  cursor: default;
}

.l-footer__copy__line {
  border-top: 1px solid #fff;
}

.l-footer__copy__line__inner {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  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: 16px 0;
}

.l-footer__copy__line__text {
  color: #fff;
  width: calc(100% - 33px);
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}

.l-footer__copy__line__icon {
  width: 33px;
  display: block;
}

.l-footer__gsix .l-footer__main {
  background-color: #49484D;
}

.l-footer__gsix .l-footer__content__block {
  background-color: #49484D;
}

.l-main {
  position: relative;
  padding-top: 183px;
}

body.info_header_include .l-main {
  padding-top: 134px;
}

body.info_header_include .l-main.main_top_page {
  padding-top: 184px;
}

body.kameiten_header_include .l-main {
  padding-top: 81px;
}

body.faq_header_include .l-main {
  padding-top: 138px;
}

.l-block:last-child, .l-block--xxl:last-child, .l-block--xl:last-child, .l-block--l:last-child, .l-block--m:last-child, .l-block--s:last-child, .l-block--xs:last-child, .l-block--xxs:last-child {
  margin-bottom: 0;
}

.l-block--xxl {
  margin-bottom: 120px;
}

.l-block--xl {
  margin-bottom: 64px;
}

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

.l-block--m {
  margin-bottom: 24px;
}

.l-block--s {
  margin-bottom: 16px;
}

.l-block--xs {
  margin-bottom: 8px;
}

.l-block--xxs {
  margin-bottom: 4px;
}

.l-block-title {
  margin: 40px 0px;
}

.l-box {
  width: 100%;
  padding: 0 40px;
}

.l-gridblock {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.l-gridblock__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.l-gridblock__item {
  display: block;
  width: 100%;
}

.l-gridblock.\-1col .l-gridblock__item {
  width: 100%;
}

.l-gridblock.\-1col .l-gridblock__item:nth-child(n+2) {
  margin-top: 24px;
}

/* ===============================================================

 components / parts, module, page

=============================================================== */
.js-inview {
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.35, 0.54, 0.89);
  transition-timing-function: cubic-bezier(0.34, 0.35, 0.54, 0.89);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  opacity: 0;
}

.js-inview.-in {
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
  opacity: 1;
}

.c-title__key {
  display: block;
  width: 100%;
  padding: 0 40px;
  line-height: 0;
  font-weight: normal;
}

.c-title__key__box {
  position: relative;
  padding-bottom: 24px;
}

.c-title__key__box:last-child {
  padding-bottom: 0;
}

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

.c-title__key.-gra {
  padding: 16px 40px;
  border-bottom: 1px solid #EAEAEA;
  background: -webkit-gradient(linear, right top, left top, from(#f2f2f4), to(#fcfcfc));
  background: linear-gradient(to left, #f2f2f4, #fcfcfc);
}

.c-title__key .-main {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 30px;
  line-height: 1.5em;
  font-weight: normal;
}

.c-title__key .-sub {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
}

.c-title__key .-copy {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.5em;
}

.c-title__key__contact {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 30px;
  line-height: 1.5em;
  font-weight: normal;
}

.c-title__global {
  display: block;
  width: 100%;
  padding: 16px 40px;
  border-bottom: 1px solid #EAEAEA;
  line-height: 0;
}

.c-title__global__box {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-title__global__box.-search__header {
  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-wrap: nowrap;
  flex-wrap: nowrap;
}

.c-title__global__box.-search__header .-main {
  width: calc(100% - 500px);
}

.c-title__global__box.-search__header .c-keywordsearch {
  width: 460px;
  position: relative;
}

.c-title__global__box.-search__header .c-keywordsearch__input {
  line-height: 24px;
}

.c-title__global .-nav {
  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;
}

.c-title__global .-nav .-container {
  margin: 0;
  overflow-x: auto;
  line-height: 1.5em;
  width: auto;
  padding: 0;
}

.c-title__global .-nav .-container .-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.c-title__global .-nav .-container .-list li {
  white-space: nowrap;
  margin-right: 16px;
  border: 1px solid #BFBFBF;
}

.c-title__global .-nav .-container .-list li a {
  background: #fff;
  text-align: center;
  text-decoration: none;
  padding: 8px 16px;
  display: inline-block;
}

.c-title__global .-nav .-container .-list li a img {
  max-width: none;
  height: 23px;
}

.c-title__global .-nav .-container .-list li:last-child {
  margin-right: 0;
}

.c-title__global .-nav .-container:after {
  clear: both;
  content: "";
  display: block;
}

.c-title__global .-main {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
}

.c-title__block {
  display: block;
  width: 100%;
  padding: 0 40px;
  line-height: 0;
}

.c-title__block__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-title__block__box {
  display: block;
  width: 100%;
  padding-bottom: 11px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 16px;
}

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

.c-title__block__box .-main {
  display: block;
  width: 100%;
  padding-left: 16px;
  border-left: 5px solid var(--theme-color);
  font-weight: 500;
}

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

.c-title__block .-main {
  font-size: 26px;
  line-height: 1.5em;
  font-weight: 500;
}

.c-title__block .-sub {
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 500;
}

.c-title__main {
  display: block;
  width: 100%;
  padding: 0 40px;
  line-height: 0;
}

.c-title__main__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-title__main.-gray .-main {
  padding: 16px 24px;
  background: #EAEAEA;
}

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

.c-title__main .-main {
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 500;
}

.c-title__sub {
  display: block;
  width: 100%;
  padding: 0 40px;
  line-height: 0;
  font-size: 18px;
}

.c-title__sub__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

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

.c-title__sub .-main {
  line-height: 1.5em;
  font-weight: 500;
}

.c-title__small {
  display: block;
  width: 100%;
  padding: 0 40px;
  line-height: 0;
  font-weight: bold;
}

.c-title__small__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

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

.c-title__small .-main {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
}

.c-text, .c-text.-strong, .c-text.-red, .c-text.-center, .c-text.-right, .c-text.-left, .c-text.-caution, .c-text.-underline {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5em;
}

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

.-strong.c-text {
  font-weight: 500;
}

.-red.c-text {
  color: #E61728;
}

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

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

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

.-caution.c-text {
  font-size: 14px;
  color: #656565;
}

.c-text.-graybox {
  padding: 16px 24px;
  border: 1px solid #EAEAEA;
  background: #FAFAFA;
}

.-underline.c-text {
  text-decoration: underline;
}

.c-text .-strong {
  font-weight: 500;
}

.c-text .-red {
  color: #E61728;
}

.c-text .-underline {
  text-decoration: underline;
}

.c-text .-caution {
  font-size: 14px;
  color: #656565;
}

.c-sup {
  position: relative;
  top: -0.1em;
  font-size: .85em;
  display: inline;
  vertical-align: top;
}

.c-img img {
  vertical-align: middle;
  margin-right: 8px;
}

.c-tag {
  display: inline-block;
  padding: 4px 16px;
  margin-bottom: 5px;
  border: 1px solid #EAEAEA;
  border-radius: 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  white-space: nowrap;
}

.c-tag.-point {
  border-color: #E61728;
  color: #E61728;
}

.c-tag.-area {
  border-color: #4682B4;
  color: #4682B4;
}

.c-tag.-blue {
  border-color: #4E5B73;
  color: #4E5B73;
  background: #f0fbff;
}

.c-tag.-yellow {
  border-color: #B3af11;
  color: #B3af11;
  background: #fffff0;
}

.c-tag.-strong {
  font-size: 14px;
  font-weight: 500;
}

.c-tag__box {
  display: block;
  width: 100%;
  margin-top: -8px;
  margin-right: -4px;
}

.c-tag__box span {
  margin-right: 4px;
  margin-top: 8px;
}

.c-link {
  position: relative;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-link.-blue {
  color: var(--link-color);
}

.c-link.-black {
  color: #4E5B73;
}

.c-link.-underline {
  text-decoration: underline;
  color: var(--link-color);
}

.c-link.-arrow {
  color: var(--link-color);
}

.c-link.-arrow:before {
  -webkit-transform: translate(-1px, -2px) rotate(45deg);
  transform: translate(-1px, -2px) rotate(45deg);
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--link-color);
  border-right: 1px solid var(--link-color);
  margin-right: 6px;
}

.c-link.-textanchor {
  color: var(--link-color);
}

.c-link.-textanchor:before {
  -webkit-transform: translate(1px, -3px) rotate(135deg);
  transform: translate(1px, -3px) rotate(135deg);
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--link-color);
  border-right: 1px solid var(--link-color);
  margin-right: 6px;
}

.c-link.-arrowicon:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/assets/img/common/icn_linkarrow.png?v18d158e79e2") no-repeat center/cover;
  margin-right: 8px;
  vertical-align: middle;
}

.c-link.-image {
  display: inline-block;
  text-decoration: none;
}

.c-link.-winicon {
  display: block;
  width: 100%;
  padding-left: 24px;
  color: var(--link-color);
  line-height: 1.5em;
  text-indent: -24px;
}

.c-link.-winicon:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
  background: url("/assets/img/common/icn_linkwin.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-winicon--after {
  color: var(--link-color);
  line-height: 1.5em;
  margin-right: 4px;
}

.c-link.-winicon--after:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-left: 8px;
  background: url("/assets/img/common/icn_linkwin-b.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-winicon-base:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
  background: url("/assets/img/common/icn_linkwin-b.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-winicon-base--after {
  color: var(--link-color);
  line-height: 1.5em;
  margin-right: 4px;
}

.c-link.-winicon-base--after:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-left: 8px;
  background: url("/assets/img/common/icn_linkwin.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-pdficon {
  display: block;
  width: 100%;
  padding-left: 25px;
  color: #4E5B73;
  line-height: 1.5em;
  text-indent: -25px;
}

.c-link.-pdficon .-text {
  text-decoration: underline;
}

.c-link.-pdficon .-size {
  margin-left: 4px;
  color: #656565;
}

.c-link.-pdficon:before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 14px;
  margin-right: 14px;
  background: url("/assets/img/common/icn_linkpdf.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-pdficon--after {
  margin-right: 4px;
  color: #4E5B73;
  line-height: 1.5em;
}

.c-link.-pdficon--after .-text {
  text-decoration: underline;
}

.c-link.-pdficon--after .-size {
  margin-left: 4px;
  color: #656565;
}

.c-link.-pdficon--after:after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 14px;
  margin-left: 8px;
  background: url("/assets/img/common/icn_linkpdf.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-modalicon {
  display: block;
  width: 100%;
  padding-left: 26px;
  color: var(--link-color);
  line-height: 1.5em;
  text-indent: -26px;
  text-align: left;
}

.c-link.-modalicon:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 14px;
  background: url("/assets/img/common/icn_linkmodal.png?v18d158e79e2") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-modalicon span {
  position: relative;
}

.c-link.-modalicon--after {
  margin-right: 4px;
  color: var(--link-color);
  line-height: 1.5em;
  text-align: left;
}

.c-link.-modalicon--after span {
  position: relative;
}

.c-link.-modalicon--after:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url("/assets/img/common/icn_linkmodal.png?v18d158e79e2") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-modalicon-base:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background: url("/assets/img/common/icn_linkmodal_b.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-modalicon-base--after {
  color: var(--link-color);
  line-height: 1.5em;
  margin-right: 4px;
}

.c-link.-modalicon-base--after:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url("/assets/img/common/icn_linkmodal_b.png?v18d158e79e3") no-repeat center/cover;
  vertical-align: middle;
}

.c-link.-inline {
  display: inline !important;
  padding-left: 0;
  text-indent: 0;
}

.c-link.-blue {
  color: var(--link-color);
}

.c-link.-black {
  color: #4E5B73;
}

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

.c-link.-anchor {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #EAEAEA;
  font-size: 13px;
  line-height: 1.5em;
}

.c-link.-anchor:before {
  position: absolute;
  top: calc(50% - 10px);
  left: 8px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #4E5B73;
  border-bottom: 1px solid #4E5B73;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-link.-anchor:after {
  position: absolute;
  bottom: -1px;
  right: 0;
  content: '';
  display: block;
  width: calc(100% - 24px);
  height: 1px;
  background: #4E5B73;
}

.c-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  padding: 16px 26px;
  background: var(--theme-color);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-button:after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.c-button i {
  display: none;
}

.c-button span {
  position: relative;
}

.c-button.-important {
  background: #E25D6C;
  background: -webkit-gradient(linear, left top, right top, from(#EF6877), to(#F4838F));
  background: linear-gradient(to right, #EF6877, #F4838F);
}

.c-button.-secondary {
  border-color: #A2AAAD;
  background: #A2AAAD;
}

.c-button.-white {
  border: 1px solid var(--theme-color);
  background: #fff;
  color: var(--theme-color);
}

.c-button.-white:after {
  border-top: 1px solid var(--theme-color);
  border-right: 1px solid var(--theme-color);
}

.c-button.-noicon:after, .c-button.-noicon:after {
  content: none;
}

.c-button.-disabled {
  border-color: #D9D9D9;
  background: #D9D9D9;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
}

.c-button.-prev {
  border-color: #A2AAAD;
  background: #A2AAAD;
}

.c-button.-small {
  width: 292px;
}

.c-button.-single {
  width: 375px;
  margin: 0 auto;
}

.c-button.-reversearrow:after {
  top: 50%;
  right: auto;
  left: 16px;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}

.c-button.-hasicon:after {
  content: none;
}

.c-button.-hasicon i {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
}

.c-button.-hasicon i img {
  width: 100%;
}

.c-inputbutton__wrapper {
  position: relative;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 100%;
}

.c-inputbutton__wrapper.-small {
  width: 292px;
}

.c-inputbutton__wrapper.-single {
  width: 375px;
  margin: 0 auto;
}

.c-inputbutton__wrapper:after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.c-inputbutton.c-button {
  position: absolute;
}

input.c-button {
  background: -webkit-gradient(linear, left top, right top, from(#4E5B73), to(#7283A3)) url("/assets/img/common/icn_arrow-right-w.png?v18d158e79df") no-repeat center right 16px/9.5px;
  background: linear-gradient(to right, #4E5B73, #7283A3) url("/assets/img/common/icn_arrow-right-w.png?v18d158e79df") no-repeat center right 16px/9.5px;
}

input.c-button.-reversearrow {
  background: -webkit-gradient(linear, left top, right top, from(#4E5B73), to(#7283A3)) url("/assets/img/common/icn_arrow-left-w.png?v18d158e79df") no-repeat center left 16px/9.5px;
  background: linear-gradient(to right, #4E5B73, #7283A3) url("/assets/img/common/icn_arrow-left-w.png?v18d158e79df") no-repeat center left 16px/9.5px;
}

input.c-button.-important {
  background: -webkit-gradient(linear, left top, right top, from(#EF6877), to(#F4838F)) url("/assets/img/common/icn_arrow-right-w.png?v18d158e79df") no-repeat center right 16px/9.5px;
  background: linear-gradient(to right, #EF6877, #F4838F) url("/assets/img/common/icn_arrow-right-w.png?v18d158e79df") no-repeat center right 16px/9.5px;
}

input.c-button.-important.-reversearrow {
  background: -webkit-gradient(linear, left top, right top, from(#EF6877), to(#F4838F)) url("/assets/img/common/icn_arrow-left-w.png?v18d158e79df") no-repeat center left 16px/9.5px;
  background: linear-gradient(to right, #EF6877, #F4838F) url("/assets/img/common/icn_arrow-left-w.png?v18d158e79df") no-repeat center left 16px/9.5px;
}

input.c-button.-white {
  background: #fff url("/assets/img/common/icn_arrow-right-b.png?v18d158e79df") no-repeat center right 16px/9.5px;
}

input.c-button.-white.-reversearrow {
  background: #fff url("/assets/img/common/icn_arrow-left-b.png?v18d158e79de") no-repeat center left 16px/9.5px;
}

input.c-button.-secondary {
  background: #A2AAAD url("/assets/img/common/icn_arrow-right-w.png?v18d158e79df") no-repeat center right 16px/9.5px;
}

input.c-button.-secondary.-reversearrow {
  background: #A2AAAD url("/assets/img/common/icn_arrow-left-w.png?v18d158e79df") no-repeat center left 16px/9.5px;
}

input.c-button[disabled] {
  border-color: #D9D9D9;
  background: #D9D9D9 url("/assets/img/common/icn_arrow-right-w.png?v18d158e79df") no-repeat center right 16px/9.5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
}

input.c-button[disabled].-reversearrow {
  background: #BFBFBF url("/assets/img/common/icn_arrow-left-w.png?v18d158e79df") no-repeat center left 16px/9.5px;
}

.c-pagetopbtn {
  position: fixed;
  display: none;
  z-index: 2;
  right: 40px;
}

.c-pagetopbtn__body {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.35s;
  transition: 0.35s;
  cursor: pointer;
}

.c-pagetopbtn__body span {
  position: absolute;
  top: calc(50% + 4px);
  right: 50%;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
  display: block;
  width: 17px;
  height: 17px;
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
}

.c-pager {
  font-size: 16px !important;
}

.c-pager a {
  display: inline-block;
  padding: 5px;
}

.c-list {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.5em;
}

.c-list__item {
  counter-increment: number;
  margin-bottom: 8px;
}

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

.c-list__item .c-list {
  counter-reset: number;
}

.c-list__item .c-text {
  text-indent: 0;
}

.c-list__item.-new {
  text-indent: -3.75em;
}

.c-list__item.-new:before {
  content: 'NEW' !important;
  display: inline-block;
  padding: 4px 8px;
  margin-right: 4px !important;
  background: #E61728;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: normal;
  text-indent: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.c-list.-newlist > .c-list__item {
  padding-left: 3.75em;
}

.c-list.-dotted > .c-list__item {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.c-list.-dotted > .c-list__item:before {
  content: '・';
  margin-right: .3em;
}

.c-list.-caution {
  color: #656565;
  font-size: 14px;
}

.c-list.-caution > .c-list__item {
  padding-left: 2.2em;
  text-indent: -2.2em;
}

.c-list.-caution > .c-list__item:before {
  content: "*" counter(number);
  margin-right: .3em;
}

.c-list.-caution > .c-list__item:nth-child(-n+9) {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.c-list.-caution > .c-list__item:nth-child(-n+9):before {
  margin-right: .3em;
}

.c-list.-caution__default {
  color: #656565;
  font-size: 14px;
}

.c-list.-caution__default.-red {
  color: #E61728;
}

.c-list.-caution__default > .c-list__item {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.c-list.-caution__default > .c-list__item:before {
  content: "※";
  margin-right: .3em;
}

.c-list.-caution__default > .c-list__item:nth-child(-n+9) {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.c-list.-caution__default > .c-list__item:nth-child(-n+9):before {
  margin-right: .3em;
}

.c-list.-num > .c-list__item {
  padding-left: 1.9em;
  text-indent: -1.9em;
}

.c-list.-num > .c-list__item:before {
  content: counter(number) ".";
  margin-right: .3em;
}

.c-list.-num > .c-list__item:nth-child(-n+9) {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.c-list.-num > .c-list__item:nth-child(-n+9):before {
  margin-right: .3em;
}

.c-list.-num.-round > .c-list__item {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.c-list.-num.-round > .c-list__item:before {
  content: "";
  margin-right: .3em;
}

.c-list.-num.-round > .c-list__item:nth-child(-n+9) {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.c-list.-num.-round > .c-list__item:nth-child(-n+9):before {
  margin-right: .3em;
}

.c-list.-num.-round > .c-list__item:nth-child(1):before {
  content: '\02460';
}

.c-list.-num.-round > .c-list__item:nth-child(2):before {
  content: '\02461';
}

.c-list.-num.-round > .c-list__item:nth-child(3):before {
  content: '\02462';
}

.c-list.-num.-round > .c-list__item:nth-child(4):before {
  content: '\02463';
}

.c-list.-num.-round > .c-list__item:nth-child(5):before {
  content: '\02464';
}

.c-list.-num.-round > .c-list__item:nth-child(6):before {
  content: '\02465';
}

.c-list.-num.-round > .c-list__item:nth-child(7):before {
  content: '\02466';
}

.c-list.-num.-round > .c-list__item:nth-child(8):before {
  content: '\02467';
}

.c-list.-num.-round > .c-list__item:nth-child(9):before {
  content: '\02468';
}

.c-list.-num.-round > .c-list__item:nth-child(10):before {
  content: '\02469';
}

.c-list.-num.-round > .c-list__item:nth-child(11):before {
  content: '\0246a';
}

.c-list.-num.-round > .c-list__item:nth-child(12):before {
  content: '\0246b';
}

.c-list.-num.-round > .c-list__item:nth-child(13):before {
  content: '\0246c';
}

.c-list.-num.-round > .c-list__item:nth-child(14):before {
  content: '\0246d';
}

.c-list.-num.-round > .c-list__item:nth-child(15):before {
  content: '\0246e';
}

.c-list.-num.-round > .c-list__item:nth-child(16):before {
  content: '\0246f';
}

.c-list.-num.-round > .c-list__item:nth-child(17):before {
  content: '\02470';
}

.c-list.-num.-round > .c-list__item:nth-child(18):before {
  content: '\02471';
}

.c-list.-num.-round > .c-list__item:nth-child(19):before {
  content: '\02472';
}

.c-list.-num.-round > .c-list__item:nth-child(20):before {
  content: '\02473';
}

.c-list.-num.-en > .c-list__item {
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.c-list.-num.-en > .c-list__item:before {
  margin-right: .3em;
  content: counter(number,lower-alpha) ".";
}

.c-list.-num.-en > .c-list__item:nth-child(-n+9) {
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.c-list.-num.-en > .c-list__item:nth-child(-n+9):before {
  margin-right: .3em;
}

.c-table, .c-table--spblock, .c-table--spcol, .c-table--form {
  width: 100%;
}

.c-table__thead, .c-table__tbody,
.c-table tr,
.c-table--spblock tr,
.c-table--spcol tr,
.c-table--form tr {
  width: 100%;
  font-size: 14px;
  line-height: 1.5em;
}

.c-table__th, .c-table__td {
  border: 1px solid #EAEAEA;
  padding: 16px 16px;
  vertical-align: baseline;
  text-align: left;
  word-break: break-all;
}

.c-table__th.-center, .c-table__td.-center {
  text-align: center;
}

.c-table__th.-right, .c-table__td.-right {
  text-align: right;
}

.c-table__th.-left, .c-table__td.-left {
  text-align: left;
}

.c-table__th.-top, .c-table__td.-top {
  vertical-align: top;
}

.c-table__th.-middle, .c-table__td.-middle {
  vertical-align: middle;
}

.c-table__th.-bottom, .c-table__td.-bottom {
  vertical-align: bottom;
}

.c-table__th {
  background: #FAFAFA;
  font-weight: 500;
}

.c-table--form {
  table-layout: fixed;
}

.c-table--form .c-table__th {
  width: 30%;
}

.c-table--form .c-table__td {
  width: 70%;
}

.c-table__tell:before {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 8px;
  background: url("/assets/img/common/tell.svg?v18d158e79ee") no-repeat center/contain;
  vertical-align: middle;
}

.c-table__pc:before {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 8px;
  background: url("/assets/img/common/pc.svg?v18d158e79ed") no-repeat center/contain;
  vertical-align: middle;
}

.c-table__post:before {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 8px;
  background: url("/assets/img/common/post.svg?v18d158e79ed") no-repeat center/contain;
  vertical-align: middle;
}

.c-input:disabled, .c-inputarea:disabled, .c-selectbox__body:disabled {
  opacity: 1;
  background: #D9D9D9;
  border: 1px solid #EAEAEA;
  color: #fff;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

input::-moz-placeholder {
  color: #BFBFBF;
}

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

textarea::-webkit-input-placeholder {
  color: #BFBFBF;
}

textarea::-moz-placeholder {
  color: #BFBFBF;
}

textarea:-ms-input-placeholder {
  color: #BFBFBF;
}

input:disabled::-webkit-input-placeholder {
  color: #EAEAEA;
}

input:disabled::-moz-placeholder {
  color: #EAEAEA;
}

input:disabled:-ms-input-placeholder {
  color: #EAEAEA;
}

textarea:disabled::-webkit-input-placeholder {
  color: #EAEAEA;
}

textarea:disabled::-moz-placeholder {
  color: #EAEAEA;
}

textarea:disabled:-ms-input-placeholder {
  color: #EAEAEA;
}

.c-input, .c-inputarea, .c-selectbox__body {
  display: block;
  width: 100%;
  max-width: 266px;
  padding: 8px 16px;
  border: 1px solid #4E5B73;
  border-radius: 5px;
  background: #fff;
  font-size: 14px;
  line-height: 1.5em;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-input.-full, .-full.c-inputarea, .-full.c-selectbox__body {
  max-width: 100%;
}

.-error .c-input, .-error .c-inputarea, .-error .c-selectbox__body, .c-input.-error, .-error.c-inputarea, .-error.c-selectbox__body {
  border: 1px solid #E61728;
  background: #FFF0F4;
  color: #E61728;
}

.c-input:focus, .c-inputarea:focus, .c-selectbox__body:focus {
  -webkit-box-shadow: 0 0 2px 1px rgba(78, 91, 115, 0.15);
  box-shadow: 0 0 2px 1px rgba(78, 91, 115, 0.15);
}

.c-inputarea {
  height: 10em;
}

.c-selectbox {
  position: relative;
  width: 100%;
  max-width: 266px;
  display: block;
}

.c-selectbox:before {
  position: absolute;
  top: calc(50% - 3px);
  right: 8px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 6px 4px 0 4px;
  border-style: solid;
  border-color: #4E5B73 transparent transparent transparent;
  pointer-events: none;
}

.c-selectbox.-full {
  max-width: 100%;
}

.c-selectbox__body {
  width: 100%;
  max-width: 100%;
  padding-right: 22px;
  font-weight: 500;
  cursor: pointer;
}

.c-selectbox.-error,
.-error .c-selectbox {
  color: #E61728;
}

.c-selectbox.-error .c-selectbox__body,
.-error .c-selectbox .c-selectbox__body {
  border: 1px solid #E61728;
  background: #FFF0F4;
}

.c-checkbox,
.c-radiobox {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.c-checkbox__text,
.c-radiobox__text {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.c-checkbox__text i,
.c-radiobox__text i {
  cursor: pointer;
}

.c-checkbox i {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 1px solid #4E5B73;
  border-radius: 5px;
  margin-right: 8px;
  background: #fff;
  vertical-align: middle;
  -webkit-transition: 0.175s;
  transition: 0.175s;
  overflow: hidden;
}

.c-checkbox i:after {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
  content: '';
  display: block;
  width: 6px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

input:checked + .c-checkbox__text i {
  border-color: #4E5B73;
  background: #4E5B73;
}

input:disabled + .c-checkbox__text {
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input:disabled + .c-checkbox__text i {
  border-color: #BFBFBF;
}

input:checked:disabled + .c-checkbox__text i {
  border-color: #BFBFBF;
  background: #BFBFBF;
}

.c-radiobox i {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #4E5B73;
  border-radius: 50%;
  margin-right: 8px;
  background: #fff;
  vertical-align: middle;
  overflow: hidden;
}

.c-radiobox i:before {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  content: '';
  display: block;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: #4E5B73;
  opacity: 0;
  -webkit-transition: 0.175s;
  transition: 0.175s;
}

input:checked + .c-radiobox__text i:before {
  opacity: 1;
}

input:disabled + .c-radiobox__text i {
  border-color: #BFBFBF;
}

input:disabled + .c-radiobox__text {
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input:disabled + .c-radiobox__text i:before {
  background: #BFBFBF;
}

.c-keywordsearch {
  /* position: relative; */
  display: block;
  width: 220px;
}

.c-keywordsearch__input {
  display: block;
  width: 100%;
  padding: 8px 55.5px 8px 20px;
  border: 1px solid #EAEAEA;
  border-radius: 20px;
  background: #FAFAFA;
  font-size: 14px;
}

.c-keywordsearch__input::-webkit-input-placeholder {
  color: #656565;
}

.c-keywordsearch__input::-moz-placeholder {
  color: #656565;
}

.c-keywordsearch__input:-ms-input-placeholder {
  color: #656565;
}

.c-keywordsearch__button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 55.5px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.c-keywordsearch__button span {
  display: inline-block;
  width: 100%;
  padding-right: 24px;
  text-align: right;
}

.c-keywordsearch__button span img {
  width: 15.5px;
}

.c-chatitem {
  right: 40px;
  position: fixed;
  z-index: 2;
  bottom: 16px;
}

.c-textbox {
  width: 100%;
  padding: 0 40px;
}

.c-textbox__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-buttonbox {
  padding: 0 40px;
}

.c-buttonbox--set2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 0 40px;
}

.c-buttonbox--set2col__item {
  display: block;
  width: calc((100% - 42px)/2);
  max-width: 292px;
}

.c-buttonbox--set2col__item:nth-child(n+2) {
  margin-left: 42px;
}

.c-buttonbox--set2col.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.c-buttonbox--set2col.-reverse .c-buttonbox--set2col__item:nth-child(n+2) {
  margin-left: 0;
  margin-right: 42px;
}

.c-borderbox {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-borderbox_alert-title {
  font-size: 18px;
  line-height: 1.7;
  font-weight: bold;
  margin-bottom: 24px;
  color: #E61728;
}

.c-borderbox__inner {
  display: block;
  max-width: 960px;
  margin: 0 auto;
  border: 1px solid #4E5B73;
  padding: 32px;
}

.-important .c-borderbox__inner {
  border-color: #E61728;
}

.c-borderbox.-bgblue .c-borderbox__inner {
  background-color: #4E5B73;
  color: #fff;
}

.c-morebox {
  position: relative;
  width: 100%;
  padding: 0 40px;
}

.c-morebox__inner {
  display: block;
  max-width: 960px;
  margin: 0 auto;
}

.c-morebox__button {
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 40px;
  border: 1px solid var(--theme-color);
  background: #fff;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-morebox__button span {
  position: relative;
  display: none;
  color: var(--theme-color);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-morebox__button span.-open {
  display: block;
  visibility: visible;
  opacity: 1;
}

.c-morebox__button i {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
}

.c-morebox__button i:before, .c-morebox__button i:after {
  position: absolute;
  top: 50%;
  right: 50%;
  content: '';
  display: block;
  width: 16px;
  height: 2px;
  background: var(--theme-color);
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-morebox__button i:before {
  -webkit-transform: translate(50%, -50%) rotate(0);
  transform: translate(50%, -50%) rotate(0);
}

.c-morebox__button i:after {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
}

.c-morebox__button.-open {
  border-color: #D9D9D9;
  background: #EAEAEA;
}

.c-morebox__button.-open span {
  color: #4E5B73;
}

.c-morebox__button.-open span.-open {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.c-morebox__button.-open span.-close {
  display: block;
  visibility: visible;
  opacity: 1;
}

.c-morebox__button.-open i:before, .c-morebox__button.-open i:after {
  background: #4E5B73;
}

.c-morebox__button.-open i:before {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}

.c-morebox__button.-open i:after {
  -webkit-transform: translate(50%, -50%) rotate(360deg);
  transform: translate(50%, -50%) rotate(360deg);
}

.c-morebox__content {
  position: relative;
  display: block;
  width: 100%;
  height: 160px;
  margin-bottom: 24px;
  overflow: hidden;
}

.c-morebox__content:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  display: block;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
}

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

.c-morebox__content.-open {
  height: auto;
}

.c-morebox__content.-open:after {
  content: none;
}

.c-questionlinkbox {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-questionlinkbox__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  padding: 24px;
  border: 1px solid #EAEAEA;
  margin: 0 auto;
}

.c-iconbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 40px;
}

.c-iconbox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-iconbox__icon {
  display: block;
  width: 72px;
  text-align: center;
}

.c-iconbox__detail {
  display: block;
  width: calc(100% - 72px);
  padding-left: 24px;
}

.c-cardbox {
  display: block;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.c-cardbox .-border {
  border-top: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  border-radius: 5px 5px 0 0;
}

.c-cardbox__linkwrap {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-cardbox__image {
  width: 100%;
}

.c-cardbox__image img {
  width: 100%;
}

.c-cardbox__detailbox {
  padding: 16px;
  border: 1px solid #EAEAEA;
  border-radius: 0 0 5px 5px;
  margin-bottom: 24px;
}

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

.c-cardbox__detailbox__title {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
}

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

.-new .c-cardbox__detailbox__title {
  padding-left: 3.2em;
  text-indent: -3.2em;
}

.-new .c-cardbox__detailbox__title:before {
  content: 'NEW';
  display: inline-block;
  padding: 4px 8px;
  margin-right: 8px;
  background: #E61728;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: normal;
  text-indent: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.c-cardbox__detailbox__title.\-border__red {
  padding-left: 8px;
  border-left: 4px solid;
  border-left-color: #FF585D;
}

.c-cardbox__detailbox__title.\-border__yellow {
  padding-left: 8px;
  border-left: 4px solid;
  border-left-color: #B3af11;
}

.c-cardbox__detailbox__title.\-border__gray4 {
  padding-left: 8px;
  border-left: 4px solid;
  border-left-color: #EAEAEA;
}

.c-cardbox__detailbox__tagbox {
  display: block;
  width: 100%;
  margin-top: -5px;
  margin-right: -4px;
}

.c-cardbox__detailbox__tagbox .c-tag {
  margin-right: 4px;
  margin-top: 4px;
  padding: 4px 8px;
}

.-comment .c-cardbox {
  overflow: visible;
}

.-comment .c-cardbox__detailbox {
  padding: 24px;
  border: 1px solid #4E5B73;
  border-radius: 5px;
  margin-bottom: 24px;
}

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

.-comment .c-cardbox__detailbox__title {
  margin: 0 0 24px 43px;
  text-indent: -43px;
  width: auto;
}

.-comment .c-cardbox__detailbox__title:before {
  content: '';
  display: inline-block;
  width: 27px;
  height: 32px;
  margin: 0 16px -9px 0;
  background: url("/assets/img/common/icn_speechbubble.svg?v18d158e79e4") no-repeat center/cover;
  vertical-align: top;
}

.c-cardbox--single__linkwrap {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-cardbox--single__linkwrap p:last-child {
  margin-bottom: 0;
}

.c-cardbox--single__content {
  position: relative;
  display: block;
  width: 100%;
  padding: 32px 58px 32px 32px;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
  overflow: hidden;
}

.c-cardbox--single__content:after {
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #4E5B73 url("/assets/img/common/icn_arrow-right-w.png?v18d158e79df") no-repeat center/9.5px;
}

.c-cardbox--single__tagbox {
  display: block;
  width: 100%;
  margin-top: -5px;
  margin-right: -4px;
  margin-bottom: 16px;
}

.c-cardbox--single__tagbox .c-tag {
  margin-right: 4px;
  margin-top: 4px;
}

.c-cardbox--single__image {
  position: absolute;
  top: 50%;
  left: 32px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 48px;
}

.c-cardbox--single__image img {
  width: 100%;
}

.c-cardbox--single__title {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 500;
}

.c-cardbox--single__text {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.2em;
}

.c-contentbox {
  display: block;
  width: 100%;
}

.c-contentbox__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}

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

.c-contentbox__head__text {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
}

.c-contentbox__body {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

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

.c-contentbox__foot {
  display: block;
  width: 100%;
}

.c-contentbox__foot__buttonbox {
  margin-bottom: 24px;
}

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

.c-contentbox__foot__buttonbox .c-button {
  margin-bottom: 8px;
}

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

.c-contentbox__foot__linkbox {
  margin-bottom: 24px;
}

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

.c-contentbox__foot__linkbox .c-link {
  display: block;
  font-size: 13px;
  margin-bottom: 8px;
}

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

.c-contentbox__borderbox {
  display: block;
  padding: 24px;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
}

.c-contentbox__image {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.c-contentbox__image img {
  width: 100%;
}

.-login .c-contentbox__image {
  margin-bottom: 16px;
}

.c-contentbox__title {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
}

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

.-new .c-contentbox__title {
  padding-left: 3.25em;
  text-indent: -3.25em;
}

.-new .c-contentbox__title:before {
  content: 'NEW';
  display: inline-block;
  padding: 4px 8px;
  margin-right: 8px;
  background: #E61728;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: normal;
  text-indent: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.c-imagebox {
  display: block;
  width: 100%;
  text-align: center;
}

.c-imagebox img {
  margin-bottom: 8px;
}

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

.c-imagebox__text {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
}

.c-imagebox.-full img {
  width: 100%;
}

.c-imagelinkbox {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.c-imagelinkbox img {
  position: relative;
  top: 0;
  right: 50%;
  bottom: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  width: 100%;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-contactbox {
  width: 100%;
  padding: 0 40px;
}

.c-contactbox__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-contactbox__item, .c-contactbox__item--half {
  display: block;
  width: 100%;
  padding: 40px;
  border: 1px solid #EAEAEA;
  margin-bottom: 40px;
}

.c-contactbox__item:last-child, .c-contactbox__item--half:last-child {
  margin-bottom: 0;
}

.c-contactbox__item__box {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

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

.c-contactbox__item__title {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
}

.c-contactbox__item__text {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.5em;
  text-align: center;
}

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

.c-contactbox__item__number {
  display: block;
  width: 100%;
  font-size: 28px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
}

.c-contactbox__item__number span {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding-left: 40px;
}

.c-contactbox__item__number i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  line-height: 1;
  vertical-align: middle;
}

.c-contactbox__item__number i img {
  vertical-align: baseline;
}

.c-contactbox__item--half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 40px 0;
}

.c-contactbox__item--half__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  padding: 0 40px;
}

.c-contactbox__item--half__box:nth-child(n+2) {
  border-left: 1px solid #EAEAEA;
}

.c-adobeinfobox {
  width: 100%;
  padding: 0 40px;
}

.c-adobeinfobox__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-adobeinfobox__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-adobeinfobox__item__button {
  display: block;
  width: 159px;
}

.c-adobeinfobox__item__button img {
  width: 100%;
}

.c-adobeinfobox__item__text {
  display: block;
  width: calc(100% - 159px);
  padding-left: 16px;
  color: #656565;
  font-size: 13px;
  line-height: 1.5em;
}

.c-appdlbox {
  width: 100%;
  padding: 0 40px;
}

.c-appdlbox__inner {
  max-width: 537px;
  margin: 0 auto;
}

.c-appdlbox__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px;
  border: 1px solid #EAEAEA;
}

.c-appdlbox__item__icon {
  position: relative;
  display: block;
  width: 97px;
}

.c-appdlbox__item__icon:after {
  position: absolute;
  top: 0;
  left: calc(100% + 24px);
  content: '';
  width: 1px;
  height: 100%;
  background: #EAEAEA;
}

.c-appdlbox__item__icon img {
  width: 100%;
}

.c-appdlbox__item__text {
  display: block;
  width: calc(100% - 97px);
  padding-left: 48px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
}

.c-appdlbox__item__button {
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 97px - 48px);
  padding-left: 48px;
}

.c-appdlbox__item__button a {
  display: block;
}

.c-appdlbox__item__button a img {
  width: 100%;
}

.c-appdlbox__item__button a.-appstore {
  width: 147px;
}

.c-appdlbox__item__button a.-googlepay {
  width: 182px;
}

.c-scrollbox {
  width: 100%;
  padding: 0 40px;
}

.c-scrollbox__inner {
  display: block;
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.c-scrollbox__contents {
  display: block;
}

.c-scrollbox.-vertical .c-scrollbox__inner {
  width: 100%;
  height: 240px;
  padding: 16px;
  border: 1px solid #EAEAEA;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.c-scrollbox.-vertical .c-scrollbox__contents {
  height: auto;
}

.c-3colborderblock {
  width: 100%;
  padding: 0 40px;
}

.c-3colborderblock__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-3colborderbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.c-3colborderbox__item {
  position: relative;
  width: calc(33.3% - (41px * 2/3));
}

.c-3colborderbox__item:nth-child(n+2) {
  margin-left: 41px;
}

.c-3colborderbox__item:nth-child(n+2):after {
  position: absolute;
  top: 0;
  right: calc(100% + 20px);
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #EAEAEA;
}

.c-2colborderblock {
  width: 100%;
  padding: 0 40px;
}

.c-2colborderblock__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-2colborderbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.c-2colborderbox__item {
  position: relative;
  width: calc(50% - (40px * 1/2));
}

.c-2colborderbox__item:nth-child(n+2) {
  margin-left: 40px;
}

.c-2colborderbox__item:nth-child(n+2):after {
  position: absolute;
  top: 0;
  right: calc(100% + 20px);
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #EAEAEA;
}

.c-diflist {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-diflist__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-diflist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  wrap: wrap;
  width: 100%;
  padding: 16px 0;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  overflow: hidden;
}

.c-diflist__item:nth-child(n+2) {
  margin-top: -1px;
}

.c-diflist__item__title {
  display: block;
  width: 96px;
  font-size: 14px;
  line-height: 1.5em;
}

.c-diflist__item__title.-bold {
  font-weight: 500;
}

.c-diflist__item__detail {
  display: block;
  width: calc(100% - 96px);
  padding-left: 24px;
  font-size: 14px;
  line-height: 1.5em;
}

.c-diflist__item__detail .-new:before {
  content: 'NEW' !important;
  display: inline-block;
  padding: 4px 8px;
  margin-right: 8px !important;
  background: #E61728;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: normal;
  text-indent: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.c-accordionlist {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-accordionlist__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-accordionlist__item {
  margin-bottom: 8px;
}

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

.c-accordionbox__button {
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 40px 16px 16px;
  border: 1px solid #EAEAEA;
  background: #fff;
  font-size: 16px;
  text-align: left;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-accordionbox__button span {
  position: relative;
}

.c-accordionbox__button i {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
}

.c-accordionbox__button i:before, .c-accordionbox__button i:after {
  position: absolute;
  top: 50%;
  right: 50%;
  content: '';
  display: block;
  width: 16px;
  height: 2px;
  background: var(--link-color);
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-accordionbox__button i:before {
  -webkit-transform: translate(50%, -50%) rotate(0);
  transform: translate(50%, -50%) rotate(0);
}

.c-accordionbox__button i:after {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
}

.c-accordionbox__button.-open {
  border: 1px solid #D9D9D9;
  background: #D9D9D9;
  font-weight: 500;
}

.c-accordionbox__button.-open i:before {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}

.c-accordionbox__button.-open i:after {
  -webkit-transform: translate(50%, -50%) rotate(360deg);
  transform: translate(50%, -50%) rotate(360deg);
}

.c-accordionbox__content {
  width: 100%;
  padding: 16px;
  border: 1px solid #EAEAEA;
  border-top: 0;
}

.c-faqlist {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-faqlist__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-faqlist__item {
  padding-bottom: 16px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 32px;
}

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

.c-faqbox {
  display: block;
  width: 100%;
}

.c-faqbox__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.5em;
}

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

.c-faqbox__item.-title {
  font-size: 16px;
  font-weight: 500;
}

.c-faqbox__item .-icon {
  display: block;
  width: 22px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.c-faqbox__item .-icon.-q {
  color: #4E5B73;
}

.c-faqbox__item .-icon.-a {
  color: #FF585D;
}

.c-faqbox__item .-text {
  display: block;
  width: calc(100% - 22px);
  padding-left: 16px;
}

.c-relatedlinkblock {
  display: block;
  width: 100%;
  padding: 24px 40px;
  background: #FAFAFA;
  overflow: hidden;
}

.c-relatedlinkblock__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-relatedlinkblock__item {
  display: block;
  width: calc((100% - 40px * 3) / 4);
  margin-left: 40px;
}

.c-relatedlinkblock__item:nth-child(4n+1) {
  margin-left: 0;
}

.c-relatedlinkblock .-cardlist {
  width: 710px;
}

.c-relatedlinkbox {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

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

.c-relatedlinkbox__button {
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 40px 16px 16px;
  border: 1px solid #EAEAEA;
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-relatedlinkbox__button i {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
}

.c-relatedlinkbox__button i:before, .c-relatedlinkbox__button i:after {
  position: absolute;
  top: 50%;
  right: 50%;
  content: '';
  display: block;
  width: 16px;
  height: 2px;
  background: #4E5B73;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-relatedlinkbox__button i:before {
  -webkit-transform: translate(50%, -50%) rotate(0);
  transform: translate(50%, -50%) rotate(0);
}

.c-relatedlinkbox__button i:after {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
}

.c-relatedlinkbox__button.-open {
  border-color: #D9D9D9;
  background: #EAEAEA;
}

.c-relatedlinkbox__button.-open i:before {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}

.c-relatedlinkbox__button.-open i:after {
  -webkit-transform: translate(50%, -50%) rotate(360deg);
  transform: translate(50%, -50%) rotate(360deg);
}

.c-relatedlinkbox__button span {
  position: relative;
}

.c-relatedlinkbox__list {
  display: block;
  width: 100%;
}

.c-relatedlinkbox__list__item {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

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

.c-relatedlinkbox__list__item .c-link {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.5em;
}

.c-relatedlinkbox__list__item.-title {
  margin-bottom: 16px;
}

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

.c-relatedlinkbox__list__item.-title .c-link {
  font-size: 16px;
  font-weight: 500;
}

.c-anchor {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-anchor__caption {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.c-anchor__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-anchor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.c-anchor__list__item {
  width: calc((100% - 24px * 5)/6);
  margin-left: 24px;
}

.c-anchor__list__item .c-link.-anchor {
  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;
  height: 100%;
  text-align: center;
}

.c-anchor__list.\-2col__anchor .c-anchor__list__item {
  width: calc((100% - 24px)/2);
}

.c-anchor__list.\-3col__anchor .c-anchor__list__item {
  width: calc((100% - 24px * 2)/3);
}

.c-anchor__list.\-4col__anchor .c-anchor__list__item {
  width: calc((100% - 24px * 3)/4);
}

.c-anchor__list.\-5col__anchor .c-anchor__list__item {
  width: calc((100% - 24px * 4)/5);
}

.c-anchor.-column3 .c-anchor__list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: -40px;
  margin-left: -42px;
}

.c-anchor.-column3 .c-anchor__list + .c-anchor__list {
  margin-top: 20px;
}

.c-anchor.-column3 .c-anchor__list .c-anchor__list__item {
  width: calc((100% - 126px) / 3);
  margin: 0;
  margin-top: 40px;
  margin-left: 42px;
}

.c-anchor.-column3 .c-anchor__list .c-anchor__list__item.-spFull {
  width: 100%;
}

.c-anchor.-buttonPattern .c-anchor__list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-left: 1px solid #EAEAEA;
}

.c-anchor.-buttonPattern .c-anchor__list + .c-anchor__list {
  margin-top: 20px;
}

.c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item {
  width: calc(100% / 3);
  margin: 0;
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}

.c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item:nth-child(-n+3) {
  border-top: 1px solid #EAEAEA;
}

.c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item.-spFull {
  width: 100%;
}

.c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item .c-link.-anchor {
  padding: 16px 16px 16px 32px;
  border: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 14px;
}

.c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item .c-link.-anchor::before {
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item .c-link.-anchor::after {
  display: none;
}

.c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item .c-link.-anchor span {
  padding: 0;
}

.c-pdflist {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-pdflist__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-pdflist__list {
  display: block;
  width: 100%;
}

.c-pdflist__list__item {
  margin-bottom: 16px;
  border-bottom: 1px solid #EAEAEA;
}

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

.c-pdflistbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 4px;
}

.c-pdflistbox__label {
  display: block;
  width: calc(100% - 160px);
  font-size: 16px;
  line-height: 1.5em;
}

.c-pdflistbox__pdf {
  display: block;
  width: 160px;
  font-size: 16px;
  line-height: 1.5em;
}

.c-tablebox {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-tablebox__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

@-webkit-keyframes tab-fadeIn {
  0% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  10% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  100% {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}
@keyframes tab-fadeIn {
  0% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  10% {
    display: block;
    visibility: visible;
    opacity: 0;
  }
  100% {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}
.c-tabbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 40px;
  overflow: hidden;
}

.c-tabbox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-tabbox__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: -1px;
}

.c-tabbox__item__button {
  display: block;
  width: 100%;
  border: 1px solid var(--line-color);
  border-bottom: 3px solid var(--theme-color);
  background: #fff;
  color: var(--link-color);
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-tabbox__item__button span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 16px;
}

.c-tabbox__item.-active .c-tabbox__item__button {
  padding: 4px 0;
  border-color: var(--theme-color);
  background: var(--theme-color);
  color: #fff;
}

.c-tabbox.\-2col .c-tabbox__item {
  width: 50%;
}

.c-tabbox.\-3col .c-tabbox__item {
  width: 33.3%;
}

.c-tabbox.\-4col .c-tabbox__item {
  width: 25%;
}

.c-tabcontbox {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-tabcontbox__inner {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-tabcontbox__item {
  display: none;
  width: 100%;
  oapcity: 0;
  visibility: hidden;
}

.c-tabcontbox__item.-active {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-animation: tab-fadeIn 0.35s;
  animation: tab-fadeIn 0.35s;
}

.c-breadcrumb {
  width: 100%;
  border-bottom: 1px solid #EAEAEA;
  padding: 8px 40px;
  background: #FAFAFA;
}

.c-breadcrumb__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-breadcrumblist {
  display: block;
}

.c-breadcrumblist__item {
  position: relative;
  display: inline-block;
  padding-left: 24px;
}

.c-breadcrumblist__item:before {
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #BFBFBF;
  border-right: 1px solid #BFBFBF;
}

.c-breadcrumblist__item:first-child {
  padding-left: 0;
}

.c-breadcrumblist__item:first-child:before {
  content: none;
}

.c-breadcrumblist__item__link {
  display: inline;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 500;
}

.c-breadcrumb.c-breadcrumb-bottom .c-breadcrumblist__item:before {
  top: 60%;
}

.c-modal {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  min-width: 1200px;
  height: 100vh;
  z-index: 5;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.175s;
  transition: 0.175s;
}

.c-modal__inner {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  padding: 40px 40px 40px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.c-modal__contents {
  position: relative;
  display: block;
  width: 1000px;
  max-width: 100%;
  padding: 40px;
  margin: 0 auto;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  background-color: #fff;
  -webkit-transition: 0.175s;
  transition: 0.175s;
}

.c-modal__closebtn {
  display: block;
  width: 1000px;
  max-width: 100%;
  padding: 8px 0;
  margin: 0 auto;
}

.c-modal__closebtn__body {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 0 0 auto;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
}

.c-modal.-open {
  opacity: 1;
  visibility: visible;
}

.c-modal.-open .c-modal__contents {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.c-stepflowblock {
  width: 100%;
  padding: 0 40px;
}

.c-stepflowblock__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-stepflowbox {
  display: block;
  width: 100%;
}

.c-stepflowbox__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 40px;
  overflow: hidden;
}

.c-stepflowbox__item:before {
  position: absolute;
  bottom: 0;
  left: 36px;
  content: '';
  display: block;
  width: 1px;
  height: 120%;
  background: #4E5B73;
}

.c-stepflowbox__item:last-child:before {
  content: none;
}

.c-stepflowbox__item__icon {
  position: relative;
  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: 72px;
  height: 72px;
  background: #4E5B73;
  border-radius: 50%;
  color: #fff;
  overflow: hidden;
}

.c-stepflowbox__item__icon .-num {
  display: block;
  width: 100%;
  padding-top: 2px;
  font-size: 28px;
  line-height: 1.3em;
  font-weight: bold;
  text-align: center;
}

.c-stepflowbox__item__icon .-num:before {
  content: 'Step';
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
}

.c-stepflowbox__item__detail {
  display: block;
  width: calc(100% - 72px);
  padding-left: 40px;
}

.c-stepflowbox__item.-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-stepflowitem__box {
  margin-bottom: 24px;
}

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

.c-stepflowitem__box__title {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
}

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

.c-stepflowitem__box__text {
  display: block;
  margin-bottom: 8px;
  width: 100%;
  font-size: 14px;
  line-height: 1.5em;
}

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

.c-stepflow--colblock {
  width: 100%;
  padding: 0 40px;
}

.c-stepflow--colblock__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-stepflow--colbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-stepflow--colbox__item {
  position: relative;
  width: calc(33.3% - (42px * 2/3));
  margin-left: 42px;
}

.c-stepflow--colbox__item:nth-child(3n+1) {
  margin-left: 0;
}

.c-stepflow--colbox__item:last-child:after {
  content: none;
}

.c-stepflow--colbox__item:after {
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  border-style: solid;
  border-width: 21px 0 21px 26px;
  border-color: transparent transparent transparent var(--theme-color);
}

.c-stepflow--colitem {
  display: block;
  width: 100%;
  padding: 24px;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
}

.c-stepflow--colitem__number {
  display: block;
  width: 100%;
  margin-bottom: 24px;
  color: #4E5B73;
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
}

.c-stepflow--colitem__title {
  display: block;
  width: 100%;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
}

.c-stepflow--colitem__text {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.5em;
}

.c-formbox__label {
  display: block;
  width: 100%;
}

.-required .c-formbox__label {
  padding-left: 48px;
  text-indent: -48px;
}

.-required .c-formbox__label:before {
  content: '必須';
  display: inline-block;
  padding: 4px 8px;
  border-radius: 20px;
  margin-right: 8px;
  background: #E61728;
  color: #fff;
  font-size: 12px;
  line-height: 1em;
  vertical-align: middle;
  text-indent: 0;
}

.c-formbox__item {
  margin-top: 8px;
}

.c-formbox__item:first-child {
  margin-top: 0;
}

.c-formbox__item:last-child .c-formbox__error:last-child {
  padding-bottom: 0;
}

.c-formbox__error {
  display: none;
  width: 100%;
  padding: 8px 0;
  font-size: 14px;
  color: #E61728;
}

.c-formbox.-error .c-formbox__error {
  display: block;
}

.c-formbox.-error .-checkradio {
  background: #FFF0F4;
}

.c-formdataselect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 8px;
}

.c-formdataselect:first-child {
  margin-top: 0;
}

.c-formdataselect:last-child .c-formitem__errortext:last-child {
  padding-bottom: 0;
}

.c-formdataselect__item {
  margin-right: 24px;
}

.c-formdataselect__item .c-selectbox {
  display: inline-block;
  width: 107px;
  margin-right: 8px;
}

.c-formdataselect__item .c-selectbox:last-child {
  margin-right: 0;
}

.c-formdataselect__item .c-selectbox__body {
  display: inline-block;
  width: 100%;
}

.-error .c-formdataselect__item span {
  color: #E61728;
}

.c-formcheckradio {
  margin-top: -16px;
}

.c-formcheckradio__item {
  display: inline-block;
  margin-top: 16px;
  margin-right: 24px;
}

.c-formcheckradio.-full .c-formcheckradio__item {
  display: block;
  width: 100%;
  margin-right: 0;
}

.c-slider--simple {
  display: block;
  width: 100%;
  padding: 0 40px;
}

.c-slider--simple__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-slider--simple__body {
  display: block;
  width: 100%;
  margin-bottom: 24px;
  line-height: 0;
  overflow: hidden;
}

.c-slider--simple__list {
  display: inline-block;
  width: calc(100% + 24px);
  margin-bottom: 0 !important;
  margin-left: -24px;
}

.c-slider--simple__list__item {
  padding-left: 24px;
  line-height: 1.5em;
}

.c-slider--simple__foot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.c-slider--simple__dottedbox {
  display: inline-block;
  max-width: calc(100% - 22px * 2 + 16px * 2);
  margin: 0 16px;
  font-size: 0;
  line-height: 0;
}

.c-slider--simple__dottedbox .slick-dots {
  position: static;
  display: inline-block;
  margin-top: -8px;
  font-size: 0;
  line-height: 0;
}

.c-slider--simple__dottedbox .slick-dots li {
  display: inline-block;
  width: 40px;
  height: 3px;
  margin: 0;
  margin-top: 8px;
  margin-left: 4px;
}

.c-slider--simple__dottedbox .slick-dots li:first-child {
  margin-left: 0;
}

.c-slider--simple__dottedbox .slick-dots li button {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: #EAEAEA;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-slider--simple__dottedbox .slick-dots li button:before {
  content: none !important;
}

.c-slider--simple__dottedbox .slick-dots li.slick-active button {
  background: var(--theme-color);
}

.c-slider--simple__arrow {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
}

.c-slider--simple__arrow span {
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  width: 16px;
  height: 16px;
  border-top: 2px solid var(--theme-color);
  border-right: 2px solid var(--theme-color);
}

.c-slider--simple__arrow.-prev span {
  -webkit-transform: translate(50%, -50%) rotate(-135deg);
  transform: translate(50%, -50%) rotate(-135deg);
}

.c-slider--simple__arrow.-next span {
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
}

.c-keyvisual {
  width: 100%;
  padding: 0 40px;
}

.c-keyvisual__inner {
  max-width: 960px;
  margin: 0 auto;
}

.c-keyvisualimage {
  width: 100%;
}

.c-keyvisualimage img {
  width: 100%;
}

.c-comparisonblock__cardbox {
  margin-bottom: 56px;
}

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

.c-comparisonblock__cardbox__title {
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
}

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

.c-comparisonblock__cardbox__image {
  width: 133px;
  margin: 0 auto 16px;
}

.c-comparisonblock__cardbox__image img {
  width: 100%;
}

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

.c-comparisonblock__cardbox__text {
  margin-bottom: 24px;
}

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

.c-comparisonblock__cardbox__buttonbox {
  margin-bottom: 24px;
}

.c-comparisonblock__cardbox__buttonbox .c-button {
  width: 100%;
  margin-bottom: 8px;
}

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

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

.c-comparisonblock__item {
  margin-bottom: 56px;
}

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

.c-comparisonblock__item__title {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
}

.c-comparisonblock__item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.c-comparisonblock__item__detail p {
  display: block;
  width: 100%;
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: bold;
}

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

.c-comparisonblock__item__detail p.-free {
  font-size: 56px;
  line-height: 1em;
  font-weight: bold;
}

.c-comparisonblock__item__detail p.-free span {
  display: block;
  width: 100%;
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 1.5em;
}

.c-comparisonblock__item__detail p.-price {
  font-size: 56px;
  line-height: 1em;
  font-weight: bold;
}

.c-comparisonblock__item__detail p.-price span {
  display: inline-block;
  font-size: 20px;
}

.c-comparisonblock__item__detail p.-price span span {
  font-size: 14px;
  font-weight: normal;
}

.c-currentnav {
  position: fixed;
  bottom: 248px;
  left: 0;
  width: 56px;
  padding: 24px;
  border-radius: 0 5px 5px 0;
  background: #FAFAFA;
  overflow: hidden;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  -webkit-box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.c-currentnav__button--close {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 0 14px auto;
  cursor: pointer;
}

.c-currentnav__button--close * {
  cursor: pointer;
}

.c-currentnav__button--close i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.c-currentnav__button--close i:before, .c-currentnav__button--close i:after {
  position: absolute;
  top: 50%;
  right: 50%;
  content: '';
  display: block;
  width: 125%;
  height: 2px;
  background: #D9D9D9;
}

.c-currentnav__button--close i:before {
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
}

.c-currentnav__button--close i:after {
  -webkit-transform: translate(50%, -50%) rotate(135deg);
  transform: translate(50%, -50%) rotate(135deg);
}

.c-currentnav__button--open {
  position: fixed;
  right: 4%;
  bottom: 120px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  padding: 8px;
  background: #FAFAFA;
  -webkit-box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.c-currentnav__button--open img {
  width: 100%;
}

.c-currentnav__list__item {
  display: block;
  margin-bottom: 16px;
}

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

.c-currentnav__list__item a {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  font-size: 14px;
  line-height: 1.5em;
  white-space: nowrap;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-currentnav__list__item a i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D9D9D9;
}

.c-currentnav__list__item a.-current {
  color: #4E5B73;
}

.c-currentnav__list__item a.-current i {
  background: #4E5B73;
}

.c-cvarea__contents {
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  display: block;
  width: 100%;
  min-width: 1200px;
  padding: 16px 40px;
  background: #f0fbff;
}

.c-cvarea__contents.-static {
  position: static;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: none !important;
  transition: none !important;
}

.c-cvarea__contents.-show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1s transform;
  transition-delay: 1s transform;
  -webkit-transition: 1s -webkit-transform;
  transition: 1s -webkit-transform;
  transition: 1s transform;
  transition: 1s transform, 1s -webkit-transform;
}

.c-cvarea__inner {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-cvarea__title {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
}

.c-cvarea__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.c-cvarea__button .c-button:nth-child(2) {
  margin-left: 40px;
}

.c-cvarea__button .c-button.-single {
  margin: 0;
}

.c-cassette {
  padding: 60px 0 80px;
}

.c-cassette .c-title__block .-main {
  font-size: 24px;
  margin-bottom: 24px;
}

.c-cassette .l-gridblock {
  padding: 0 97px;
}

.c-cassette .l-gridblock .l-gridblock__item {
  width: calc((100% - 24px)/2);
  margin-left: 24px;
}

.c-cassette .l-gridblock .l-gridblock__item .c-title__main {
  padding: 0;
}

.c-cassette .l-gridblock .l-gridblock__item .c-title__main .-main {
  font-size: 16px;
  margin-bottom: 24px;
}

.c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem {
  background-color: #fff;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  padding: 24px 16px;
  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: calc(100% - 48px);
}

.c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem .c-comparisonblock__cardbox__image {
  width: 81px;
  margin-bottom: 0;
}

.c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem .c-comparisonblock__cardbox__image img {
  -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
}

.c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem .c-cassette__carditem__text {
  width: 160px;
}

.c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem .c-cassette__carditem__text .c-text-copy {
  margin-bottom: 32px;
}

.c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem.horizontal .c-comparisonblock__cardbox__image {
  width: 130px;
}

.c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem.horizontal .c-cassette__carditem__text .c-text-copy {
  margin-bottom: 16px;
}

.c-cassette .l-gridblock .l-gridblock__item:nth-child(2n+1) {
  margin-left: 0;
}

.c-cassette .l-gridblock.\-4col {
  padding: 0;
}

.c-cassette .l-gridblock.\-4col .l-gridblock__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-cassette .l-gridblock.\-4col .l-gridblock__item {
  width: calc((100% - 56px)/4);
  margin-left: 0;
}

.c-cassette .l-gridblock.\-4col .l-gridblock__item .c-title__main .-main {
  margin-bottom: 8px;
  min-height: 48px;
  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;
  /*
          @include mq {
          min-height: 72px;
          }
          */
}

.c-cassette .l-gridblock.\-4col .l-gridblock__item .c-cassette__carditem {
  display: block;
  padding: 32px 16px 24px;
  height: calc(100% - 56px);
}

.c-cassette .l-gridblock.\-4col .l-gridblock__item .c-cassette__carditem .c-comparisonblock__cardbox__image {
  min-height: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.c-cassette .l-gridblock.\-4col .l-gridblock__item .c-cassette__carditem .c-cassette__carditem__text {
  width: auto;
}

.c-cassette .l-gridblock.\-4col .l-gridblock__item .c-cassette__carditem .c-cassette__carditem__text .c-text-copy {
  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;
  min-height: 48px;
  margin-bottom: 32px;
}

.c-cassette .l-gridblock.\-4col .l-gridblock__item:nth-child(4n+1) {
  margin-left: 0;
}

.c-cassette.c-cassette__card__02 {
  color: #49484D;
}

.c-cassette.c-cassette__card__02 .c-title__block .-main {
  color: #A9894A;
}

.c-cassette.c-cassette__card__02 .c-button {
  background: #49484D;
}

.c-cassette .c-buttonbox--set2col {
  margin-top: 32px;
  padding: 24px;
  background-color: #fff;
}

.c-cassette .c-buttonbox--set2col .c-buttonbox--set2col__item {
  width: calc((100% - 40px)/2);
  max-width: 100%;
}

.c-cassette .c-buttonbox--set2col .c-buttonbox--set2col__item:nth-child(n+2) {
  margin-left: 40px;
}

.c-cassette.c-cassette__recommendation .c-cassette__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-cassette.c-cassette__recommendation .c-cassette__banner li {
  width: 310px;
  margin-right: 15px;
}

.c-cassette.c-cassette__recommendation .js-cassette-slider-wrap + .js-cassette-slider-wrap {
  margin-top: 15px;
}

.p-importantnews {
  display: block;
  width: 100%;
  height: 32px;
  position: fixed;
  z-index: 10;
  top: 0;
  max-width: 100vw;
  background: #fff0f4;
}

.p-importantnews__inner {
  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%;
  max-width: 1400px;
  height: 32px;
  padding: 0 24px;
  margin: 0 auto;
}

.p-importantnews__button {
  position: absolute;
  top: 24px;
  right: 24px;
  display: block;
  width: auto;
  font-size: 14px;
  line-height: 1.7em;
  text-align: left;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.p-importantnews__button span {
  position: relative;
  display: block;
  padding-right: 24px;
}

.p-importantnews__button span:after {
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  background: url("/assets/img/common/icn_linkarrow.png?v180017b44be&v18d158e79e2") no-repeat center/cover;
}

.p-importantnews__button.-open span:after {
  top: calc(50% + 2px);
  -webkit-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}

.p-importantnews__list {
  display: block;
  width: 100%;
  padding: 0 88px 0 162px;
}

.p-importantnews__list__item {
  margin-bottom: 24px;
}

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

.p-importantnews__list:nth-child(n+3) {
  padding-top: 24px;
}

.p-importantnewsbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.p-importantnewsbox__label {
  position: relative;
  display: block;
  width: 108px;
  padding-left: 16px;
  color: #4E5B73;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1.7em;
  font-weight: bold;
  top: 0;
  left: 0;
}

.p-importantnewsbox__label::after {
  position: absolute;
  top: 50%;
  right: -4px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #4E5B73;
  border-right: 1px solid #4E5B73;
}

.p-importantnewsbox__label i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 12px;
  font-size: 0;
  line-height: 0;
}

.p-importantnewsbox__label i img {
  width: 100%;
}

.p-importantnewsbox__detail {
  display: block;
  width: calc(100% - 80px);
  clear: both;
}

.p-importantnewsbox__detail__date {
  margin-right: 16px;
  font-size: 14px;
  line-height: 1.7em;
  float: left;
}

.p-importantnewsbox__detail__text {
  font-size: 14px;
  line-height: 1.7em;
  margin-left: 108px;
}

.p-top__important_slider {
  width: calc(100% - 108px);
}

.p-top__important_slider .c-slider--simple__list {
  display: block;
  width: 100%;
  margin-bottom: 0 !important;
  margin: 0 auto;
}

.p-top__important_slider .c-slider--simple__inner {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  margin-left: 16px;
  position: relative;
  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;
}

.p-top__important_slider .c-slider--simple__inner::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 11px;
  left: -24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #7283A3;
  border-radius: 1px;
}

.p-top__important_slider .c-slider--simple__arrow {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-top__important_slider .c-slider--simple__arrow:hover {
  opacity: 0.7;
}

.p-top__important_slider .c-slider--simple__arrow.-prev {
  left: 0;
  background-image: url("/assets/img/common/icn_arrow-info_slider-left.svg?v18eacbfbfc0");
}

.p-top__important_slider .c-slider--simple__arrow.-next {
  right: 0;
  background-image: url("/assets/img/common/icn_arrow-info_slider-right.svg?v18eacbfbfc1");
  margin-left: 2px;
}

.p-top__important_slider .c-slider--simple__arrow > span {
  width: 10px;
  height: 10px;
  border-top: 1px solid #4E5B73;
  border-right: 1px solid #4E5B73;
}

.p-top__important_slider .c-slider--simple__body {
  width: 100%;
  margin-bottom: 0;
  padding-left: 40px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-delay: 0.0875s;
  transition-delay: 0.0875s;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.p-top__important_slider .c-slider--simple__body.-active {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}

.p-top__important_slider .c-slider--simple__foot {
  position: static;
  width: auto;
}

.p-top__important_slider .p-top__important_slider_text {
  font-size: 14px;
  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;
}

.p-top__important_slider .p-top__important_slider_text .c-imagelinkbox {
  display: inline-block;
  width: auto;
  letter-spacing: 0.08em;
}

.p-top__important_slider .c-slider--simple__list__item {
  padding: 0;
}

.c-followInfomationButtons {
  position: fixed;
  display: none;
  width: 100%;
  bottom: 0;
  z-index: 9999;
  background-color: #fafafacc;
  height: 64px;
  padding: 8px 0;
  min-width: 1200px;
}

.c-followInfomationButtons .c-followInfomationButtons__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-followInfomationButtons .c-followInfomationButtons__button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  padding: 16px 26px;
  background: #FFF;
  border: 1px solid var(--theme-color);
  border-radius: 4px;
  color: var(--theme-color);
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  width: 422px;
}

.c-followInfomationButtons .c-followInfomationButtons__button:hover {
  opacity: .5;
}

.c-followInfomationButtons .c-followInfomationButtons__button.-important {
  background: var(--theme-color);
  border: none;
  color: #FFF;
}

.c-followInfomationButtons .c-followInfomationButtons__button.-important::after {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

.c-followInfomationButtons .c-followInfomationButtons__button::after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--theme-color);
  border-right: 1px solid var(--theme-color);
}

.c-followInfomationButtons .c-followInfomationButtons__button + .c-followInfomationButtons__button {
  margin-left: 16px;
}

.c-infomationColumn .c-infomationColumn--simple {
  margin-bottom: 40px;
}

.c-infomationColumn .c-infomationColumn--simple__body {
  display: block;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}

.c-infomationColumn .c-infomationColumn--simple__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.c-infomationColumn .c-infomationColumn--simple__list__item {
  width: calc(33.3% - (42px * 2/3));
  margin-left: 42px;
}

.c-infomationColumn .c-infomationColumn--simple__list__item:nth-child(3n+1) {
  margin-left: 0;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox {
  display: block;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__linkwrap {
  display: block;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__linkwrap:hover {
  opacity: .5;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__image {
  width: 100%;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__image img {
  width: 100%;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__detailbox {
  padding: 16px;
  border: 1px solid #EAEAEA;
  border-radius: 0 0 5px 5px;
  margin-bottom: 0;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__detailbox__inner {
  margin-bottom: 24px;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__detailbox__title {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
}

.c-infomationColumn .c-infomationColumn--simple__text {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5em;
}

.c-infomationColumn .c-infomationColumn--simple__cardbox__detailbox__tagbox {
  display: block;
  width: 100%;
  margin-top: -5px;
  margin-right: -4px;
}

.c-infomationColumn .c-infomationColumn--simple__tag {
  margin-right: 4px;
  margin-top: 4px;
  padding: 4px 8px;
  display: inline-block;
  margin-bottom: 5px;
  border: 1px solid #EAEAEA;
  border-radius: 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  white-space: nowrap;
}

.c-infomationColumn .c-infomationColumn--simple__tag::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  margin-right: 3px;
}

.c-infomationColumn .c-infomationColumn--simple__tag.-iconyellow::before {
  background-color: #FCEC7B;
}

.c-infomationColumn .c-infomationColumn--simple__tag.-iconblue::before {
  background-color: #90B9F2;
}

.c-infomationColumn .c-infomationColumn--simple__tag.-icongreen::before {
  background-color: #90DD99;
}

.c-infomationColumn .c-infomationColumn--simple__tag.-iconorange::before {
  background-color: #FDB06E;
}

.c-infomationColumn .c-infomationColumn--simple__tag.-iconpink::before {
  background-color: #FCBACE;
}

.c-infomationColumn .c-infomationColumn--simple__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  padding: 16px 26px;
  background: -webkit-gradient(linear, left top, right top, from(#4E5B73), to(#7283A3));
  background: linear-gradient(to right, #4E5B73, #7283A3);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-infomationColumn .c-infomationColumn--simple__button::after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.c-infomationColumn .c-infomationColumn--simple__button span {
  position: relative;
}

.c-infomationColumn .c-infomationColumn--simple__foot {
  display: none;
}

.c-infomationColumn .c-infomationColumn--simple__dottedbox {
  font-size: 0;
  line-height: 0;
}

.c-infomationColumn .c-infomationColumn--simple__dottedbox .slick-dots {
  position: static;
  display: inline-block;
  margin-top: -8px;
  font-size: 0;
  line-height: 0;
}

.c-infomationColumn .c-infomationColumn--simple__dottedbox .slick-dots li {
  display: inline-block;
  width: 40px;
  height: 3px;
  margin: 0;
  margin-top: 8px;
  margin-left: 4px;
}

.c-infomationColumn .c-infomationColumn--simple__dottedbox .slick-dots li:first-child {
  margin-left: 0;
}

.c-infomationColumn .c-infomationColumn--simple__dottedbox .slick-dots li button {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: #EAEAEA;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.c-infomationColumn .c-infomationColumn--simple__dottedbox .slick-dots li button::before {
  content: none;
}

.c-infomationColumn .c-infomationColumn--simple__dottedbox .slick-dots li.slick-active button {
  background: #4E5B73;
}

/* ===============================================================

 utility

=============================================================== */
.u-dp__none {
  display: none !important;
}

.u-dp__inline {
  display: inline !important;
}

.u-dp__inlineblock {
  display: inline-block !important;
  width: auto !important;
}

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

.u-ff__arial {
  font-family: "Plus Jakarta Sans", "Arial";
}

.u-m0 {
  margin: 0 !important;
}

.u-m0--a {
  margin: 0 auto !important;
}

.u-m--xxl {
  margin: 120px !important;
}

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

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

.u-m--m {
  margin: 24px !important;
}

.u-m--s {
  margin: 16px !important;
}

.u-m--xs {
  margin: 8px !important;
}

.u-m--xxs {
  margin: 4px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-p0 {
  padding: 0 !important;
}

.u-p--xxl {
  padding: 120px !important;
}

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

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

.u-p--m {
  padding: 24px !important;
}

.u-p--s {
  padding: 16px !important;
}

.u-p--xs {
  padding: 8px !important;
}

.u-p--xxs {
  padding: 4px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-fw__normal {
  font-weight: normal !important;
}

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

.u-fa__center {
  text-align: center !important;
}

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

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

.u-fc__text {
  color: #4E5B73 !important;
}

.u-fc__gray {
  color: #656565;
}

.u-fc__red {
  color: #E61728 !important;
}

.u-fc__accent {
  color: #FF585D !important;
}

.u-fc__white {
  color: #fff !important;
}

.u-fc__pink {
  color: #DB5E82 !important;
}

.u-fs__xxs {
  font-size: 12px !important;
}

.u-fs__xs {
  font-size: 13px !important;
}

.u-fs__s {
  font-size: 14px !important;
}

.u-fs__m {
  font-size: 16px !important;
}

.u-fs__l {
  font-size: 20px !important;
}

.u-fs__xl {
  font-size: 28px !important;
}

.u-fs__xxl {
  font-size: 40px !important;
}

.u-flh__xxs {
  line-height: 1.4em !important;
}

.u-flh__xs {
  line-height: 1.5em !important;
}

.u-flh__s {
  line-height: 1.6em !important;
}

.u-flh__m {
  line-height: 1.7em !important;
}

.u-flh__l {
  line-height: 1.8em !important;
}

.u-flh__xl {
  line-height: 1.9em !important;
}

.u-flh__xxl {
  line-height: 2.0em !important;
}

.u-bgc__gray {
  background: #FAFAFA;
}

.u-bgc__qclub {
  background: #fffff0;
}

.u-bgc__jfrcard {
  background: #f0fbff;
}

.u-bgc__main {
  background: var(--theme-color);
}

.u-bgc__important {
  background: #FFF0F4;
}

.u-bgc__qirapink {
  background: #D680A7;
}

.u-brd__1pxsolid__gray {
  border: 1px solid #656565;
}

.u-brd__1pxsolid__gray4 {
  border: 1px solid #EAEAEA;
}

.u-brd__none {
  border: none !important;
}

.u__round {
  border-radius: 10px;
}

.u__round5 {
  border-radius: 5px;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-plink-adjust {
  padding-top: 100px !important;
  margin-top: -100px !important;
}

.u-whitespace__normal {
  white-space: normal !important;
}

.u-w__10 {
  width: 10% !important;
}

.u-w__20 {
  width: 20% !important;
}

.u-w__30 {
  width: 30% !important;
}

.u-w__40 {
  width: 40% !important;
}

.u-w__50 {
  width: 50% !important;
}

.u-w__60 {
  width: 60% !important;
}

.u-w__70 {
  width: 70% !important;
}

.u-w__80 {
  width: 80% !important;
}

.u-w__90 {
  width: 90% !important;
}

.u-w__92 {
  width: 92% !important;
}

.u-w__100 {
  width: 100% !important;
}

.u-w__auto {
  width: auto !important;
}

/* ===============================================================

 contents

=============================================================== */
@media screen and (min-width: 768px) {
  .l-header {
    border-bottom: 1px solid #EAEAEA;
  }

  .l-header__inner {
    height: 100%;
  }

  .l-header.-fixed {
    height: 63px;
  }

  .l-header.-fixed.-show {
    position: fixed;
    -webkit-animation: header_show 0.4375s;
    animation: header_show 0.4375s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .l-header.-fixed.-show .l-header__contents {
    width: calc(100% - (54.824% - 256px - 202px - 16px - 16px));
  }

  .l-header.-fixed.-show .l-headernav--global__link {
    white-space: nowrap;
  }

  .l-header.-fixed .l-header__inner {
    padding: 0 16px;
  }

  .l-header.-fixed .l-header__contents {
    height: 100%;
    padding-top: 0;
  }

  .l-header.-fixed .l-header__contents__inner {
    height: 100%;
  }

  .l-header.-fixed .l-header__contents__supportlink {
    display: none;
  }

  .l-header.-fixed .l-header__contents__keywordsearch {
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 202px;
  }

  .l-header.-fixed .l-header__contents__keywordsearch .c-keywordsearch__input {
    padding-right: 32px;
    padding-left: 16px;
  }

  .l-header.-fixed .l-header__contents__keywordsearch .c-keywordsearch__button {
    width: 32px;
  }

  .l-header.-fixed .l-header__contents__keywordsearch .c-keywordsearch__button span {
    padding-right: 12px;
  }

  .l-header.-fixed .l-header__contents__globalnav {
    height: 100%;
  }

  .l-header.-fixed .l-headernav--global {
    width: calc(100% - 248px - 202px - 16px - 16px);
    height: 100%;
  }

  .l-header.-fixed .l-headernav--global__list {
    height: 100%;
  }

  .l-header.-fixed .l-headernav--global__list__item {
    height: 100%;
  }

  .l-header.-fixed .l-headernav--global__link {
    height: 100%;
    padding: 18px 16px;
  }

  .l-header.-fixed .l-headerlogin {
    right: calc(16px + 202px + 16px);
  }

  .l-header:after {
    position: absolute;
    top: 100%;
    right: 0;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    content: '';
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #EAEAEA;
    background: #f2f2f2;
    z-index: 1;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0);
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
  }

  .l-header.-hover:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: 640px;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.08);
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
  }

  .l-header__logo:hover {
    opacity: .5;
  }

  .l-header__contents {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
  }

  .l-headernav--support__link {
    position: relative;
    padding-right: 14px;
  }

  .l-headernav--support__link:before {
    position: absolute;
    top: calc(50% - 2px);
    right: 4px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #656565;
    border-bottom: 1px solid #656565;
  }

  .l-headernav--support__link:last-child {
    padding-right: 0;
  }

  .l-headernav--support__link:last-child:before {
    content: none;
  }

  .l-headernav--support__middle__item:hover .l-headernav--support__morebox {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .l-headernav--global {
    width: calc(100% - 256px);
  }

  .l-headernav--global__link {
    -webkit-transition: 0.35s opacity;
    transition: 0.35s opacity;
  }

  .l-headernav--global__link:hover {
    opacity: .5;
  }

  .l-headernav--global__list__item:hover .l-headernav--global__morebox {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    -webkit-transition-delay: 0.6125s;
    transition-delay: 0.6125s;
  }

  .l-headernav--global__morebox__title {
    cursor: default;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .l-headernav--global__morebox__block .-col2 {
    width: calc(66.6% - 8px);
  }

  .l-headernav--global__morebox__block .-col1 {
    width: calc(33.3% - 24px);
  }

  .l-headernav--global__morebox .js-accordioncont .appeal {
    margin-bottom: 40px;
    font-size: 14px;
  }

  .l-headernav--global__morebox .js-accordioncont .appeal > span {
    padding: 8px;
    border: solid 1px #4E5B73;
  }

  .l-headernav--globalitem .-subtitle {
    font-size: 14px;
  }

  .l-headernav--globalitem__title {
    cursor: default;
    pointer-events: none;
  }

  .l-headernav--globalitem__content .-col1inner {
    margin-left: 24px;
    width: 50%;
  }

  .l-headernav--globalitem__content .-col2inner {
    width: 50%;
  }

  .l-headernav--globalitem__cardlist {
    margin-left: 32px;
  }

  .l-headernav--globalitem__campaign__linkwrap {
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .l-headernav--globalitem__campaign__linkwrap:hover {
    opacity: .5;
  }

  .l-headerlogin__button.-apply:hover {
    opacity: .5;
  }

  .l-headerlogin__morebox {
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }

  .l-headerlogin__button:hover .l-headerlogin__morebox {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .l-header--maintype .l-header__inner {
    padding: 0 40px;
  }

  .l-header--maintype .l-header__contents {
    width: 100%;
    padding-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .l-header--maintype .l-header__logo {
    width: 160px;
    min-width: 160px;
    -webkit-transition: bottom 0s;
    transition: bottom 0s;
  }

  .l-header--maintype .l-header__contents__supportlink {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .l-header--maintype .l-header__contents__supportlink:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100vw;
    min-width: 1200px;
    bottom: 0;
    left: -40px;
    background-color: #EBEBEB;
  }

  .l-header--maintype .l-headernav--support {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0px;
    margin: 7px 0;
  }

  .l-header--maintype .l-headernav--support__link, .l-header--maintype .l-headernav--support__button {
    padding: 0;
  }

  .l-header--maintype .l-headernav--support__link:hover, .l-header--maintype .l-headernav--support__button:hover {
    opacity: 0.7;
  }

  .l-header--maintype .l-headernav--support__link {
    white-space: nowrap;
  }

  .l-header--maintype .l-headernav--support__item {
    margin-left: 0px;
  }

  .l-header--maintype .l-headernav--support__item .l-headernav--support__link.-blank > span::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 9px;
    margin-right: 4px;
    background: url("/assets/img/common/icn_linkwin-b.png?v180017b44c7&v18d158e79e3") no-repeat center/cover;
    margin-top: 7px;
  }

  .l-header--maintype .l-headernav--support__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 8px 0;
  }

  .l-header--maintype .l-headernav--support__middle__item {
    position: relative;
  }

  .l-header--maintype .l-headernav--support__middle__item:hover .l-headernav--support__middle__item__link > span::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    margin-bottom: 0px;
  }

  .l-header--maintype .l-headernav--support__middle__item__link {
    position: relative;
    display: block;
    padding: 0 16px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
  }

  .l-header--maintype .l-headernav--support__middle__item__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #EAEAEA;
    width: 1px;
    height: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .l-header--maintype .l-headernav--support__middle .l-header__contents__mainmenu {
    position: static;
  }

  .l-header--maintype .l-headernav--support__middle .l-header__contents__mainmenu .l-header--mainmenu__link__item {
    padding: 0 16px;
  }

  .l-header--maintype .l-headernav--support__middle .l-header__contents__mainmenu .l-header--mainmenu__link__item .l-header--mainmenu__link__item__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    background: #EAEAEA;
    width: 1px;
    height: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .l-header--maintype .l-headernav--support__middle .l-header__contents__mainmenu .l-header--mainmenu__link__item .l-header--mainmenu__link__item__link:hover {
    opacity: 0.7;
  }

  .l-header--maintype .l-headernav--support__middle .l-header__contents__mainmenu .l-header--mainmenu__morebox {
    top: 45px;
  }

  .l-header--maintype .l-headernav--support__middle__button {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    background: #FAFAFA;
    font-size: 14px;
    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;
    margin-left: 16px;
  }

  .l-header--maintype .l-headernav--support__middle__button::before {
    left: -16px;
  }

  .l-header--maintype .l-headernav--support__middle__button:hover {
    border-color: var(--theme-color);
  }

  .l-header--maintype .l-headernav--support__middle__button.-open {
    border-color: var(--theme-color);
  }

  .l-header--maintype .l-headernav--support__middle__button__item {
    width: 15px;
    height: 15px;
    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;
  }

  .l-header--maintype .l-headernav--support__middle__button__item > img {
    width: 100%;
    height: 100%;
  }

  .l-header--maintype .l-header__contents__keywordsearch {
    top: 12px;
    z-index: 10000;
  }

  .l-header--maintype .l-headernav--support.l-headernav--kameiten {
    position: absolute;
    top: 0;
    right: 236px;
    display: inline-block;
    width: auto;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    padding: 0 16px;
  }

  .l-header--maintype .l-headernav--global {
    width: calc(100% - 265px);
  }

  .l-header--maintype.l-header.-fixed .l-header__logo {
    bottom: 19px;
  }

  .l-header--maintype.l-header.-fixed .l-header__contents__keywordsearch {
    display: none;
  }

  .l-header--maintype.l-header.-fixed .l-headernav--global {
    width: calc(100% - 115px);
  }

  .l-header--maintype.l-header.-fixed .l-headerlogin {
    right: 16px;
    padding-bottom: 12px;
  }

  .l-header--maintype .l-headernav--global__link {
    padding: 20px 16px;
    min-height: 16px;
    position: relative;
  }

  .l-header--maintype .l-headernav--nohover__global__list__item:last-of-type a[target="_blank"].l-headernav--global__link {
    padding: 20px 28px 20px 12px;
  }

  .l-header--maintype .l-headernav--nohover__global__list__item + .l-headernav--nohover__global__list__item a[target="_blank"].l-headernav--global__link {
    padding-left: 24px;
  }

  .l-header--maintype a[target="_blank"].l-headernav--global__link.js-modalbtn--open > span::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url("/assets/img/common/icn_linkmodal_b.png?v18d158e79e3") no-repeat center/cover;
    vertical-align: middle;
  }

  .l-header--maintype .l-headernav--support__middle__item__link.-open .l-header--mainmenu__search__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .l-header--mainmenu__link .l-header--mainmenu__link__item:hover .l-header--mainmenu__morebox {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(50%, 0);
    transform: translateY(50%, 0);
  }

  .l-header--mainmenu__link .l-header--mainmenu__link__item:hover .l-header--mainmenu__link__item__link {
    opacity: 0.7;
  }

  .l-header--mainmenu__link .l-header--mainmenu__link__item:hover .l-header--mainmenu__link__item__link > span::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    margin-bottom: 0px;
  }

  .l-header--kameiten.l-header,
  .l-header--faq.l-header {
    position: absolute;
  }

  .l-header--kameiten .l-headernav--support__link:before {
    top: calc(50% - 4px);
    right: 0;
  }

  .l-headernav--support__item:hover .l-header--kameiten .l-headernav--support__morebox {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .l-footer__bannerlink__item .c-link {
    display: block;
    width: 100%;
  }

  .l-footer__bannerlink__item .c-link img {
    width: 100%;
  }

  .l-footer__bannerlink__item.-daimaru {
    width: 160px;
  }

  .l-footer__bannerlink__item.-online {
    width: 140px;
  }

  .l-footer__bannerlink__item.-matsuzakaya {
    width: 160px;
  }

  .l-footer__bannerlink__item.-tomonokai {
    width: 140px;
  }

  .l-footer__supportlink__item, .l-footer__supportlink__sns__item {
    margin-left: 40px;
  }

  .l-footer__supportlink__item:first-child, .l-footer__supportlink__sns__item:first-child {
    margin-left: 0;
  }

  .l-footer__content__box__list .card-list {
    margin-left: 40px;
    width: 210px;
    padding-top: 40px;
  }

  .l-footer__content__box__list .card-list:first-child {
    margin: 0;
    padding: 0;
  }

  .l-footer__content__box__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .l-gridblock.\-2col .l-gridblock__item {
    width: calc((100% - 40px)/2);
    margin-left: 40px;
  }

  .l-gridblock.\-2col .l-gridblock__item:nth-child(2n+1) {
    margin-left: 0;
  }

  .l-gridblock.\-2col .l-gridblock__item:nth-child(n+3) {
    margin-top: 80px;
  }

  .l-gridblock.\-2col--reverse .l-gridblock__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .l-gridblock.\-2col--reverse .l-gridblock__item {
    width: calc((100% - 40px)/2);
    margin-right: 40px;
  }

  .l-gridblock.\-2col--reverse .l-gridblock__item:nth-child(2n+1) {
    margin-right: 0;
  }

  .l-gridblock.\-2col--reverse .l-gridblock__item:nth-child(n+3) {
    margin-top: 80px;
  }

  .l-gridblock.\-3col .l-gridblock__item {
    width: calc(33.3% - (42px * 2/3));
    margin-left: 42px;
  }

  .l-gridblock.\-3col .l-gridblock__item:nth-child(3n+1) {
    margin-left: 0;
  }

  .l-gridblock.\-3col .l-gridblock__item:nth-child(n+4) {
    margin-top: 80px;
  }

  .l-gridblock.\-3col .l-gridblock__item.-size2 {
    width: calc((100% - 42px * 2)/3* 2 + 42px);
  }

  .l-gridblock.\-3col .l-gridblock__item.-center:first-child {
    margin: 0 auto;
  }

  .l-gridblock.\-3col--reverse .l-gridblock__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .l-gridblock.\-3col--reverse .l-gridblock__item {
    width: calc(33.3% - (42px * 2/3));
    margin-right: 42px;
  }

  .l-gridblock.\-3col--reverse .l-gridblock__item:nth-child(3n+1) {
    margin-right: 0;
  }

  .l-gridblock.\-3col--reverse .l-gridblock__item:nth-child(n+4) {
    margin-top: 80px;
  }

  .l-gridblock.\-3col--reverse .l-gridblock__item.-size2 {
    width: calc((100% - 42px * 2)/3* 2 + 42px);
  }

  .l-gridblock.\-4col .l-gridblock__item {
    width: calc((100% - 40px * 3)/4);
    margin-left: 40px;
  }

  .l-gridblock.\-4col .l-gridblock__item:nth-child(4n+1) {
    margin-left: 0;
  }

  .l-gridblock.\-4col .l-gridblock__item:nth-child(n+5) {
    margin-top: 80px;
  }

  .l-gridblock.\-4col .l-gridblock__item.-size2 {
    width: calc((100% - 40px)/2);
  }

  .l-gridblock.\-4col .l-gridblock__item.-size3 {
    width: calc((100% - 40px * 3)/4 * 3 + 40px * 2);
  }

  .l-gridblock.\-4col--reverse .l-gridblock__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .l-gridblock.\-4col--reverse .l-gridblock__item {
    width: calc((100% - 40px * 3)/4);
    margin-right: 40px;
  }

  .l-gridblock.\-4col--reverse .l-gridblock__item:nth-child(4n+1) {
    margin-right: 0;
  }

  .l-gridblock.\-4col--reverse .l-gridblock__item:nth-child(n+5) {
    margin-top: 80px;
  }

  .l-gridblock.\-4col--reverse .l-gridblock__item.-size2 {
    width: calc((100% - 40px)/2);
  }

  .l-gridblock.\-4col--reverse .l-gridblock__item.-size3 {
    width: calc((100% - 40px * 3)/4 * 3 + 40px * 2);
  }

  .c-title__global .-nav h1 {
    width: calc(100% - 555px - 24px);
    margin-right: 24px;
  }

  .c-title__global .-nav .-container .-list li a:hover {
    -webkit-transition: 0.35s;
    transition: 0.35s;
    opacity: .5;
  }

  .c-link.-anchor:hover:before {
    -webkit-transform: translateY(0%) rotate(45deg);
    transform: translateY(0%) rotate(45deg);
  }

  .c-link:hover {
    opacity: .5;
  }

  .c-button:hover {
    opacity: .5;
  }

  input.c-button[disabled]:hover {
    opacity: 1;
  }

  .c-pagetopbtn__body:hover {
    opacity: .75;
  }

  .c-table--spcol .c-table__tbody .c-table__th {
    background: transparent;
  }

  .c-cardbox__linkwrap:hover {
    opacity: .5;
  }

  .c-cardbox--single__linkwrap:hover {
    opacity: .5;
  }

  .-smallimage .c-cardbox--single__tagbox, .-smallimage .c-cardbox--single__title, .-smallimage .c-cardbox--single__text {
    padding-left: 72px;
  }

  .c-cardbox--single.-largeimage {
    height: 156px;
  }

  .c-cardbox--single.-largeimage .c-cardbox--single__linkwrap, .c-cardbox--single.-largeimage .c-cardbox--single__content {
    height: 100%;
  }

  .c-cardbox--single.-largeimage .c-cardbox--single__content {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .c-cardbox--single.-largeimage .c-cardbox--single__image {
    left: 0;
    width: 156px;
  }

  .c-cardbox--single.-largeimage .c-cardbox--single__tagbox, .c-cardbox--single.-largeimage .c-cardbox--single__title, .c-cardbox--single.-largeimage .c-cardbox--single__text {
    padding-left: 148px;
  }

  .c-imagelinkbox:hover img {
    /*transform: translateX(50%) scale(1.15);*/
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0.8;
  }

  .c-accordionbox__button:hover {
    background: #EAEAEA;
  }

  .c-accordionbox__button.-open:hover {
    background: #EAEAEA;
  }

  .c-relatedlinkbox__list .card-list {
    margin-left: 40px;
    width: 210px;
    padding-top: 40px;
  }

  .c-relatedlinkbox__list .card-list:first-child {
    margin: 0;
    padding: 0;
  }

  .c-relatedlinkbox__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .c-anchor__list__item:nth-child(6n+1) {
    margin-left: 0;
  }

  .c-anchor__list__item:nth-child(n+7) {
    margin-top: 24px;
  }

  .c-anchor__list.\-2col__anchor .c-anchor__list__item:nth-child(2n+1) {
    margin-left: 0;
  }

  .c-anchor__list.\-2col__anchor .c-anchor__list__item:nth-child(n+3) {
    margin-top: 24px;
  }

  .c-anchor__list.\-3col__anchor .c-anchor__list__item:nth-child(3n+1) {
    margin-left: 0;
  }

  .c-anchor__list.\-3col__anchor .c-anchor__list__item:nth-child(n+4) {
    margin-top: 24px;
  }

  .c-anchor__list.\-3col__anchor .c-anchor__list__item.-center:first-child {
    margin: 0 auto;
  }

  .c-anchor__list.\-4col__anchor .c-anchor__list__item:nth-child(4n+1) {
    margin-left: 0;
  }

  .c-anchor__list.\-4col__anchor .c-anchor__list__item:nth-child(n+5) {
    margin-top: 24px;
  }

  .c-anchor__list.\-5col__anchor .c-anchor__list__item:nth-child(5n+1) {
    margin-left: 0;
  }

  .c-anchor__list.\-5col__anchor .c-anchor__list__item:nth-child(n+6) {
    margin-top: 24px;
  }

  .c-tabbox__item__button:hover {
    opacity: .5;
  }

  .c-tabbox__item.-active .c-tabbox__item__button:hover {
    opacity: 1;
  }

  .c-currentnav__list__item a span {
    position: relative;
    display: inline-block;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .c-currentnav__list__item a:hover {
    opacity: .5;
  }

  .c-currentnav:hover {
    width: 172px;
  }

  .c-currentnav:hover .c-currentnav__list a span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 0.23333s;
    transition-delay: 0.23333s;
    visibility: visible;
  }

  .p-importantnews__button:hover {
    opacity: .5;
  }

  .p-importantnewsbox {
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .p-importantnews a.p-importantnewsbox:hover {
    opacity: .5;
  }

  .u-dp__sp {
    display: none !important;
  }

  .u-w__10__pc {
    width: 10% !important;
  }

  .u-w__20__pc {
    width: 20% !important;
  }

  .u-w__30__pc {
    width: 30% !important;
  }

  .u-w__40__pc {
    width: 40% !important;
  }

  .u-w__50__pc {
    width: 50% !important;
  }

  .u-w__60__pc {
    width: 60% !important;
  }

  .u-w__70__pc {
    width: 70% !important;
  }

  .u-w__80__pc {
    width: 80% !important;
  }

  .u-w__90__pc {
    width: 90% !important;
  }

  .u-w__92__pc {
    width: 92% !important;
  }

  .u-w__100__pc {
    width: 100% !important;
  }

  .u-w__auto__pc {
    width: auto !important;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .l-header--maintype .l-headernav--support__middle .l-header__contents__mainmenu .l-header--mainmenu__morebox {
    top: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .l-header--maintype .l-header__contents__supportlink:after {
    left: calc(-1 * ((100vw - 100%) / 2));
  }

  .l-header--mainmenu__morebox {
    top: 127%;
    left: initial;
    right: 50%;
    -webkit-transform: translate(50%, -20px);
    transform: translate(50%, -20px);
  }
}
@media screen and (min-width: 768px) and (min-width: 1241px) {
  .l-header.-fixed .l-headernav--global {
    width: calc(100% - 248px - 202px - 30px - 16px);
  }

  .l-header.-fixed .l-headerlogin {
    right: calc(16px + 202px + 30px);
  }
}
@media screen and (min-width: 1261px) {
  .l-headernav--support__item {
    margin-left: 24px;
  }

  .l-header--kameiten .l-header__contents__supportlink,
  .l-header--faq .l-header__contents__supportlink {
    padding-right: 260px;
  }
}
@media (min-width: 1360px) {
  .c-pagetopbtn {
    right: calc(50% - 1240px / 2);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .c-chatitem {
    right: calc(50% - 1240px / 2 - 25px);
  }
}
@media screen and (min-width: 1400px) {
  .l-header--maintype .l-header__inner {
    padding: 0 60px;
  }

  .l-header--maintype .l-headernav--global__link {
    padding: 20px;
  }

  .l-header--maintype .l-header__contents__supportlink:after {
    left: calc(-1 * ((100vw - 100%) / 2));
  }

  .l-header--maintype .l-headernav--global {
    width: calc(100% - 240px);
  }

  .l-header--maintype.l-header.-fixed .l-headernav--global__link {
    padding: 18px 16px;
  }

  .l-header--maintype.l-header.-fixed .l-header__contents__keywordsearch {
    display: block;
  }

  .l-header--maintype.l-header.-fixed .l-headernav--global {
    width: calc(100% - 215px);
  }

  .l-header--maintype.l-header.-fixed .l-headerlogin {
    right: calc(16px + 202px + 15px);
  }

  .l-header--maintype .l-headernav--support.l-headernav--kameiten {
    right: 224px;
  }
}
@media screen and (max-width: 767px) {
  body {
    min-width: 0;
    overflow-x: hidden;
  }

  .l-header__contents__keywordsearch {
    position: static;
    width: 100%;
  }

  .l-header__contents__keywordsearch .c-keywordsearch {
    border-radius: 5px;
  }

  .l-headernav--globalitem__content .-col2inner {
    margin-bottom: 24px;
  }

  .l-headernav--globalitem__linklist__item {
    margin-bottom: 0;
  }

  .l-headernav--globalitem__linklist {
    padding-left: 0;
  }

  .l-header {
    min-width: 0;
    height: 56px;
  }

  .l-header__inner {
    width: 100%;
    height: calc(100% + 1px);
    border-bottom: 1px solid #D9D9D9;
    padding: 0 72px;
    margin: 0 auto;
  }

  .l-header__logo {
    display: block;
    width: 106px;
    padding: 0;
    margin: 0 auto;
  }

  .l-header__contents {
    position: absolute;
    top: 56px;
    right: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    width: 100%;
    height: calc(100vh - 56px);
    padding: 0;
    background: #fff;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .-open .l-header__contents {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

  .l-header__contents__inner {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .l-header__contents__keywordsearch {
    position: static;
    width: 100%;
    padding: 24px 4%;
  }

  .l-header__contents__keywordsearch .c-keywordsearch {
    border-radius: 5px;
    position: relative;
  }

  .l-header__contents__supportlink {
    padding: 80px 4%;
  }

  .l-headernav--support {
    display: block;
  }

  .l-headernav--support__item {
    display: block;
    margin: 0;
    border-bottom: 1px solid #D9D9D9;
  }

  .l-headernav--support__item:first-child {
    border-top: 1px solid #D9D9D9;
  }

  .l-headernav--support__link, .l-headernav--support__button {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 8px 20px 8px 0px;
  }

  .l-headernav--support__link:after {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #656565;
    border-right: 1px solid #656565;
  }

  .l-headernav--support__button i {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 12px;
    height: 12px;
  }

  .l-headernav--support__button i:before, .l-headernav--support__button i:after {
    position: absolute;
    top: 50%;
    right: 50%;
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: #656565;
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .l-headernav--support__button i:before {
    -webkit-transform: translate(50%, -50%) rotate(0deg);
    transform: translate(50%, -50%) rotate(0deg);
  }

  .l-headernav--support__button i:after {
    -webkit-transform: translate(50%, -50%) rotate(90deg);
    transform: translate(50%, -50%) rotate(90deg);
  }

  .l-headernav--support__button.-open i:before {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
  }

  .l-headernav--support__button.-open i:after {
    -webkit-transform: translate(50%, -50%) rotate(360deg);
    transform: translate(50%, -50%) rotate(360deg);
  }

  .l-headernav--support__morebox {
    position: static;
    -webkit-transform: none;
    transform: none;
    display: none;
    width: 100%;
    padding: 16px 0 24px 24px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: inherit;
    opacity: 1;
    visibility: visible;
    -webkit-transition: inherit;
    transition: inherit;
  }

  .l-headernav--support__morebox__item {
    display: block;
    width: 100%;
  }

  .l-headernav--support__morebox__item .c-link {
    display: block;
    width: 100%;
    white-space: inherit;
    font-size: 14px;
  }

  .l-headernav--global {
    display: block;
    width: 100%;
  }

  .l-headernav--global__list {
    display: block;
    width: 100%;
  }

  .l-headernav--global__list__item {
    display: block;
  }

  .l-headernav--global__morebox {
    position: static;
    -webkit-transform: none;
    transform: none;
    height: auto;
    padding: 0;
    opacity: 1;
    visibility: inherit;
    z-index: inherit;
  }

  .l-headernav--global__morebox__title {
    padding: 8px calc(4% + 24px) 8px 4%;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 0;
    font-size: 16px;
  }

  .l-headernav--global__morebox__title .-en {
    height: 16px !important;
  }

  .l-headernav--global__morebox__title .-benefits {
    height: 24px !important;
  }

  .l-headernav--global__morebox__title .-benefitstext {
    margin-bottom: 0;
  }

  .l-headernav--global__morebox__title .-text {
    margin-top: 0;
    margin-left: 0;
  }

  .l-headernav--global__morebox__title .-text.-benefits {
    margin-top: 0;
  }

  .l-headernav--global__morebox__block {
    display: block;
    border-bottom: 1px solid #D9D9D9;
    background: #fff;
  }

  .l-headernav--global__morebox__block__item {
    width: 100%;
  }

  .l-headernav--global__morebox .js-accordioncont {
    display: none;
  }

  .l-headernav--global__morebox .js-accordioncont .appeal {
    background-color: #f2f2f2;
    padding: 40px 4% 0;
  }

  .l-headernav--global__morebox .js-accordioncont .appeal > span {
    display: block;
    border: solid 1px #4E5B73;
    padding: 8px 4%;
    font-size: 14px;
  }

  .l-headernav--globalitem {
    margin-bottom: 0;
    padding-left: 30px;
  }

  .l-headernav--globalitem__title {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 24px 10px 0;
    font-size: 14px;
    position: relative;
  }

  .l-headernav--globalitem__title.-hasicon .-icon {
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .l-headernav--globalitem__title.-arrow::after {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #4E5B73;
    border-right: 1px solid #4E5B73;
  }

  .l-headernav--globalitem__content {
    display: none;
    padding-bottom: 0;
  }

  .l-headernav--globalitem__cardlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 14px;
  }

  .l-headernav--globalitem__cardlist__item {
    width: calc(33.3% - 48px / 3);
    margin-bottom: 0;
  }

  .l-headernav--globalitem__cardlist__item div {
    display: block;
  }

  .l-headernav--globalitem__cardlist__item div img {
    width: 100%;
    margin-bottom: 16px;
  }

  .l-headernav--globalitem__cardlist__item div span {
    display: block;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .l-headernav--globalitem__cardlist__item div .link span {
    margin-bottom: 16px;
  }

  .l-headernav--globalitem__cardlist__item div .link span:last-child {
    margin-bottom: 0;
  }

  .l-headernav--globalitem__campaign {
    display: block;
    width: 100%;
    padding-top: 40px;
    margin-left: 0;
  }

  .l-headernav--globalitem__campaign__item, .l-headernav--globalitem__campaign__item--large {
    width: 100%;
    margin-left: 0;
    margin-bottom: 24px;
  }

  .l-headernav--globalitem__campaign__item--large {
    width: 100%;
  }

  .l-headernav--nohover__global__list__item {
    padding: 8px calc(4% + 24px) 8px 4%;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 0;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .l-headernav--nohover__global__list__item .-en {
    display: block;
    height: 16px !important;
  }

  .l-headernav--nohover__global__list__item .-en img {
    width: auto;
    height: 100%;
    display: block;
  }

  .l-headernav--nohover__global__list__item .l-headernav--global__link {
    padding: 0;
  }

  .l-headernav--nohover__global__list__item.-support__hover {
    padding: 0;
    border: 0;
  }

  .l-headernav--nohover__global__list__item.-support__hover .l-headernav--support__morebox {
    border-bottom: 1px solid #D9D9D9;
  }

  .l-headernav--nohover__global__list__item.-support__hover:hover .l-headernav--support__morebox {
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: none;
    transform: none;
  }

  .l-headernav--nohover__global__list__item.-support__hover:hover {
    padding: 0;
    border: 0;
  }

  .l-header--maintype .l-headernav--support.l-headernav--kameiten {
    margin-top: 40px;
  }

  .l-header--maintype .l-header__contents__supportlink {
    padding-bottom: 160px;
  }

  .l-header--maintype .l-headerlogin__morebox__section {
    padding: 20px 0;
  }

  .l-header--maintype .l-headerlogin__morebox__section__heading {
    width: 100%;
    margin-bottom: 0;
    padding: 0 24px 15px 0;
    border-bottom: 1px solid #EAEAEA;
  }

  .l-header--maintype .l-headerlogin__morebox__section .c-link.-login::after {
    margin-right: 8px;
    background: url("/assets/img/common/icn_header_login_blue.png?v180017b44b0&v18d158e79e1") no-repeat center/cover;
    vertical-align: middle;
  }

  .l-header--maintype .l-headerlogin__morebox {
    overflow: scroll;
  }

  .l-header--maintype .l-headerlogin__morebox.-randscape_active {
    height: calc(100vh - 56px);
  }

  .l-header.l-header__pc {
    display: none;
  }

  .l-header.l-header__sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #EAEAEA;
  }

  .l-header__sp {
    width: 100%;
    background-color: #fff;
  }

  .l-header__sp__inner {
    width: 100%;
  }

  .l-header__sp__head__front {
    width: 100%;
    height: 100%;
    position: relative;
    padding-right: 60px;
    background-color: #fff;
    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;
    padding-left: 4%;
  }

  .l-header__sp__icon__area {
    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: 58%;
  }

  .l-header__sp__icon {
    display: none;
  }

  .l-header__sp__icon.-display {
    display: block;
  }

  .l-header__sp__icon > img {
    display: block;
    width: 100%;
  }

  .l-header__sp__icon.l-header__sp__icon__qira {
    margin-right: 38.5%;
  }

  .l-header__sp__head__search__content {
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 3;
  }

  .l-header__sp__head__search__content.-active {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .l-header__sp__head__search__content .c-keywordsearch__input {
    display: block;
    width: 100%;
    padding: 12px 40px 12px 40px;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    background: #F3F3F3;
    font-size: 16px;
  }

  .l-header__sp__head__search__content .c-keywordsearch__button {
    left: 0;
  }

  .l-header__sp__head__search__content .c-keywordsearch__close__button {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    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;
  }

  .l-header__sp .l-header__navbtn {
    top: 21%;
    right: 2%;
  }

  .l-header__sp .l-headerlogin {
    position: static;
    top: 0;
    width: 60px;
    height: 24px;
    margin-left: 4%;
  }

  .l-header__sp .l-headerlogin__morebox {
    background-color: #100f0f;
    padding: 32px 4% 40px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    max-height: calc(100vh - $header--sp_height);
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .l-header__sp .l-headerlogin__morebox__inner {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .l-header__sp .l-headerlogin__morebox__section {
    border-bottom: 0;
  }

  .l-header__sp .l-headerlogin__morebox__section.-daimaru, .l-header__sp .l-headerlogin__morebox__section.-gsix {
    display: none;
  }

  .l-header__sp .l-headerlogin__morebox__section.-daimaru.-display, .l-header__sp .l-headerlogin__morebox__section.-gsix.-display {
    display: block;
  }

  .l-header__sp .l-headerlogin__morebox__section__heading {
    padding: 0 24px 10px 0;
    margin-bottom: 16px;
  }

  .l-header__sp .l-headerlogin__morebox__section__text {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
  }

  .l-header__sp .l-headerlogin__morebox__section__link {
    color: #4E5B73;
    font-size: 14px;
    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;
  }

  .l-header__sp .l-headerlogin__morebox__section__link.-winicon::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-left: 8px;
    background: url("/assets/img/common/icn_linkwin-b.png?v18d158e79e3") no-repeat center/cover;
    vertical-align: middle;
  }

  .l-header__sp .l-headerlogin__morebox__section__link.-login::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 13px;
    margin-left: 8px;
    background: url("/assets/img/common/icn_header_login_maincolor.png?v18d158e79e2") no-repeat center/cover;
    vertical-align: middle;
  }

  .l-header__sp .l-headerlogin__button {
    background: #4E5B73;
    background: -webkit-gradient(linear, left top, right top, from(#4E5B73), to(#7283A3));
    background: linear-gradient(to right, #4E5B73, #7283A3);
    color: #fff;
    border: 0;
    font-size: 12px;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 3px 5px;
    margin-left: 0;
    border-radius: 0;
  }

  .l-header__sp .l-headerlogin__button.-daimaru__login {
    background: -webkit-gradient(linear, left top, right top, from(#4E5B73), to(#7283A3));
    background: linear-gradient(to right, #4E5B73, #7283A3);
  }

  .l-header__sp .l-headerlogin__button.-daimaru__login.-open {
    background: #fff;
    color: #4E5B73;
  }

  .l-header__sp .l-headerlogin__button.-gsix__login {
    background: -webkit-gradient(linear, left top, right top, from(#49484D), to(#696969));
    background: linear-gradient(to right, #49484D, #696969);
    color: #fff;
  }

  .l-header__sp .l-headerlogin__button.-gsix__login.-open {
    background: #fff;
    border: 1px solid #4E5B73;
    color: #4E5B73;
  }

  .l-header__sp .l-headerlogin__button > span {
    height: 100%;
    line-height: 1.3;
  }

  .l-header__sp .l-headerlogin__button > span::after {
    display: none;
  }

  .l-header__sp .l-headerlogin.-open .l-headerlogin__morebox {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .l-header__sp .l-headerlogin.-open .l-headerlogin__button {
    background: #fff;
    border: 1px solid #4E5B73;
    color: #4E5B73;
  }

  .l-header__sp .l-headersearch__button {
    height: auto;
    margin-left: 6%;
  }

  .l-header__sp .l-headerlogin__morebox {
    background-color: #fff;
    top: 56px;
    position: absolute;
    left: 0;
  }

  .l-header__sp .l-header__contents {
    width: 100%;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100dvh - 107px);
  }

  .l-header__sp__slidecontent {
    width: 100%;
    background-color: #fff;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    display: none;
  }

  .l-header__sp__slidecontent.-active {
    display: block;
  }

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

  .l-header__sp .l-header__sp__icon__search.-open__btn {
    display: block;
  }

  .l-header__sp .l-header__sp__icon__search.-close__btn {
    display: none;
  }

  .l-header__sp.-open .l-header__navbtn {
    top: 30%;
  }

  .l-header__sp.-open .l-header__sp__icon__search.-open__btn {
    display: none;
  }

  .l-header__sp.-open .l-header__sp__icon__search.-close__btn {
    display: block;
  }

  .l-headernav--global__list__item.-root__links .l-headernav--globalitem {
    padding-left: 4%;
  }

  .l-headernav--global__list__item.-root__links .l-headernav--globalitem__link {
    padding-left: 0;
  }

  .l-headernav--global__list__item.-root__links .l-headernav--globalitem__link.-inner__link {
    padding-left: 4%;
  }

  .l-headernav--global__list__item.-switchitem {
    display: none;
  }

  .l-headernav--global__list__item.-switchitem.-active {
    display: block;
  }

  .l-headernav--globalitem__link {
    width: 100%;
    display: block;
    padding: 16px 32px 16px 30px;
    text-align: left;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    color: #4E5B73;
    position: relative;
  }

  .l-headernav--globalitem__link.-inner__link {
    padding-left: 40px;
  }

  .l-headernav--globalitem__link::after {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #4E5B73;
    border-right: 1px solid #4E5B73;
  }

  .l-headernav--globalitem__title {
    padding: 16px 24px 16px 0;
  }

  .l-headernav--globalitem__title.-hasicon .-icon {
    top: 16px;
  }

  .l-headernav--global__morebox__title.l-return__button {
    padding: 16px calc(4% + 24px) 16px 40px;
    position: relative;
  }

  .l-headernav--global__morebox__title.l-return__button::before {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #4E5B73;
    border-right: 1px solid #4E5B73;
  }

  .l-header.l-header__pop {
    height: 56px;
  }

  .l-header.l-header__pop-daimaru .l-header__logo {
    width: 150px;
  }

  .l-header.l-header__pop-gsix .l-header__logo {
    width: 160px;
  }

  body.info_header_include .l-header {
    top: 52px;
  }

  .l-headerlogin {
    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;
    top: calc(100% + 1px);
    width: 100%;
    height: 66px;
    background: #fff;
  }

  .l-headerlogin__button {
    position: static;
    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: 135px;
    height: 34px;
    padding: 8px 0;
    font-size: 14px;
  }

  .l-headerlogin__button.-apply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .l-headerlogin__button.-member {
    padding: 8px 0;
    margin-left: 16px;
  }

  .l-headerlogin__button.-member > span {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0;
  }

  .l-headerlogin__button.-member > span:after {
    position: absolute;
    top: calc(50% - 2px);
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .l-headerlogin__button.-member:after {
    content: none;
  }

  .l-headerlogin__morebox {
    top: calc(100% - 17px);
    right: 0;
    width: 100vw;
  }

  .l-headerlogin.-open .l-headerlogin__button.-member span:after {
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
  }

  .l-header--maintype .l-headerlogin__morebox {
    overflow: scroll;
  }

  .l-header--maintype .l-headerlogin__morebox.-randscape_active {
    height: calc(100vh - (66px - 34px) / 2 - 34px - 56px);
  }

  .l-header--kameiten .l-header__contents,
  .l-header--faq .l-header__contents {
    top: 57px;
  }

  .l-header--kameiten.l-header {
    height: 56px;
  }

  .l-header--kameiten .l-headerlogin {
    top: 0;
    bottom: auto;
    right: 0;
    display: block;
    width: 67px;
    height: initial;
    background: initial;
    padding-bottom: 0;
  }

  .l-header--kameiten .l-headerlogin__button {
    position: initial;
    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: 67px;
    height: 56px;
    padding: 4px;
    font-size: 13px;
    border-radius: 0;
  }

  .l-header--kameiten .l-headerlogin__button.-member {
    padding: 4px;
    margin: 0;
  }

  .l-header--kameiten .l-headerlogin__button.-member span {
    padding-bottom: 8px;
    position: initial;
    display: initial;
    width: initial;
  }

  .l-header--kameiten .l-headerlogin__button.-member span:after {
    content: none;
  }

  .l-header--faq.l-header {
    height: 56px;
  }

  .l-header--faq .l-headernav--global__morebox__block {
    padding: 40px 4%;
    background: #f2f2f2;
  }

  .l-header--faq .l-headernav--global__morebox__block__item:first-child {
    border-top: 1px solid #D9D9D9;
  }

  .l-footer__content {
    padding: 30px 4%;
  }

  .l-footer__content__item {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .l-footer__bannerlink {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .l-footer__bannerlink__item {
    display: block;
    width: calc((100% - 57px)/ 2);
    margin-left: 0;
    text-align: right;
  }

  .l-footer__bannerlink__item:nth-child(even) {
    text-align: left;
  }

  .l-footer__bannerlink__item:nth-child(n+3) {
    margin-top: 20px;
  }

  .l-footer__bannerlink__item .c-link {
    display: inline-block;
    max-width: 100%;
  }

  .l-footer__bannerlink__item .c-link img {
    width: 100%;
  }

  .l-footer__bannerlink__item.-daimaru .c-link {
    width: 140px;
  }

  .l-footer__bannerlink__item.-online .c-link {
    width: 120px;
  }

  .l-footer__bannerlink__item.-matsuzakaya .c-link {
    width: 140px;
  }

  .l-footer__bannerlink__item.-tomonokai .c-link {
    width: 120px;
  }

  .l-footer__supportlink {
    position: relative;
    padding-right: 76px;
    display: block;
  }

  .l-footer__supportlink__item {
    display: block;
    width: 100%;
  }

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

  .l-footer__supportlink__item.-privacy {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .l-footer__supportlink__sns {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .l-footer__supportlink__sns .-snsicon {
    margin-left: 40px;
  }

  .l-footer__supportlink__sns .-snsicon:first-child {
    margin-left: 0;
  }

  .l-footer__supportlink__sns .-snsicon:nth-child(n+2) {
    margin-top: 0;
  }

  .l-footer__copyright {
    padding: 16px 40px;
  }

  .l-footer__copyright__text {
    margin-bottom: 16px;
  }

  .l-footer__copyright__text:last-child {
    margin-bottom: 0;
  }

  .l-footer__copyright__text.-strong {
    font-weight: 500;
  }

  .l-footer__copyright__text .-br:before {
    content: none;
  }

  .l-footer__copyright__text .-br:after {
    content: '\A';
    white-space: pre;
  }

  .l-footer__bunner__line__inner {
    padding: 40px 4% 32px;
    -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;
  }

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

  .l-footer__bunner__links + .l-footer__bunner__links {
    margin-top: 32px;
  }

  .l-footer__bunner__links.-link__top {
    width: 100%;
  }

  .l-footer__bunner__links.-link__cards {
    width: 100%;
    margin-left: 0;
  }

  .l-footer__bunner__links.-link__cards .l-footer__bunner__link__item {
    width: 48%;
  }

  .l-footer__bunner__links.-link__related .l-footer__bunner__link__items {
    width: 100%;
  }

  .l-footer__bunner__links.-link__related .l-footer__bunner__link__item {
    width: 48%;
  }

  .l-footer__bunner__links.-link__related .l-footer__bunner__link__item:nth-of-type(3) {
    margin-right: 52%;
  }

  .l-footer__bunner__links.-link__related {
    margin-top: 32px;
  }

  .l-footer__bunner__links.-link__related .l-footer__bunner__link__items {
    width: 100%;
  }

  .l-footer__bunner__link__items {
    margin-left: 0;
    width: 100%;
    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;
  }

  .l-footer__bunner__link__item {
    width: 100%;
    margin-right: 0;
  }

  .l-footer__bunner__link__heading {
    width: 100%;
    height: 40px;
    padding: 10px 0;
    margin-bottom: 8px;
  }

  .l-footer__main {
    padding: 40px 0 0;
  }

  .l-footer__head__line {
    -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;
    border-bottom: 0;
    margin-bottom: 0;
  }

  .l-footer__search {
    width: 84%;
  }

  .l-footer__keyword__search {
    margin-top: 24px;
    width: 100%;
  }

  .l-footer__keyword__search__input {
    padding: 9px 55.5px 10px 20px;
  }

  .l-footer__content__block__item + .l-footer__content__block__item {
    margin-left: 0;
  }

  .l-footer__content__box__list.-child__links {
    padding-left: 0;
  }

  .l-footer__content__box__list .card-list {
    margin-bottom: 40px;
  }

  .l-footer__content__box__list .card-list:last-child {
    margin-bottom: 0;
  }

  .l-footer__content__parent__category__heading {
    color: #4E5B73;
    position: relative;
    display: block;
    width: 100%;
    padding: 16px 40px 16px 16px;
    border: 1px solid #EAEAEA;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    margin-top: 1%;
    margin-bottom: 0;
  }

  .l-footer__content__parent__category__heading i {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
  }

  .l-footer__content__parent__category__heading i:before, .l-footer__content__parent__category__heading i:after {
    position: absolute;
    top: 50%;
    right: 50%;
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    background: #4E5B73;
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .l-footer__content__parent__category__heading i:before {
    -webkit-transform: translate(50%, -50%) rotate(0);
    transform: translate(50%, -50%) rotate(0);
  }

  .l-footer__content__parent__category__heading i:after {
    -webkit-transform: translate(50%, -50%) rotate(90deg);
    transform: translate(50%, -50%) rotate(90deg);
  }

  .l-footer__content__parent__category__heading.-open {
    border-color: #D9D9D9;
    background: #EAEAEA;
  }

  .l-footer__content__parent__category__heading.-open i:before {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
  }

  .l-footer__content__parent__category__heading.-open i:after {
    -webkit-transform: translate(50%, -50%) rotate(360deg);
    transform: translate(50%, -50%) rotate(360deg);
  }

  .l-footer__content__parent__category__heading span {
    position: relative;
  }

  .l-footer__content__sub__parent__category__heading {
    color: #4E5B73;
    position: relative;
    display: block;
    width: 100%;
    padding: 16px 40px 16px 16px;
    border: 1px solid #EAEAEA;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    margin-bottom: 0;
  }

  .l-footer__content__sub__parent__category__heading i {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
  }

  .l-footer__content__sub__parent__category__heading i:before, .l-footer__content__sub__parent__category__heading i:after {
    position: absolute;
    top: 50%;
    right: 50%;
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    background: #4E5B73;
    -webkit-transition: 0.35s;
    transition: 0.35s;
  }

  .l-footer__content__sub__parent__category__heading i:before {
    -webkit-transform: translate(50%, -50%) rotate(0);
    transform: translate(50%, -50%) rotate(0);
  }

  .l-footer__content__sub__parent__category__heading i:after {
    -webkit-transform: translate(50%, -50%) rotate(90deg);
    transform: translate(50%, -50%) rotate(90deg);
  }

  .l-footer__content__sub__parent__category__heading.-open {
    border-color: #D9D9D9;
    background: #fff;
  }

  .l-footer__content__sub__parent__category__heading.-open i:before {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
  }

  .l-footer__content__sub__parent__category__heading.-open i:after {
    -webkit-transform: translate(50%, -50%) rotate(360deg);
    transform: translate(50%, -50%) rotate(360deg);
  }

  .l-footer__content__sub__parent__category__heading span {
    position: relative;
  }

  .l-footer__content__block {
    padding: 0 4% 40px 4%;
  }

  .l-footer__content__block__wrap {
    display: block;
    width: 100%;
    margin: 0;
  }

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

  .l-footer__content__block__item.-width__full .l-footer__content__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
  }

  .l-footer__content__block__item.-width__full .l-footer__content__box__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -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;
  }

  .l-footer__content__block__item + .l-footer__content__block__item {
    margin-top: 0;
  }

  .l-footer__content__box {
    margin-bottom: 4px;
    display: none;
  }

  .l-footer__content__box__list {
    display: none;
    padding: 0;
    border: 1px solid #EAEAEA;
    border-top: none;
    background: #fff;
  }

  .l-footer__content__box__list__item {
    margin-bottom: 0;
    width: 100%;
    padding: 16px 8% 16px 12%;
    border-bottom: 2px solid #EAEAEA;
  }

  .l-footer__content__box__list__item:last-of-type {
    border-bottom: 0;
  }

  .l-footer__content__box__list__item .c-link {
    font-size: 14px;
    color: #4E5B73;
    font-weight: 500;
    position: relative;
  }

  .l-footer__content__box__list__item .c-link::after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #4E5B73;
    border-right: 1px solid #4E5B73;
  }

  .l-footer__content__box__list__item.-title .c-link {
    font-weight: normal;
  }

  .l-footer__content__box__item {
    width: 100%;
  }

  .l-footer__content__box__item__inner {
    width: 100%;
  }

  .l-footer__content__box__item__inner + .l-footer__content__box__item__inner {
    margin-top: 0;
  }

  .l-footer__content__box__item__inner .l-footer__content__sub__parent__category__heading {
    padding-left: 8%;
  }

  .l-footer__copy__line__inner {
    padding: 16px 8% 16px 4%;
  }

  .l-footer__copy__line__text {
    text-align: left;
  }

  .l-main {
    padding-top: 78px;
  }

  body.info_header_include .l-main {
    padding-top: 108px;
  }
@media screen and (max-width: 767px) {
body.info_header_include .l-main {padding-top: 78px;}
}

  body.info_header_include .l-main.main_top_page {
    padding-top: 108px;
  }

  body.kameiten_header_include .l-main {
    padding-top: 56px;
  }

  body.faq_header_include .l-main {
    padding-top: 56px;
  }

  .l-box {
    padding: 0 4%;
  }

  .l-gridblock {
    padding: 0 4%;
  }

  .l-gridblock.\-2col, .l-gridblock.\-2col--reverse, .l-gridblock.\-3col, .l-gridblock.\-3col--reverse, .l-gridblock.\-4col, .l-gridblock.\-4col--reverse {
    padding: 0 4%;
  }

  .l-gridblock.\-2col .l-gridblock__item:nth-child(n+2), .l-gridblock.\-2col--reverse .l-gridblock__item:nth-child(n+2), .l-gridblock.\-3col .l-gridblock__item:nth-child(n+2), .l-gridblock.\-3col--reverse .l-gridblock__item:nth-child(n+2), .l-gridblock.\-4col .l-gridblock__item:nth-child(n+2), .l-gridblock.\-4col--reverse .l-gridblock__item:nth-child(n+2) {
    margin-top: 40px;
  }

  .c-title__key {
    padding: 0 4%;
  }

  .c-title__key__box {
    padding-bottom: 16px;
  }

  .c-title__key__box:after {
    margin: 16px auto 0;
  }

  .c-title__key.-gra {
    padding: 16px 4%;
  }

  .c-title__key .-main {
    font-size: 25px;
    font-weight: 500;
  }

  .c-title__key .-copy {
    font-size: 16px;
    text-align: left;
  }

  .c-title__global__box.-search__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .c-title__global__box.-search__header .-main {
    width: 100%;
  }

  .c-title__global__box.-search__header .c-keywordsearch {
    width: 100%;
    margin-top: 16px;
  }

  .c-title__global__box.-title {
    padding: 0 4%;
  }

  .c-title__global .-nav .-container {
    border-top: 1px solid #EAEAEA;
    margin-top: 16px;
    padding-top: 16px;
  }

  .c-title__global .-nav {
    display: block;
  }

  .c-title__global {
    padding: 16px 4%;
  }

  .c-title__block {
    padding: 0 4%;
  }

  .c-title__block .-main {
    font-size: 24px;
  }

  .c-title__main .-main {
    font-size: 21px;
  }

  .c-title__main {
    padding: 0 4%;
  }

  .c-title__sub {
    padding: 0 4%;
  }

  .c-title__small {
    padding: 0 4%;
  }

  .c-text.-graybox {
    padding: 16px;
  }

  .c-link.-anchor {
    padding: 0;
    border-bottom: none;
    font-size: 14px;
  }

  .c-link.-anchor:before {
    content: none;
  }

  .c-link.-anchor:after {
    content: none;
  }

  .c-link.-anchor span {
    position: relative;
    padding-bottom: 16px;
  }

  .c-link.-anchor span:before {
    position: absolute;
    bottom: 6px;
    right: 50%;
    -webkit-transform: translateX(50%) rotate(45deg);
    transform: translateX(50%) rotate(45deg);
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #4E5B73;
    border-bottom: 1px solid #4E5B73;
  }

  .c-button.-spfull {
    width: 100%;
  }

  .c-inputbutton__wrapper.-spfull {
    width: 100%;
  }

  .c-pagetopbtn {
    right: 4%;
  }

  .c-table__th, .c-table__td {
    padding: 8px;
  }

  .c-table--spblock .c-table__thead {
    display: block;
    width: 100%;
  }

  .c-table--spblock .c-table__tbody {
    display: block;
    width: 100%;
  }

  .c-table--spblock .c-table__tbody tr {
    display: block;
    width: 100%;
  }

  .c-table--spblock .c-table__tbody tr:last-child {
    border-bottom: 1px solid #EAEAEA;
  }

  .c-table--spblock .c-table__th, .c-table--spblock .c-table__td {
    border-bottom: none;
  }

  .c-table--spblock .c-table__th {
    display: block;
    width: 100%;
  }

  .c-table--spblock .c-table__td {
    display: block;
    width: 100%;
  }

  .c-table--spcol .c-table__thead {
    display: none;
  }

  .c-table--spcol .c-table__tbody {
    display: block;
    width: 100%;
  }

  .c-table--spcol .c-table__tbody tr {
    display: block;
    width: 100%;
  }

  .c-table--spcol .c-table__tbody tr:last-child {
    border-bottom: 1px solid #EAEAEA;
  }

  .c-table--spcol .c-table__th, .c-table--spcol .c-table__td {
    border-bottom: none;
  }

  .c-table--spcol .c-table__th {
    display: block;
    width: 100%;
  }

  .c-table--spcol .c-table__td {
    display: table;
    width: 100%;
    padding: 0;
  }

  .c-table--spcol .c-table__td:before {
    content: attr(data-label);
    display: table-cell;
    width: 50%;
    padding: 16px;
    border-right: 1px solid #EAEAEA;
  }

  .c-table--spcol .c-table__td span {
    display: table-cell;
    width: 50%;
    padding: 16px;
  }

  .c-table--form .c-table__thead, .c-table--form .c-table__tbody {
    display: block;
    width: 100%;
  }

  .c-table--form .c-table__thead tr, .c-table--form .c-table__tbody tr {
    display: block;
    width: 100%;
  }

  .c-table--form .c-table__thead tr:last-child, .c-table--form .c-table__tbody tr:last-child {
    border-bottom: 1px solid #EAEAEA;
  }

  .c-table--form .c-table__th, .c-table--form .c-table__td {
    display: block;
    width: 100%;
    border-bottom: none;
  }

  .c-input, .c-inputarea, .c-selectbox__body {
    max-width: 100%;
  }

  .c-selectbox {
    max-width: 100%;
  }

  .c-chatitem {
    right: 4%;
  }

  .c-textbox {
    padding: 0 4%;
  }

  .c-buttonbox {
    padding: 0 4%;
  }

  .c-buttonbox--set2col {
    display: block;
    padding: 0 4%;
  }

  .c-buttonbox--set2col__item {
    width: 100%;
    max-width: 100%;
  }

  .c-buttonbox--set2col__item:nth-child(n+2) {
    margin: 8px 0 0;
  }

  .c-borderbox {
    padding: 0 4%;
  }

  .c-morebox {
    padding: 0 4%;
  }

  .c-questionlinkbox {
    padding: 0 4%;
  }

  .c-iconbox {
    display: block;
    padding: 0 4%;
  }

  .c-iconbox__inner {
    display: block;
  }

  .c-iconbox__icon {
    width: 58px;
    margin: 0 auto 24px;
  }

  .c-iconbox__detail {
    width: 100%;
    padding-left: 0;
  }

  .c-cardbox--single__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 40px 24px 24px;
  }

  .c-cardbox--single__content:after {
    right: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 9px;
    height: 9px;
    border-radius: 0;
    border-top: 1px solid #4E5B73;
    border-right: 1px solid #4E5B73;
    background: transparent;
  }

  .c-cardbox--single__tagbox {
    margin-bottom: 24px;
  }

  .c-cardbox--single__image {
    position: static;
    -webkit-transform: none;
    transform: none;
    width: 35px;
    margin-bottom: 24px;
  }

  .c-cardbox--single__title {
    font-size: 20px;
    margin-bottom: 24px;
    line-height: 1.5em;
  }

  .c-cardbox--single__text {
    line-height: 1.5em;
  }

  .-smallimage .c-cardbox--single__tagbox,
  .-largeimage .c-cardbox--single__tagbox, .-smallimage .c-cardbox--single__text,
  .-largeimage .c-cardbox--single__text {
    padding-left: 0;
  }

  .-smallimage .c-cardbox--single__title {
    width: calc(100% - 35px);
    padding-left: 16px;
  }

  .-largeimage .c-cardbox--single__title {
    width: calc(100% - 94px);
    padding-left: 16px;
  }

  .-largeimage .c-cardbox--single__image {
    width: 94px;
  }

  .c-imagebox.-spfull img {
    width: 100%;
  }

  .c-contactbox {
    padding: 0 4%;
  }

  .c-contactbox__item, .c-contactbox__item--half {
    padding: 24px 8px;
  }

  .c-contactbox__item--half {
    display: block;
  }

  .c-contactbox__item--half__box {
    width: 100%;
    padding: 0;
  }

  .c-contactbox__item--half__box:first-child {
    padding-bottom: 24px;
  }

  .c-contactbox__item--half__box:last-child {
    padding-top: 24px;
  }

  .c-contactbox__item--half__box:nth-child(n+2) {
    border-top: 1px solid #EAEAEA;
    border-left: none;
  }

  .c-adobeinfobox {
    padding: 0 4%;
  }

  .c-adobeinfobox__item {
    display: block;
  }

  .c-adobeinfobox__item__button {
    margin-bottom: 16px;
  }

  .c-adobeinfobox__item__text {
    width: 100%;
    padding-left: 0;
  }

  .c-appdlbox {
    padding: 0 4%;
  }

  .c-appdlbox__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .c-appdlbox__item__icon {
    width: 80px;
  }

  .c-appdlbox__item__text {
    width: calc(100% - 80px);
    text-align: left;
  }

  .c-appdlbox__item__button {
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-left: 0;
    margin-top: 24px;
  }

  .c-appdlbox__item__button a.-appstore {
    max-width: 42%;
    width: 147px;
  }

  .c-appdlbox__item__button a.-googlepay {
    max-width: calc(58% - 14px);
    width: 182px;
    margin-left: 14px;
  }

  .c-scrollbox {
    padding: 0 4%;
  }

  .c-scrollbox.-horizontal {
    padding: 0;
  }

  .c-scrollbox.-horizontal .c-scrollbox__inner {
    width: 100%;
    overflow: visible;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .c-scrollbox.-horizontal .c-scrollbox__inner::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }

  .c-scrollbox.-horizontal .c-scrollbox__contents {
    width: calc(100% + 33.3%);
    min-width: 540px;
    padding: 0 4% 8px;
  }

  .c-scrollbox.-horizontal .c-scrollbox__noscroll {
    padding: 0 4% 8px;
  }

  .c-3colborderblock {
    padding: 0 4%;
  }

  .c-3colborderbox__item {
    width: calc(33.3% - (15px * 2/3));
  }

  .c-3colborderbox__item:nth-child(n+2) {
    margin-left: 15px;
  }

  .c-3colborderbox__item:nth-child(n+2):after {
    right: calc(100% + 7px);
  }

  .c-2colborderblock {
    padding: 0 4%;
  }

  .c-2colborderbox__item {
    width: calc(50% - (15px * 1/2));
  }

  .c-2colborderbox__item:nth-child(n+2) {
    margin-left: 15px;
  }

  .c-2colborderbox__item:nth-child(n+2):after {
    right: calc(100% + 7px);
  }

  .c-diflist {
    padding: 0 4%;
  }

  .c-diflist__item {
    display: block;
  }

  .c-diflist__item__title {
    width: 100%;
    margin-bottom: 16px;
  }

  .c-diflist__item__detail {
    width: 100%;
    padding-left: 0;
  }

  .c-accordionlist {
    padding: 0 4%;
  }

  .c-faqlist {
    padding: 0 4%;
  }

  .c-faqbox__item .-text {
    padding-left: 8px;
  }

  .c-relatedlinkbox__list .card-list {
    margin-bottom: 40px;
  }

  .c-relatedlinkbox__list .card-list:last-child {
    margin-bottom: 0;
  }

  .c-relatedlinkblock {
    padding: 24px 4% 120px 4%;
  }

  .c-relatedlinkblock__wrap {
    display: block;
    width: 100%;
    margin: 0;
  }

  .c-relatedlinkblock__item {
    width: 100%;
    margin: 0 0 4px;
  }

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

  .c-relatedlinkbox {
    margin-bottom: 4px;
  }

  .c-relatedlinkbox__list {
    display: none;
    padding: 24px 16px;
    border: 1px solid #EAEAEA;
    border-top: none;
    background: #fff;
  }

  .c-relatedlinkbox__list__item {
    margin-bottom: 16px;
  }

  .c-relatedlinkbox__list__item .c-link {
    font-size: 16px;
  }

  .c-relatedlinkbox__list__item.-title .c-link {
    font-weight: normal;
  }

  .c-anchor {
    overflow: hidden;
    padding: 0;
  }

  .c-anchor__list {
    width: calc(100% + 1px);
    margin-left: -1px;
  }

  .c-anchor__list__item {
    width: 50%;
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    margin: 0;
  }

  .c-anchor__list__item .c-link.-anchor {
    padding: 16px 16px 12px;
  }

  .c-anchor__list__item.-large {
    width: 100%;
  }

  .c-anchor__list__item.-last {
    border-bottom: 1px solid #EAEAEA;
  }

  .c-anchor__list.\-2col__anchor .c-anchor__list__item {
    width: 50%;
  }

  .c-anchor__list.\-2col__anchor .c-anchor__list__item.-large {
    width: 100%;
  }

  .c-anchor__list.\-3col__anchor .c-anchor__list__item {
    width: 50%;
  }

  .c-anchor__list.\-3col__anchor .c-anchor__list__item.-large {
    width: 100%;
  }

  .c-anchor__list.\-4col__anchor .c-anchor__list__item {
    width: 50%;
  }

  .c-anchor__list.\-4col__anchor .c-anchor__list__item.-large {
    width: 100%;
  }

  .c-anchor__list.\-4col__anchor .c-anchor__list__item.\-4col {
    width: 50%;
  }

  .c-anchor__list.\-5col__anchor .c-anchor__list__item {
    width: 50%;
  }

  .c-anchor__list.\-5col__anchor .c-anchor__list__item.-large {
    width: 100%;
  }

  .c-anchor.-column3 .c-anchor__inner {
    padding: 0 4%;
  }

  .c-anchor.-column3 .c-anchor__list {
    border-left: 1px solid #EAEAEA;
    margin: 0;
  }

  .c-anchor.-column3 .c-anchor__list + .c-anchor__list {
    margin-top: 20px;
  }

  .c-anchor.-column3 .c-anchor__list .c-anchor__list__item {
    border: none;
    width: 50%;
    margin: 0;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
  }

  .c-anchor.-column3 .c-anchor__list .c-anchor__list__item:nth-child(-n+3) {
    border-top: 1px solid #EAEAEA;
  }

  .c-anchor.-buttonPattern .c-anchor__inner {
    padding: 0 4%;
  }

  .c-anchor.-buttonPattern .c-anchor__list + .c-anchor__list {
    margin-top: 20px;
  }

  .c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item {
    width: 50%;
    margin: 0;
    border-top: none;
    border-left: none;
  }

  .c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item:nth-child(-n+3) {
    border-top: none;
  }

  .c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item:nth-child(-n+2) {
    border-top: 1px solid #EAEAEA;
  }

  .c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item .c-link.-anchor {
    text-align: left;
  }

  .c-anchor.-buttonPattern .c-anchor__list .c-anchor__list__item .c-link.-anchor span::before {
    left: -22px;
    right: auto;
    top: 0;
    margin: auto 0;
  }

  .c-pdflist {
    padding: 0 4%;
  }

  .c-pdflistbox {
    display: block;
  }

  .c-pdflistbox__label {
    width: 100%;
  }

  .c-pdflistbox__pdf {
    width: 100%;
    text-align: right;
  }

  .c-tablebox .-scroll table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .c-tablebox {
    padding: 0 4%;
  }

  .c-tabbox__item__button span {
    padding: 16px 8px;
  }

  .c-tabbox {
    padding: 0 4%;
  }

  .c-tabcontbox {
    padding: 0 4%;
  }

  .c-breadcrumb {
    padding: 8px 4%;
  }

  .c-modal {
    min-width: 0;
  }

  .c-modal__inner {
    width: 100%;
    padding: 40px 4% 100px;
  }

  .c-modal__contents {
    padding: 40px 24px;
  }

  .c-modal__contents, .c-modal__closebtn {
    max-width: 100%;
  }

  .c-stepflowblock {
    padding: 0 4%;
  }

  .c-stepflowbox__item__detail {
    padding-left: 16px;
  }

  .c-stepflow--colblock {
    padding: 0 4%;
  }

  .c-stepflow--colbox {
    display: block;
  }

  .c-stepflow--colbox__item {
    width: 100%;
    margin-left: 0;
    margin-bottom: 42px;
  }

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

  .c-stepflow--colbox__item:last-child:after {
    content: none;
  }

  .c-stepflow--colbox__item:after {
    position: absolute;
    top: calc(100% + 8px);
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-width: 26px 21px 0 21px;
    border-color: var(--theme-color) transparent transparent transparent;
  }

  .c-formdataselect {
    display: block;
    width: 100%;
  }

  .c-formdataselect__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 8px;
  }

  .c-formdataselect__item:first-child {
    margin-top: 0;
  }

  .c-formdataselect__item .c-selectbox {
    display: block;
    width: calc(100% - 1em - 8px);
  }

  .c-formdataselect__item .c-selectbox:last-child {
    width: 100%;
  }

  .c-formdataselect__item .c-selectbox__body {
    display: block;
  }

  .c-formdataselect__item span {
    display: block;
    width: 1em;
  }

  .c-formcheckradio__item {
    display: block;
    width: 100%;
    margin-right: 0;
  }

  .c-slider--simple {
    padding: 0 4%;
  }

  .c-slider--simple__foot {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .c-slider--simple__dottedbox {
    display: block;
    max-width: calc(100% - 20px * 2 + 4px * 2);
    margin: 0 4px;
  }

  .c-slider--simple__dottedbox .slick-dots {
    text-align: center;
  }

  .c-slider--simple__dottedbox .slick-dots li {
    width: 24px;
    height: 4px;
  }

  .c-slider--simple__arrow {
    display: block;
    width: 20px;
    height: 20px;
  }

  .c-slider--simple__arrow span {
    width: 14px;
    height: 14px;
  }

  .c-slider--simple.-fullwin {
    padding: 0;
  }

  .c-slider--simple.-fullwin .c-slider--simple__foot {
    padding: 0 4%;
  }

  .c-keyvisual {
    padding: 0;
  }

  .c-comparisonblock__cardbox__title {
    font-size: 16px;
  }

  .c-comparisonblock__cardbox__image {
    width: 110px;
    margin-bottom: 16px;
  }

  .c-comparisonblock__cardbox__text {
    margin-bottom: 16px;
  }

  .c-comparisonblock__cardbox__buttonbox {
    margin-bottom: 16px;
  }

  .c-comparisonblock__item__title {
    margin-bottom: 8px;
  }

  .c-comparisonblock__item__detail p.-free span {
    font-size: 16px;
  }

  .c-comparisonblock__item__detail p.-price {
    font-size: 40px;
  }

  .c-comparisonblock__item__detail p.-price span {
    padding-top: 4px;
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1.5em;
  }

  .c-comparisonblock__item__detail p.-price span span {
    display: inline;
    font-size: 20px;
    font-weight: bold;
  }

  .c-currentnav {
    left: auto;
    right: 0;
    bottom: 120px;
    width: 172px;
    padding: 16px 16px 24px 24px;
    border-radius: 5px 0 0 5px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  .c-currentnav.-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .c-currentnav.-open + .c-currentnav__button--open {
    display: none !important;
  }

  .c-cvarea__contents {
    min-width: 0;
    padding: 16px 0;
  }

  .c-cvarea__button .c-button {
    width: calc((100% - 4% * 3)/2);
    padding: 16px 14px;
  }

  .c-cvarea__button .c-button:after {
    right: 8px;
  }

  .c-cvarea__button .c-button:nth-child(2) {
    margin-left: 4%;
  }

  .c-cassette {
    padding: 60px 4vw 80px;
  }

  .c-cassette.c-cassette__card__02 .l-gridblock .l-gridblock__item .c-title__main .-main {
    min-height: 72px;
    margin-bottom: 16px;
    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;
  }

  .c-cassette .l-gridblock {
    padding: 0;
  }

  .c-cassette .l-gridblock .l-gridblock__item {
    width: calc((100% - 16px)/2);
    margin-left: 16px;
  }

  .c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem {
    display: block;
    padding: 24px 22px;
    height: auto;
  }

  .c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem .c-cassette__carditem__text {
    width: auto;
  }

  .c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem .c-cassette__carditem__text .c-text {
    text-align: center;
    margin-top: 16px;
  }

  .c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem .c-cassette__carditem__text .c-text-copy {
    min-height: 48px;
    margin: 16px 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;
  }

  .c-cassette .l-gridblock .l-gridblock__item .c-cassette__carditem.horizontal .c-comparisonblock__cardbox__image {
    width: auto;
  }

  .c-cassette .l-gridblock .l-gridblock__item:nth-child(n+2) {
    margin-top: 0;
  }

  .c-cassette .l-gridblock.\-4col .l-gridblock__inner {
    margin: 0 calc(50% - 50vw) 0 0;
    width: 100%;
  }

  .c-cassette .l-gridblock.\-4col .l-gridblock__item.slick-slide {
    width: 44vw;
    margin: 0 4vw 0 0;
  }

  .c-cassette .c-buttonbox--set2col {
    padding: 24px 4vw;
  }

  .c-cassette .c-buttonbox--set2col .c-buttonbox--set2col__item {
    width: 100%;
    max-width: 100%;
  }

  .c-cassette .c-buttonbox--set2col .c-buttonbox--set2col__item:nth-child(n+2) {
    margin: 8px 0 0;
  }

  .c-cassette.c-cassette__recommendation .c-cassette__banner li {
    width: calc((100% - 30px)/3);
  }

  .c-cassette.c-cassette__recommendation .c-cassette__banner {
    display: block;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }

  .c-cassette.c-cassette__recommendation .c-cassette__banner li.slick-slide {
    margin: 0 8px;
  }

  .c-cassette.c-cassette__recommendation .js-cassette-slider-wrap + .js-cassette-slider-wrap {
    margin-top: 55px;
  }

  .c-cassette .c-slider--simple__foot {
    margin-top: 24px;
  }

  .c-cassette .c-slider--simple__foot .c-slider--simple__dottedbox .slick-dots li {
    width: 40px;
  }

  .c-cassette .c-slider--simple__foot .c-slider--simple__dottedbox .slick-dots li button {
    background: #EAEAEA;
  }

  .c-cassette .c-slider--simple__foot .c-slider--simple__dottedbox .slick-dots li.slick-active button {
    background: #595757;
  }

  .c-cassette .c-slider--simple__foot .c-slider--simple__arrow span {
    border-color: #595757;
  }

  .p-importantnews {
    padding: 0;
    height: 52px;
  }

  .p-importantnews__inner {
    padding: 0 4%;
    height: 100%;
  }

  .p-importantnews__inner.-single_detail {
    padding-bottom: 16px;
  }

  .p-importantnews__button {
    top: auto;
    bottom: 8px;
    right: 0;
    display: inline-block;
    width: auto;
    padding: 8px;
    text-align: center;
  }

  .p-importantnews__button span {
    position: relative;
    display: inline-block;
    padding-right: 22px;
  }

  .p-importantnews__list {
    padding: 0;
  }

  .p-importantnewsbox {
    position: relative;
    display: block;
  }

  .p-importantnewsbox__label {
    display: block;
    width: 79px;
    margin-bottom: 8px;
    position: relative;
    left: 0;
    top: 0;
    padding: 3px 15px 3px 7px;
    border: 1px solid #4E5B73;
    border-radius: 5px;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 12px;
  }

  .p-importantnewsbox__label i {
    width: 11px;
    display: inline-block;
    position: relative;
    margin-right: 2px;
    top: 2px;
    -webkit-transform: none;
    transform: none;
  }

  .p-importantnewsbox__label::after {
    right: 10px;
  }

  .p-importantnewsbox__detail {
    width: 100%;
  }

  .p-importantnewsbox__detail__date {
    position: relative;
    margin: 0;
    float: none;
  }

  .p-importantnewsbox__detail__text {
    margin: 0;
  }

  .p-top__important_slider {
    width: calc(100% - 79px);
  }

  .p-top__important_slider.c-slider--simple {
    padding: 0;
  }

  .p-top__important_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .p-top__important_slider .c-slider--simple__list {
    width: 100%;
  }

  .p-top__important_slider .c-slider--simple__inner {
    padding-right: 64px;
  }

  .p-top__important_slider .c-slider--simple__inner::before {
    display: none;
  }

  .p-top__important_slider .c-slider--simple__arrow {
    width: 16px;
    height: 16px;
  }

  .p-top__important_slider .c-slider--simple__arrow.-next {
    margin-left: 12px;
  }

  .p-top__important_slider .c-slider--simple__arrow > span {
    right: 60%;
    width: 13px;
    height: 13px;
  }

  .p-top__important_slider .c-slider--simple__body {
    margin-bottom: 0;
    padding-left: 0;
  }

  .p-top__important_slider .c-slider--simple__foot {
    position: absolute;
    width: auto;
    right: 18px;
  }

  .p-top__important_slider .p-top__important_slider_text .c-imagelinkbox {
    text-align: left;
    text-decoration: underline;
  }

  .p-top__important_slider .p-top__important_slider_text.c-slider--simple__list__item {
    font-size: 12px;
    padding-right: 0;
  }

  .p-top__important_slider .c-slider--simple__list__item {
    padding: 0 40px 0 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .c-followInfomationButtons {
    height: 56px;
    padding: 4px;
    min-width: initial;
  }

  .c-followInfomationButtons .c-followInfomationButtons__inner {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .c-followInfomationButtons .c-followInfomationButtons__button {
    font-size: 14px;
    width: 50%;
    padding: 0 16px;
  }

  .c-followInfomationButtons .c-followInfomationButtons__button::after {
    right: 8px;
  }

  .c-followInfomationButtons .c-followInfomationButtons__button + .c-followInfomationButtons__button {
    margin-left: 3px;
  }

  .c-infomationColumn .c-infomationColumn--simple {
    padding: 0 4%;
  }

  .c-infomationColumn .c-infomationColumn--simple__inner {
    max-width: 960px;
    margin: 0 auto;
  }

  .c-infomationColumn .c-infomationColumn--simple__body {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    line-height: 0;
    overflow: hidden;
  }

  .c-infomationColumn .c-infomationColumn--simple__list {
    display: inline-block;
    width: calc(100% + 24px);
    margin-bottom: 0;
    margin-left: -24px;
  }

  .c-infomationColumn .slick-list {
    padding-right: 70px;
  }

  .c-infomationColumn .c-infomationColumn--simple__list__item {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-left: 24px;
    line-height: 1.5em;
  }

  .c-infomationColumn .c-infomationColumn--simple__foot {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }

  .c-infomationColumn .c-infomationColumn--simple__arrow {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
  }

  .c-infomationColumn .c-infomationColumn--simple__arrow span {
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    width: 14px;
    height: 14px;
    border-top: 2px solid #4E5B73;
    border-right: 2px solid #4E5B73;
  }

  .c-infomationColumn .c-infomationColumn--simple__arrow.-prev span {
    -webkit-transform: translate(50%, -50%) rotate(-135deg);
    transform: translate(50%, -50%) rotate(-135deg);
  }

  .c-infomationColumn .c-infomationColumn--simple__arrow.-next span {
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
  }

  .c-infomationColumn .c-infomationColumn--simple__dottedbox {
    display: block;
    max-width: calc(100% - 20px * 2 + 4px * 2);
    margin: 0 4px;
  }

  .c-infomationColumn .c-infomationColumn--simple__dottedbox .slick-dots {
    text-align: center;
  }

  .u-dp__pc {
    display: none !important;
  }

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

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

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

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

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

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

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

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

  .u-p0__sp {
    padding: 0 !important;
  }

  .u-p--xxl__sp {
    padding: 120px !important;
  }

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

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

  .u-p--m__sp {
    padding: 24px !important;
  }

  .u-p--s__sp {
    padding: 16px !important;
  }

  .u-p--xs__sp {
    padding: 8px !important;
  }

  .u-p--xxs__sp {
    padding: 4px !important;
  }

  .u-fa__center__sp {
    text-align: center !important;
  }

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

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

  .deadline-data {
    position: sticky;
    top: 70px;
  }

  .u-w__10__sp {
    width: 10% !important;
  }

  .u-w__20__sp {
    width: 20% !important;
  }

  .u-w__30__sp {
    width: 30% !important;
  }

  .u-w__40__sp {
    width: 40% !important;
  }

  .u-w__50__sp {
    width: 50% !important;
  }

  .u-w__60__sp {
    width: 60% !important;
  }

  .u-w__70__sp {
    width: 70% !important;
  }

  .u-w__80__sp {
    width: 80% !important;
  }

  .u-w__90__sp {
    width: 90% !important;
  }

  .u-w__92__sp {
    width: 92% !important;
  }

  .u-w__100__sp {
    width: 100% !important;
  }

  .u-w__auto__sp {
    width: auto !important;
  }
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .l-header .l-headernav--global__list {
    line-height: 0;
    padding: 12px 0;
  }

  *::-ms-backdrop, .l-headernav--support__morebox {
    line-height: 1.5;
  }

  *::-ms-backdrop, .l-headernav--support {
    line-height: 0;
  }

  *::-ms-backdrop, .l-headernav--globalitem__linklist__item {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-headernav--nohover__global__list__item .l-headernav--global__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4%;
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border-top: 1px solid #656565;
    border-right: 1px solid #656565;
  }

  .l-headernav--nohover__global__list__item a[target="_blank"].l-headernav--global__link.js-modalbtn--open::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4%;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background: url("/assets/img/common/icn_linkmodal_b.png?v18d158e79e3") no-repeat center/cover;
    border: 0;
  }

  .c-link.-anchor span.u-ff__arial::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .only__sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .only__pc {
    display: none !important;
  }
}
.contents-inner {
  margin: 0 auto;
  width: 100%;
}
.contents-inner::after {
  display: block;
  clear: both;
  content: '';
}
@media screen and (min-width: 768px) {
  .contents-inner {
    padding: 0 40px;
    min-width: 1200px;
    max-width: 1360px;
  }
}
@media screen and (max-width: 767px) {
  .contents-inner {
    padding: 0 10px;
  }
}

.header__wrap {
  background-color: #FFF;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 3;
  display: block;
}

.header__inner {
  display: -wekit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .header__inner {
    padding: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .header__inner {
    padding: 14px 0;
  }
}

.header-logo {
  width: auto;
}
.header-logo img {
  height: 100%;
  width: auto;
  max-width: none;
}
@media screen and (min-width: 768px) {
  .header-logo {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .header-logo {
    position: relative;
    height: 22px;
    z-index:9999;
  }
}

.header-link__top {
  display: -wekit-flex;
  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;
}
.header-link__top .header-link-text {
  font-size: 14px;
}
.header-link__top .header-link-text a {
  color: #666;
  font-size: 14px;
  line-height: 1;
}
.header-link__top .header-link-text a[target="_blank"]::after {
  content: "";
  background: url("../img/common/icon_window.svg") no-repeat center;
  display: inline-block;
  margin-left: 10px;
  height: 11px;
  width: 11px;
}
.header-link__top .header-link-text + .header-link-text {
  border-left: 1px solid #B0BEC5;
  margin-left: 20px;
  padding-left: 20px;
}
.header-link__top .header-link-text.__search img {
  height: 22px;
  width: auto;
}

.header-link__bottom {
  display: -wekit-flex;
  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;
}
.header-link__bottom .header-link-button a {
  border-radius: 6px;
  color: #FFF;
  display: block;
  font-weight: 700;
  text-align: center;
  padding: 10px;
}
.header-link__bottom .header-link-button.__card a {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.header-link__bottom .header-link-button.__login a {
  background-color: #FFF;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
.header-link__bottom .header-link-button + .header-link-button {
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .header-link__bottom {
    margin-top: 16px;
  }
  .header-link__bottom .header-link-button {
    font-size: 18px;
    width: 240px;
  }
  .header-link__bottom .header-link-button a {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    font-size: 18px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .header-link__bottom .header-link-button {
    z-index: 9999;
    font-size: 12px;
  }
  .header-link__bottom .header-link-button a {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    font-size: 12px;
    line-height: 1.25;
    width: 70px;
  }
}

.global-nav__wrap {
  border-top: 2px solid var(--theme-color);
  border-bottom: 1px solid var(--line-color);
}

.global-nav {
  display: -wekit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.global-nav > .global-nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  font-size: 18px;
  padding: 20px 0;
}
.global-nav > .global-nav-item > a,
.global-nav > .global-nav-item > span {
  border-left: 1px solid var(--theme-color);
  color: #000;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.global-nav > .global-nav-item:last-child > a,
.global-nav > .global-nav-item:last-child > span {
  border-right: 1px solid var(--theme-color);
}
.global-nav > .global-nav-item.__card {
  min-width: calc( 7em + 60px );
  max-width: calc( 7em + 95px );
}
.global-nav > .global-nav-item.__point {
  min-width: calc( 4em + 60px );
  max-width: calc( 4em + 95px );
}
.global-nav > .global-nav-item.__benefit {
  min-width: calc( 5em + 60px );
  max-width: calc( 5em + 95px );
}
.global-nav > .global-nav-item.__campaign {
  min-width: calc( 6em + 60px );
  max-width: calc( 6em + 95px );
}
.global-nav > .global-nav-item.__guide {
  min-width: calc( 6em + 60px );
  max-width: calc( 6em + 95px );
}
.global-nav > .global-nav-item.__insurance {
  min-width: calc( 11em + 60px );
  max-width: calc( 11em + 95px );
}
.global-nav > .global-nav-item:hover .global-nav__child {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.global-nav > .global-nav-item:hover .global-nav__child,
.global-nav .global-nav__child:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.global-nav__child {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-color: #F2F2F2;
  border-top: 1px solid #B0BEC5;
  margin-top: -1px;
  padding: 60px 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

.global-nav__child__inner {
  display: -wekit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 60px;
}
.global-nav__child__inner > .global-nav-item {
  border-bottom: 1px solid #C9C9C9;
  position: relative;
}
.global-nav__child__inner > .global-nav-item a {
  color: var(--link-color);
  display: block;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  padding: 20px 10px;
  position: relative;
}
.global-nav__child__inner > .global-nav-item a::before {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: '';
  border-top: 2px solid var(--link-color);
  border-right: 2px solid var(--link-color);
  display: inline-block;
  margin-right: 10px;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px;
}
.global-nav__child__inner > .global-nav-item.__daimaru-matsuzakaya {
  padding-left: 30px;
}
.global-nav__child__inner > .global-nav-item.__daimaru-matsuzakaya::before {
  background: url("../img/icon/header/card_daimaru-matsuzakaya_newcard25.png") no-repeat center/cover;
  content: "";
  display: block;
  height: 40px;
  width: 25px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.global-nav__child__inner > .global-nav-item.__hakata-daimaru {
  padding-left: 30px;
}
.global-nav__child__inner > .global-nav-item.__hakata-daimaru::before {
  background: url("../img/icon/header/card_hakata-daimaru.png") no-repeat center/cover;
  content: "";
  display: block;
  height: 40px;
  width: 25px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.global-nav__child__inner > .global-nav-item.__parco {
  padding-left: 30px;
}
.global-nav__child__inner > .global-nav-item.__parco::before {
  background: url("../img/icon/header/card_parco.png") no-repeat center/cover;
  content: "";
  display: block;
  height: 40px;
  width: 25px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.global-nav__child__inner > .global-nav-item.__ginza-six {
  padding-left: 45px;
}
.global-nav__child__inner > .global-nav-item.__ginza-six::before {
  background: url("../img/icon/header/card_ginza-six.png") no-repeat center/cover;
  content: "";
  display: block;
  height: 25px;
  width: 40px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.footer-relation__wrap {
  background-color: #FAFAFA;
  padding: 40px 0;
}

.footer-relation__headline {
  color: var(--headline-color);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer-relation__headline {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .footer-relation__headline {
    font-size: 24px;
  }
}

.footer-relation {
  display: -wekit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 40px;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .footer-relation .footer-relation__item {
    width: calc( ( 100% - 80px ) / 5 );
  }
}
@media screen and (max-width: 767px) {
  .footer-relation .footer-relation__item {
    width: calc( 50% - 10px );
  }
}

.footer__wrap {

}

.footer-nav__wrap {
  background: var(--sub-color);
  padding: 40px 0;
}

.footer-nav {
  display: -wekit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.footer-nav .footer-nav__item a,
.footer-nav .footer-nav__item span {
  color: var(--text-color);
}
.footer-nav > .footer-nav__item {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .footer-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .footer-nav > .footer-nav__item > a,
  .footer-nav > .footer-nav__item > span {
    display: block;
    padding: 20px 0;
    width: 100%;
  }
  .footer-nav > .footer-nav__item + .footer-nav__item {
    border-top: 1px dashed var(--line-color);
  }
}

.footer-nav__child .footer-nav__item {
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .footer-nav__child .footer-nav__item:last-child {
    margin-bottom: 20px;
  }
  .footer-nav__child .footer-nav__item::before {
    content: "・";
    color: #FFF;
  }
}

@media screen and (max-width: 767px) {
  .js-acordionHead {
    cursor: pointer;
    position: relative;
  }
  .js-acordionHead::before, .js-acordionHead::after {
    content: "";
    background-color: #FFF;
    height: 3px;
    width: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .js-acordionHead::after {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  }

  .js-acordionBody {
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    max-height: 0;
    overflow: hidden;
  }
}
.footer {
  border-top: 1px solid #FFF;
}

.footer__inner {
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .footer__inner {
    display: -wekit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .footer-logo img {
    height: auto;
    width: 112px;
  }
}
@media screen and (max-width: 767px) {
  .footer-logo img {
    height: auto;
    width: 56px;
  }
}

@media screen and (min-width: 768px) {
  .footer-link__wrap {
    display: -wekit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    gap: 70px;
    margin-left: 100px;
  }
}
@media screen and (max-width: 767px) {
  .footer-link__wrap {
    margin-top: 40px;
  }
}

.footer-link .footer-link__item a {
  color: var(--text-color);
}
.footer-link > .footer-link__item a {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .footer-link:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
  }
  .footer-link > .footer-link__item + .footer-link__item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .footer-link {
    display: -wekit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 20px;
  }
  .footer-link:nth-child(2) {
    margin-top: 40px;
  }
  .footer-link:nth-child(2) > .footer-link__item {
    width: 100%;
  }
  .footer-link > .footer-link__item {
    width: calc( 50% - 10px );
  }
}

.footer-link__child {
  margin-top: 20px;
}
.footer-link__child .footer-link__item a {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .footer-link__child {
    display: -wekit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    max-height: calc(6 * 20px + 5 * 20px); /* 6つの要素の高さ + 5つのgap */
  }
  .footer-link__child .footer-link__item {
    width: calc( 50% - 10px );
  }
}
@media screen and (max-width: 767px) {
  .footer-link__child .footer-link__item {
    text-indent: -1em;
    margin-left: 1em;
  }
  .footer-link__child .footer-link__item::before {
    content: "・";
    color: #FFF;
  }
  .footer-link__child .footer-link__item + .footer-link__item {
    margin-top: 20px;
  }
}

.footer-copyright__wrap {
  background: var(--theme-color);
  padding: 40px 0;
  position: relative;
}

.footer-pmark {
  width: auto;
  position: absolute;
  right: 0;
}
.footer-pmark img {
  max-width: none;
  height: 100%;
  width: auto;
}
@media screen and (min-width: 768px) {
  .footer-pmark {
    height: 60px;
    margin: auto 0;
    top: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-pmark {
    height: 30px;
    bottom: 30px;
  }
}

.footer-copyright {
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .footer-copyright {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .footer-copyright {
    text-align: left;
  }
}

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




/* GLOBAL ADJUSTMENT  */

/* HEADER  */
.global-nav > .global-nav-item > a,
.global-nav > .global-nav-item > span {
  cursor: pointer;
}
.global-nav__child {
  padding: 20px 0 30px;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.2);
}

.global-nav > .global-nav-item:hover {
  border-bottom: solid 4px var(--theme-color);
  padding-bottom: 16px;
}

.global-nav__child__inner > .global-nav-item:hover {
  border-bottom: solid 2px var(--theme-color);
}

/* CARD MEGAMENU  */
.card-nav__child {
    width: 100%;
    height: 600px;
    max-height: 600px;
    position: fixed;
    display: block;
    visibility: hidden;
    padding: 0 0 30px;
    background-color: #fff;
    border-top: 3px solid #7283A3;
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    opacity: 0;
    top: 122px;
    left: 0;
    text-align: center;
    z-index: 2000;
    overflow-y: auto;
    transition: opacity 0.3s ease;
}
@media (max-height: 570px) and (min-width: 780px) {
    .card-nav__child {
        padding-bottom: 200px;
        max-height: 100vh;
        height: 100vh;
        z-index: 2000;
    }
}

.card-nav__child .card-nav_box {
    padding-top: 24px;
}

.card-nav__child span.nav-title {
    display: block;
    max-width: 1280px;
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
}

.card-nav__child__inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}
.card-nav__child__inner > .card-nav-item {
    position: relative;
    width: 250px;
    padding: 15px 15px 5px;
    border-radius: 10px;
}
.card-nav__child__inner > .card-nav-item dt {
    padding: 0 0 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.card-nav__child__inner > .card-nav-item dd:nth-of-type(even) {
    padding: 0 0 5px;
    font-size: 16px;
}
.card-nav__child__inner > .card-nav-item dd:last-child {
    padding: 10px 0 25px;
    font-size: 16px;
}
.card-nav__child__inner > .card-nav-item dd {
    padding: 0 0 20px;
}

.card-nav__child__inner > .card-nav-item dd img {
    width: 100%;
    margin-bottom: 10px;
}

.card-nav__child__inner > .card-nav-item dd a {
    position: relative;
    box-shadow: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 8px 26px;
    border-radius: 4px;
    transition: 0.35s;
}

.card-nav__child__inner > .card-nav-item dd a:after {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(45deg);
    content: '';
    display: block;
    width: 6px;
    height: 6px;
}

.card-nav__child__inner > .card-nav-item dd a span {
    position: relative;
}

.card-nav__child__inner > .card-nav-item dd a.card-detail {
    width: 90%;
     margin: 0 auto;
    border: 1px solid #5E0055;
    background: #fff;
    color: #5E0055;
}

.card-nav__child__inner > .card-nav-item dd a.card-detail:after {
    border-top: 1px solid #4E5B73;
    border-right: 1px solid #4E5B73;
}

.card-nav__child__inner > .card-nav-item dd a.card-appli {
    width: 90%;
     margin: 0 auto;
    box-shadow: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}

.card-nav__child__inner > .card-nav-item dd a.card-appli:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.card-nav__child__inner > .card-nav-item.__daimaru-matsuzakaya,
.card-nav__child__inner > .card-nav-item.__hakata-daimaru-kujaku {
    background: url("/assets/css/_demo/img/head-cardmega_bg01.png") no-repeat center/cover;
}

.card-nav__child__inner > .card-nav-item.__parco,
.card-nav__child__inner > .card-nav-item.__ginza-six {
    background: url("/assets/css/_demo/img/head-cardmega_bg02.png") no-repeat center/cover;
}

.card-nav__child__inner > .card-nav-item dd a:hover {
    opacity: 0.6 !important;
    transition: 0.35s;
}
.card-nav__child__inner > .card-nav-item dd.only_one_card {
    padding-top: 95px;
}

.card-nav__child__inner > .card-nav-item dd.card-info {
  text-align: left;
  font-size: 13px;
  padding: 0 5% 10px;
  line-height: 1.5;
}

.card-nav__child__inner > .card-nav-item.__daimaru-matsuzakaya .detail-btn,
.card-nav__child__inner > .card-nav-item.__ginza-six .detail-btn {
  padding-top: 50px;
}
.card-nav__child__inner > .card-nav-item.__parco .detail-btn {
  padding-top: 136px;
}


@media screen and (max-width: 767px) {
  .card-nav__child {top: 78px; max-height:  calc(100vh - 138px); overflow-y: auto; padding: 0 0 35px; border-top: 1px solid #7283A3; z-index: 999;}
  .card-nav__child .card-nav_box { padding-top: 24px; }
  .card-nav__child span.nav-title {max-width: 100%; margin: 0 auto 15px; font-size: 24px; }
  .card-nav__child__inner {max-width: 100%; gap: 10px;}
  .card-nav__child__inner > .card-nav-item {width: 95%; min-height: 360px; padding: 20px 40px 25px; }
  .card-nav__child__inner > .card-nav-item dt {padding: 0 0 20px;}
  .card-nav__child__inner > .card-nav-item dd img { width: 90%;}
  .card-nav__child__inner > .card-nav-item dd a { width: 90%; margin: 0 auto;}
  .card-nav__child__inner > .card-nav-item dd.only_one_card,
  .card-nav__child__inner > .card-nav-item dd.detail-btn { padding-top: 10px !important; }
}


/* FOOTER  */
.footer-nav > .footer-nav__item {
    font-size: 18px;
    letter-spacing: -0.04em;
    white-space: nowrap;
}
.footer-nav__child .footer-nav__item {
    font-size: 14px;
   letter-spacing: -0.04em;
}
.footer-nav  {
  justify-content: flex-start;
  flex-flow: nowrap;
  gap: 35px;
}
.footer-link__child .footer-link__item {
  padding-left: 1em;
}
.footer-nav__item .insurance {
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .footer-link__child { gap: 17px; }
}
@media screen and (max-width: 767px) {
    .footer-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap;   gap: 0;}
}


/* SP HUMBURGER MENU  */
.sp-hamburger-menu { display: none; border-bottom: solid 1px var(--line-color);}

@media screen and (max-width: 767px) {

.header-link__bottom { margin-right: 40px; }
.header .contents-inner { background: #fff; }
.sp-hamburger-menu {width: 100%; padding-top: 78px; display: block; position: absolute; top: 0; left: 0; z-index: 2000; }

.sp-menu-icon {display: inline-block; cursor: pointer; width: 30px; height: 22px; position: absolute; top: 23px; right: 10px;}

.sp-menu-icon span {display: block; width: 100%; height: 2px; background-color: var(--link-color); position: absolute; transition: all 0.5s ease;}

.sp-menu-icon span:nth-child(1) {top: 0;}
.sp-menu-icon span:nth-child(2) {top: 14px;}
.sp-menu-icon span:nth-child(3) {top: 28px;}

#sp-menu-toggle:checked + .sp-menu-icon span:nth-child(1) {transform: translateY(14px) rotate(45deg);}
#sp-menu-toggle:checked + .sp-menu-icon span:nth-child(2) {opacity: 0;}
#sp-menu-toggle:checked + .sp-menu-icon span:nth-child(3) {transform: translateY(-14px) rotate(-45deg);}

#sp-menu-toggle {display: none;}

.sp-menu {position: relative; display: none; flex-direction: column; list-style: none; padding: 0 0 30px; ; border-top: solid 1px var(--line-color); transition: all 0.5s ease; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.2); background: #fff; z-index: 3000; height: calc(100vh - 78px); overflow-y: auto;}

#sp-menu-toggle:checked ~ .sp-menu {display: flex; opacity: 1; visibility: visible; animation: slideDown 0.5s ease;}

@keyframes slideDown {from {    opacity: 0;     transform: translateY(-20px); }
    to {    opacity: 1;     transform: translateY(0); }}

.sp-menu-item {position: relative; text-align: left; /* テキストを左寄せに */}

.sp-menu-item > a {display: block; position: relative; padding: 20px 10px; text-decoration: none; font-size: 20px; font-weight: 500; color: #000; border-bottom: 1px solid var(--line-color); transition: text-decoration 0.3s ease;}
.sp-menu-item .toggle_btn {position: absolute; top: 18px; right: 10px; width: 1.5rem; height: 1.5rem;}

.sp-menu-item > a::before {content: ""; position: absolute; width: 18px; height: 2px; top: 50%; right: 10px; margin: auto; background-color: black; transition: .2s; transform: translateY(-50%); }
.sp-menu-item > a.sp_open::after { transform: rotate(90deg) translateX(-10px); opacity: 0;}
.sp-menu-item > a::after {content: ""; position: absolute; width: 2px; height: 18px; top: calc(50% + 0.5px); right: 18px; background-color: black; transform: translateY(-50%); transition: .2s;}

.sp-menu-item > a:only-child {color: var(--link-color);}
  .sp-menu-item > a:only-child::before {position: relative; width: 100%;height: auto; top: 0; right: 0;  background-color: #fff; transform: translateY(0%);}
  .sp-menu-item > a:only-child::after {position: relative; width: 100%;height: auto; top: 0; right: 0;  background-color: #fff; transform: translateY(0%);}

.sp-submenu {display: none; list-style: none; padding: 0; margin: 20px 0 0; padding: 0 20px 20px; border-bottom: 1px solid var(--line-color); overflow: hidden; font-size: 17px; font-weight: 500; color: var(--link-color); transition: max-height 1s ease;
}

.sp-submenu > li > a {display: block; padding: 10px; color: var(--link-color); transition: text-decoration 0.3s ease;}


.sp-menu-item.sp-open > .sp-submenu {
    display: block; position: relative; max-height: 1200px; /* アニメーションのための最大高さを設定 */}


.sp-menu-item.sp_open .toggle_btn::after {transform: rotate(0deg);}


.sp-menu-item > a::after:nth-child(1) {top: 0;}
.sp-menu-item > a::after:nth-child(2) {top: 14px;}

.sp-menu-item.sp-open > a::after {transform: translateX(-10px); opacity: 0;}

.sp-submenu > li { position: relative; margin-left: 40px; }

.sp-submenu > li > a::before {content: ">"; margin-right: 5px; text-decoration: none !important;}

.sp-submenu > li.card_thumb_daimatsu::before {
  content: ""; position: absolute; left: -30px; top:5px; width: 25px; height: 40px; margin-right: 15px; background: url(/assets/css/_demo/img/card_thumb_daimatsu_newcard25.png) center center no-repeat; background-size: contain;}

.sp-submenu > li.card_thumb_hakatadaimaru::before {
  content: ""; position: absolute; left: -30px; top:5px; width: 25px; height: 40px; margin-right: 15px; background: url(/assets/css/_demo/img/card_thumb_hakatadaimaru.png) center center no-repeat; background-size: contain;}

.sp-submenu > li.card_thumb_parco::before {
  content: ""; position: absolute; left: -30px; top:5px; width: 25px; height: 40px; margin-right: 15px; background: url(/assets/css/_demo/img/card_thumb_parco.png) center center no-repeat; background-size: contain;}

.sp-submenu > li.card_thumb_ginzasix::before {
  content: ""; position: absolute; left: -40px; top:12px; width: 40px; height: 25px; margin-right: 15px; background: url(/assets/css/_demo/img/card_thumb_ginzasix.png) center center no-repeat; background-size: contain;}

.sp-search-container {position: relative; display: block; height: 2.6em; margin: 20px 40px 0; padding: 0; border-bottom: solid 2px var(--theme-color);}

.sp-search-container input {width: 100%; position: absolute; left: 30px; top: 0;display: block; padding: 10px 10px 10px 20px; }
.sp-search-container input::placeholder {font-size: 17px; color: var(--text-color); }
.sp-search-container button {position: absolute; display: block; right: 25px; top: 5px; }


}


/* TEASER HEADER FOOTER  */
.teasecontents .l-header.l-header__teaser {
  height: 80px;
  border-bottom: solid 2px var(--line-color);
}
@media screen and (max-width: 767px) {
    .teasecontents .footer-link__wrap { margin-top: 0; }
    .teasecontents .footer__inner { padding: 30px 0;}
    .teasecontents .footer-copyright__wrap {  padding: 30px 0 80px;}
}


/* TEASER FRAME  */
.t-main {
    position: relative;
    padding-top: 80px;
}
.t-block--xl {
    margin-bottom: 64px;
}
.t-wrap {
    position: relative;
}
.t-wrap section {
    width: 1340px;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto 0;
}

/* FOOTER ACORDION adjustment  */
@media screen and (max-width: 767px) {
  .js-acordionHead {
    cursor: pointer;
    position: relative;
  }
  .js-acordionHead::before, .js-acordionHead::after {
    content: "";
    background-color: var(--link-color);
    height: 3px;
    width: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transition: transform 0.3s ease;
  }
  .js-acordionHead::before {
    transform: rotate(90deg);
  }
  .js-acordionHead::after {
    transform: rotate(0deg);
  }
  .js-acordionHead.is-open::before {
    transform: rotate(0deg);
  }

  .js-acordionBody {
    transition: max-height 0.3s ease;
    max-height: 0;
    overflow: hidden;
  }
}

.footer {
  background: #FFF;
}

.footer__inner {
  padding: 40px 0;
}

@media screen and (min-width: 768px) {
  .footer__inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
}

/* PC SEARCH adjustment  */
.jfr-c-keywordsearch {
    display: flex;
    align-items: center;
}

.jfr-search-input {
    width: 0;
    padding: 5px;
    transition: width 0.4s ease, visibility 0s 0.4s; /* visibilityの遅延を追加 */
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    visibility: hidden; /* 初期状態で非表示 */
}

.jfr-search-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.jfr-search-button img {
    width: 16px;
    height: 16px;
}

.jfr-submit-button {
    display: none; /* 初期状態で非表示 */
    padding: 5px 10px;
    margin-right: 5px; /* 右側にマージンを追加 */
    background-color: #4E5B73; /* ボタンの色を変更 */
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.jfr-c-keywordsearch.active .jfr-search-input {
    width: 200px; /* ここでinputの幅を指定 */
    visibility: visible; /* 表示 */
    transition: width 0.4s ease, visibility 0s 0s; /* visibilityの遅延をリセット */
}

.jfr-c-keywordsearch.active .jfr-submit-button {
    display: inline-block; /* 表示 */
}



/* ***** */
@media screen and (min-width: 768px) {
  .title__module_01 {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .title__module_01 {
    font-size: 20px !important;
  }
}