/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
  width: device-width
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}

body {
  margin: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background-color: #fff
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
  }
}

[tabindex="-1"]:focus {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b, strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent
}

a:hover {
  color: inherit;
  text-decoration: underline
}

a:focus {
  color: inherit;
  text-decoration: underline
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

pre, code, kbd, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}

figure {
  margin: 0 0 1rem
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%
}

svg {
  overflow: hidden;
  vertical-align: middle
}

table {
  border-collapse: collapse
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: 0.5rem
}

button {
  border-radius: 0
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type="radio"], input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  -webkit-appearance: listbox
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none !important
}

body {
  overflow-x: hidden
}

body.is-modal-open {
  overflow: hidden
}

a {
  color: #000;
  text-decoration: underline;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word
}

p {
  margin-bottom: 15px;
  word-break: break-all
}

p[data-align="center"] {
  text-align: center
}

p[data-align="right"] {
  text-align: right
}

p[data-size="sm"] {
  font-size: 14px
}

p[data-size="lg"] {
  font-size: 18px
}

@media screen and (max-width: 767px) {
  p[data-align-sm="left"] {
    text-align: left
  }
}

@media screen and (max-width: 767px) {
  p[data-align-sm="center"] {
    text-align: center
  }
}

@media screen and (max-width: 767px) {
  p[data-align-sm="right"] {
    text-align: right
  }
}

@media screen and (max-width: 767px) {
  p {
    font-size: 14px;
    margin-bottom: 10px
  }
}

a[href^="tel:"] {
  cursor: default
}

a[href^="tel:"]:hover {
  text-decoration: none
}

a.m-nav-ttl::before, .m-nav-link-btn-txt::before, .m-btn::before, .m-txtLink-strong::before, .m-txtLink-strong-block::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #e30200 url("https://www.meiji.co.jp/assets/img/icons/angle_right_white.svg") center center no-repeat;
  background-size: 8px 12px;
  border-radius: 50%
}

@media screen and (max-width: 767px) {
  a.m-nav-ttl::before, .m-nav-link-btn-txt::before, .m-btn::before, .m-txtLink-strong::before, .m-txtLink-strong-block::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-size: 6px 9px
  }
}

.m-btn-back::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #e30200 url("https://www.meiji.co.jp/assets/img/icons/angle_left_white.svg") center center no-repeat;
  background-size: 8px 12px;
  border-radius: 50%
}

@media screen and (max-width: 767px) {
  .m-btn-back::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-size: 6px 9px
  }
}

.m-anchorLink-strong::before, .m-anchorLink-block::before, .m-btn-anchorLink::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #e30200 url("https://www.meiji.co.jp/assets/img/icons/angle_down_white.svg") center center no-repeat;
  background-size: 12px 8px;
  border-radius: 50%
}

@media screen and (max-width: 767px) {
  .m-anchorLink-strong::before, .m-anchorLink-block::before, .m-btn-anchorLink::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-size: 10px 5px
  }
}

a.m-nav-ttl, .m-nav-link-btn-txt, .m-anchorLink-strong, .m-anchorLink-block, .m-txtLink-strong, .m-txtLink-strong-block {
  padding-left: 32px
}

@media screen and (max-width: 767px) {
  a.m-nav-ttl, .m-nav-link-btn-txt, .m-anchorLink-strong, .m-anchorLink-block, .m-txtLink-strong, .m-txtLink-strong-block {
    padding-left: 30px
  }
}

a.m-nav-ttl::before, .m-nav-link-btn-txt::before, .m-anchorLink-strong::before, .m-anchorLink-block::before, .m-txtLink-strong::before, .m-txtLink-strong-block::before {
  position: absolute;
  top: calc((1em * 1.5 - 22px) / 2);
  left: 0
}

@media screen and (max-width: 767px) {
  a.m-nav-ttl::before, .m-nav-link-btn-txt::before, .m-anchorLink-strong::before, .m-anchorLink-block::before, .m-txtLink-strong::before, .m-txtLink-strong-block::before {
    top: calc((1em * 1.5 - (22px - 2px)) / 2)
  }
}

.m-anchorLink::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/angle_down_red.svg") no-repeat;
  width: 12px;
  height: 8px;
  background-size: 12px 8px
}

@media screen and (max-width: 767px) {
  .m-anchorLink::before {
    width: 9px;
    height: 6px;
    background-size: 9px 6px
  }
}

.m-anchorLink {
  padding-left: 22px
}

@media screen and (max-width: 767px) {
  .m-anchorLink {
    padding-left: 17px
  }
}

.m-anchorLink::before {
  position: absolute;
  left: 0;
  top: calc((1em * 1.5 - 8px) / 2)
}

@media screen and (max-width: 767px) {
  .m-anchorLink::before {
    top: calc((1em * 1.5 - (8px - 2px)) / 2)
  }
}

.m-local-nav::before, .m-local-nav-lower::before, .m-nav-link-txt::before, .m-nav-image-link-txt::before, .m-txtLink::before, .m-txtLink-b::before, .m-txtLink-b-block::before, .m-txtLink-block::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/angle_right_red.svg") no-repeat;
  width: 8px;
  height: 12px;
  background-size: 8px 12px
}

@media screen and (max-width: 767px) {
  .m-local-nav::before, .m-local-nav-lower::before, .m-nav-link-txt::before, .m-nav-image-link-txt::before, .m-txtLink::before, .m-txtLink-b::before, .m-txtLink-b-block::before, .m-txtLink-block::before {
    width: 6px;
    height: 9px;
    background-size: 6px 9px
  }
}

.m-card-visual-ttl::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/angle_right_white.svg") no-repeat;
  width: 8px;
  height: 12px;
  background-size: 8px 12px
}

@media screen and (max-width: 767px) {
  .m-card-visual-ttl::before {
    width: 6px;
    height: 9px;
    background-size: 6px 9px
  }
}

.m-nav-link-txt, .m-nav-image-link-txt, .m-card-visual-ttl, .m-txtLink, .m-txtLink-b, .m-txtLink-b-block, .m-txtLink-block {
  padding-left: 20px
}

@media screen and (max-width: 767px) {
  .m-nav-link-txt, .m-nav-image-link-txt, .m-card-visual-ttl, .m-txtLink, .m-txtLink-b, .m-txtLink-b-block, .m-txtLink-block {
    padding-left: 13px
  }
}

.m-nav-link-txt::before, .m-nav-image-link-txt::before, .m-card-visual-ttl::before, .m-txtLink::before, .m-txtLink-b::before, .m-txtLink-b-block::before, .m-txtLink-block::before {
  position: absolute;
  left: 0;
  top: calc((1em * 1.5 - 12px) / 2)
}

@media screen and (max-width: 767px) {
  .m-nav-link-txt::before, .m-nav-image-link-txt::before, .m-card-visual-ttl::before, .m-txtLink::before, .m-txtLink-b::before, .m-txtLink-b-block::before, .m-txtLink-block::before {
    top: calc((1em * 1.5 - (12px - 3px)) / 2)
  }
}

@media screen and (max-width: 1023px) {
  .m-header-link::before, .m-nav-txt::before {
    content: "";
    display: block;
    background: url("https://www.meiji.co.jp/assets/img/icons/angle_right_red.svg") no-repeat;
    width: 8px;
    height: 12px;
    background-size: 8px 12px
  }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
  .m-header-link::before, .m-nav-txt::before {
    width: 6px;
    height: 9px;
    background-size: 6px 9px
  }
}

@media screen and (max-width: 1023px) {
  .m-header-link, .m-nav-txt {
    padding-left: 20px
  }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
  .m-header-link, .m-nav-txt {
    padding-left: 13px
  }
}

@media screen and (max-width: 1023px) {
  .m-header-link::before, .m-nav-txt::before {
    position: absolute;
    left: 0;
    top: calc((1em * 1.5 - 12px) / 2)
  }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
  .m-header-link::before, .m-nav-txt::before {
    top: calc((1em * 1.5 - (12px - 3px)) / 2)
  }
}

.m-txtLink-feed::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #e30200 url("https://www.meiji.co.jp/assets/img/icons/feed_white.svg") center center no-repeat;
  background-size: 10px;
  border-radius: 50%
}

@media screen and (max-width: 767px) {
  .m-txtLink-feed::before {
    width: 20px;
    min-width: 20px;
    height: 20px
  }
}

.m-txtLink-feed {
  padding-left: 32px
}

@media screen and (max-width: 767px) {
  .m-txtLink-feed {
    padding-left: 30px
  }
}

.m-txtLink-feed::before {
  position: absolute;
  top: calc((1em * 1.5 - 22px) / 2);
  left: 0
}

@media screen and (max-width: 767px) {
  .m-txtLink-feed::before {
    top: calc((1em * 1.5 - (22px - 2px)) / 2)
  }
}

.m-header-close::before, .m-nav-close::before, .m-btn-close::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/times_gray.svg") no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px
}

@media screen and (max-width: 767px) {
  .m-header-close::before, .m-nav-close::before, .m-btn-close::before {
    width: 12px;
    height: 12px;
    background-size: 12px
  }
}

.l-footer-item-1>:last-child, .l-footer-item-2>:last-child, .l-footer-item-3>:last-child, .l-footer-item-4>:last-child, .l-nav-item-1>:last-child, .l-nav-item-2>:last-child, .l-nav-item-3>:last-child, .l-nav-item-4>:last-child, .l-nav-item-5>:last-child, .l-nav-item-6>:last-child, .m-nav-product-body>:last-child {
  margin-bottom: 0
}

.l-footer-container {
  background-color: #eee
}

.l-footer-inner {
  max-width: 1600px;
  padding: 30px;
  margin: 0 auto
}

@media screen and (max-width: 1023px) {
  .l-footer-inner {
    padding: 30px 15px 15px
  }
}

.l-footer {
  position: relative
}

.l-footer div::after {
  display: none
}

.l-footer-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto 20px auto 15px auto;
  grid-template-rows: auto 20px auto 15px auto
}

@media screen and (max-width: 1023px) {
  .l-footer-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 30px auto 30px auto 30px auto;
    grid-template-rows: auto 30px auto 30px auto 30px auto
  }
}

.l-footer-simple {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1600px;
  padding: 30px;
  margin: 0 auto
}

.l-footer-simple>:last-child {
  margin-bottom: 0
}

.l-footer-simple::after {
  display: none !important
}

@media screen and (max-width: 1023px) {
  .l-footer-simple {
    padding: 15px;
    flex-direction: column
  }
}

.l-footer-item-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

@media screen and (max-width: 1023px) {
  .l-footer-item-1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2
  }
}

.l-footer-item-2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4
}

.l-footer-item-3 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6
}

.l-footer-item-4 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1 / 6;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: end;
  justify-self: end
}

@media screen and (max-width: 1023px) {
  .l-footer-item-4 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 7 / 8;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center
  }
}

.l-footer-sns {
  display: flex;
  align-items: center
}

@media screen and (max-width: 1023px) {
  .l-footer-sns {
    flex-direction: column;
    justify-content: center
  }
}

.l-footer-sns-link {
  margin-left: 30px;
  border-left: 1px solid #dfdacb;
  padding-left: 30px
}

.l-footer-sns-link:hover, .l-footer-sns-link:focus {
  text-decoration: underline
}

@media screen and (max-width: 1023px) {
  .l-footer-sns-link {
    margin: 15px auto 0;
    padding: 0;
    border: 0
  }
}

.m-footer-sns-link {
  font-size: 14px;
  color: #666;
  text-decoration: none
}

.m-footer-sns-link:hover, .m-footer-sns-link:focus {
  color: #666
}

@media screen and (max-width: 767px) {
  .m-footer-sns-link {
    font-size: 12px
  }
}

.m-footer-nav {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: -10px -15px 0
}

@media screen and (max-width: 1023px) {
  .m-footer-nav {
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px -12px 0
  }
}

.m-footer-nav>li {
  margin: 10px 15px 0
}

@media screen and (max-width: 1023px) {
  .m-footer-nav>li {
    margin: 5px 12px 0
  }
}

.m-footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0 -20px
}

@media screen and (max-width: 1023px) {
  .m-footer-links {
    flex-direction: column;
    align-items: center;
    margin: 0 0 10px
  }
}

.m-footer-links>li {
  margin: 0 20px
}

@media screen and (max-width: 1023px) {
  .m-footer-links>li {
    margin: 0 0 5px
  }
  .m-footer-links>li:last-child {
    margin-bottom: 0
  }
}

.m-footer-link {
  text-decoration: none;
  color: #000;
  color: #666;
  font-size: 14px
}

.m-footer-link:hover, .m-footer-link:focus {
  color: #666;
  text-decoration: underline
}

@media screen and (max-width: 767px) {
  .m-footer-link {
    font-size: 12px
  }
}

.m-footer-link-external {
  text-decoration: none;
  color: #000;
  color: #666;
  font-size: 14px
}

.m-footer-link-external:hover, .m-footer-link-external:focus {
  color: #666;
  text-decoration: underline
}

@media screen and (max-width: 767px) {
  .m-footer-link-external {
    font-size: 12px
  }
}

.m-footer-link-external .i-footer-link-external {
  margin-left: 7px
}

.l-footer-name {
  text-align: right;
  margin-bottom: 15px;
  line-height: 1
}

@media screen and (max-width: 1023px) {
  .l-footer-name {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px
  }
}

.m-footer-name {
  opacity: 0.7;
  width: 139px;
  height: 20px
}

@media screen and (max-width: 767px) {
  .m-footer-name {
    width: 98px;
    height: 14px
  }
}

.m-footer-copyright {
  font-size: 11px;
  color: #666
}

@media screen and (max-width: 767px) {
  .m-footer-copyright {
    font-size: 10px
  }
}

.l-header {
  position: relative;
  z-index: 9000
}

.l-header div::after {
  display: none
}

.l-header-container {
  display: flex;
  border-bottom: 1px solid #dfdacb
}

.l-header-inner {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 100px
}

.l-header-inner::after {
  display: none !important
}

@media screen and (max-width: 1023px) {
  .l-header-inner {
    padding: 0 30px
  }
}

@media screen and (max-width: 767px) {
  .l-header-inner {
    padding: 0px 15px;
    min-height: 55px
  }
}

.l-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: flex-end
}

@media screen and (max-width: 1023px) {
  .l-header-content {
    -ms-grid-row-align: center;
    align-self: center
  }
}

.l-header-heading {
  display: flex;
  align-items: flex-end;
  flex: 1;
  margin-right: 20px;
  margin-bottom: 0
}

.l-header-heading .l-header-logo {
  margin-right: 0
}

@media screen and (max-width: 1023px) {
  .l-header-heading {
    flex: 0 1 auto
  }
}

.l-header-logo {
  display: flex;
  align-items: flex-end;
  margin-right: 20px
}

.m-header-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none
}

.m-header-btn.is-disabled {
  pointer-events: none
}

@media screen and (max-width: 1023px) {
  .m-header-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: center
  }
}

@media screen and (max-width: 1023px) {
  .m-header-btn-wrap {
    display: flex;
    height: 27px;
    position: relative;
    flex-direction: column;
    justify-content: center
  }
}

@media screen and (max-width: 767px) {
  .m-header-btn-wrap {
    height: 14px
  }
}

@media screen and (max-width: 1023px) {
  .m-header-btn-txt {
    font-size: 14px;
    white-space: nowrap;
    margin-top: 8px;
    color: #666;
    line-height: 1
  }
}

@media screen and (max-width: 767px) {
  .m-header-btn-txt {
    font-size: 10px;
    margin-top: 5px
  }
}

.m-header-btn-icon {
  width: 33px;
  height: 5px;
  display: block;
  background-color: #666;
  border-radius: 100px
}

.m-header-btn-icon:first-child {
  position: absolute;
  top: 0
}

.m-header-btn-icon:last-child {
  position: absolute;
  bottom: 0
}

@media screen and (max-width: 767px) {
  .m-header-btn-icon {
    width: 20px;
    height: 2px
  }
}

.m-header-close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: 16px
}

.m-header-close::before {
  margin-right: 10px
}

@media screen and (max-width: 767px) {
  .m-header-close {
    font-size: 14px
  }
}

.l-header-nav[aria-hidden="true"] {
  display: none
}

.l-header-nav[aria-hidden="false"] {
  display: block
}

@media screen and (max-width: 1023px) {
  .l-header-nav {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    z-index: 1;
    display: none;
    opacity: 0;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1)
  }
}

.l-header-nav-grid {
  flex: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto 10px auto;
  grid-template-rows: auto 10px auto;
  background-color: #fff
}

@media screen and (max-width: 1023px) {
  .l-header-nav-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 30px auto 30px auto 30px;
    grid-template-rows: auto 30px auto 30px auto 30px;
    border-bottom: 1px solid #dfdacb
  }
}

.l-header-nav-item-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
  -ms-grid-column-align: end;
  justify-self: end
}

@media screen and (max-width: 1023px) {
  .l-header-nav-item-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    -ms-grid-column-align: auto;
    justify-self: auto;
    width: 100%
  }
}

.l-header-nav-item-2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-column-align: end;
  justify-self: end
}

@media screen and (max-width: 1023px) {
  .l-header-nav-item-2 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    -ms-grid-column-align: auto;
    justify-self: auto;
    width: 100%
  }
}

.l-header-nav-item-3 {
  display: none
}

@media screen and (max-width: 1023px) {
  .l-header-nav-item-3 {
    display: block;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / 6;
    -ms-grid-column-align: center;
    justify-self: center
  }
}

.m-header-logo {
  width: 249px;
  height: 68px
}

@media screen and (max-width: 767px) {
  .m-header-logo {
    width: 150px;
    height: 38px
  }
}

@media screen and (max-width: 1023px) {
  .l-header-link-list {
    padding: 0 30px
  }
}

@media screen and (max-width: 767px) {
  .l-header-link-list {
    padding: 0 15px
  }
}

.m-header-link-list {
  margin: 0 -14px;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center
}

@media screen and (max-width: 1023px) {
  .m-header-link-list {
    margin: 0;
    flex-direction: column;
    align-items: stretch
  }
}

.m-header-link-list>li {
  margin: 0 14px;
  display: flex
}

@media screen and (max-width: 1023px) {
  .m-header-link-list>li {
    margin: 0 0 25px
  }
  .m-header-link-list>li:last-child {
    margin-bottom: 0
  }
}

.m-header-link {
  text-decoration: none;
  color: #000;
  font-size: 13px
}

.m-header-link:hover {
  color: inherit;
  text-decoration: underline
}

@media screen and (max-width: 1023px) {
  .m-header-link {
    display: inline-block;
    position: relative;
    font-size: 14px
  }
}

.m-header-link .i-header-link-external {
  margin-left: 5px
}

.m-header-search {
  position: relative
}

@media screen and (max-width: 1023px) {
  .m-header-search {
    width: 100%
  }
}

.m-header-search-input {
  width: 100%;
  border: 1px solid #dfdacb;
  border-radius: 6px;
  min-height: 30px;
  font-size: 13px;
  min-width: 240px;
  padding: 0 10px;
  line-height: inherit;
  margin: 0
}

@media screen and (max-width: 1023px) {
  .m-header-search-input {
    min-height: 50px;
    padding: 0 15px
  }
}

.m-header-search-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: 15px;
  top: 50%;
  margin: calc(-17px / 2) 0 0 0
}

.m-header-search-btn>img {
  display: block;
  width: 17px;
  height: 17px
}

@media print {
  #menu {
    display: none
  }
}

.l-local-search {
  margin-bottom: 30px
}

@media screen and (max-width: 1023px) {
  .l-local-search {
    padding: 0 30px 30px;
    margin-bottom: 0
  }
  .l-local-search+.l-local-nav {
    margin-top: -1px
  }
}

@media screen and (max-width: 767px) {
  .l-local-search {
    padding: 0 15px 30px
  }
}

.m-local-search {
  background-color: #fff;
  border: 1px solid #dfdacb;
  padding: 15px;
  position: relative
}

.m-local-search+.m-local-search {
  margin-top: -1px
}

.m-local-search.is-active {
  background-color: #ffe4da
}

.m-local-search.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #e30200
}

.m-local-search-form {
  position: relative
}

.m-local-search-heading {
  font-size: 18px;
  margin-bottom: 15px
}

@media screen and (max-width: 767px) {
  .m-local-search-heading {
    font-size: 16px;
    margin-bottom: 10px
  }
}

.m-local-search-input {
  border-radius: 6px;
  border: 1px solid #dfdacb;
  font-size: 14px;
  padding: 10px;
  min-height: 45px;
  width: 100%
}

.m-local-search-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.m-local-search-btn>img {
  display: block;
  width: 20px;
  height: 20px
}

.m-local-nav-heading {
  font-size: 18px;
  border: 1px solid #dfdacb;
  padding: 15px;
  margin: 0;
  font-weight: normal;
  min-height: 60px;
  display: flex;
  align-items: center;
  font-weight: bold;
  background-color: #eee
}

.m-local-nav-heading>a {
  text-decoration: none
}

.m-local-nav-heading>a:hover, .m-local-nav-heading>a:focus {
  text-decoration: underline
}

@media screen and (max-width: 1023px) {
  .m-local-nav-heading {
    border-left: 0;
    border-right: 0;
    padding: 15px 30px
  }
}

@media screen and (max-width: 767px) {
  .m-local-nav-heading {
    font-size: 16px;
    min-height: 50px;
    padding: 15px
  }
}

.m-local-nav-list {
  list-style: none;
  margin: -1px 0 0 0;
  padding: 0;
  border-left: 1px solid #dfdacb;
  border-right: 1px solid #dfdacb;
  border-bottom: 1px solid #dfdacb;
  background-color: #fff
}

@media screen and (max-width: 1023px) {
  .m-local-nav-list {
    border-left: 0;
    border-right: 0
  }
}

.m-local-nav-list>li {
  border-top: 1px solid #dfdacb
}

.m-local-nav-lower-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.m-local-nav-lower-list[aria-hidden="false"] {
  display: block
}

.m-local-nav-lower-list[aria-hidden="true"] {
  display: none
}

.m-local-nav-lower-list>li {
  border-top: 1px dotted #dfdacb
}

@supports (-ms-ime-align: auto) {
  .m-local-nav-list>li::after {
    content: " ";
    display: block;
    clear: both
  }
  .m-local-nav-lower-list {
    list-style: none;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
    list-style-type: none;
    margin: 0;
    padding: 0
  }
  .m-local-nav-lower-list>li {
    float: left;
    width: 100%
  }
  .m-local-nav-lower-list>li a {
    float: left;
    width: 100%
  }
}

.m-local-nav {
  text-decoration: none;
  color: #000;
  position: relative;
  font-size: 16px;
  padding: 17px 15px;
  display: flex;
  align-items: center
}

.m-local-nav>span {
  flex: 1
}

.m-local-nav::before {
  align-self: flex-start;
  margin-right: 10px;
  position: relative;
  top: calc((1em * 1.5 - 12px) / 2)
}

.m-local-nav[aria-current] {
  background-color: #ffe4da;
  font-weight: bold
}

.m-local-nav[aria-current]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #e30200
}

@media screen and (max-width: 1023px) {
  .m-local-nav {
    padding: 15px 30px
  }
}

@media screen and (max-width: 767px) {
  .m-local-nav {
    padding: 15px;
    font-size: 14px
  }
}

.m-local-nav-btn {
  position: relative;
  font-size: 16px;
  padding: 17px 15px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer
}

.m-local-nav-btn>button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px
}

@media screen and (max-width: 1023px) {
  .m-local-nav-btn {
    padding: 15px 30px
  }
}

@media screen and (max-width: 767px) {
  .m-local-nav-btn {
    padding: 15px;
    font-size: 14px
  }
}

.m-local-nav-btn-icon {
  display: block;
  width: 14px
}

.m-local-nav-lower {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  padding: 12px 15px 12px 33px;
  display: flex;
  align-items: center;
  background-color: #fff;
  position: relative
}

.m-local-nav-lower>span {
  flex: 1
}

.m-local-nav-lower::before {
  align-self: flex-start;
  margin-right: 10px;
  position: relative;
  top: calc((1em * 1.5 - 12px) / 2)
}

.m-local-nav-lower[aria-current] {
  background-color: #ffe4da;
  font-weight: bold
}

.m-local-nav-lower[aria-current]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #e30200
}

@media screen and (max-width: 767px) {
  .m-local-nav-lower {
    font-size: 14px;
    padding: 12px 15px 12px 30px
  }
}

.l-main {
  margin-bottom: 120px
}

@media screen and (max-width: 1023px) {
  .l-main {
    margin-bottom: 80px
  }
}

.t-top .l-main {
  margin-bottom: 0
}

.l-main-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px
}

@media screen and (max-width: 1023px) {
  .l-main-inner {
    padding: 0;
    width: 100%
  }
}

.l-main-grid {
  margin: 80px 0 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 260px;
  grid-template-columns: 1fr 60px 260px;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

@media screen and (max-width: 1023px) {
  .l-main-grid {
    margin: 80px 0 0;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto 80px auto;
    grid-template-rows: auto 80px auto
  }
}

@media screen and (max-width: 767px) {
  .l-main-grid {
    margin: 40px 0 0
  }
}

.l-main-primary {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

@media screen and (max-width: 1023px) {
  .l-main-primary {
    padding: 0 30px
  }
}

@media screen and (max-width: 767px) {
  .l-main-primary {
    padding: 0
  }
}

.l-main-secondary {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

@media screen and (max-width: 1023px) {
  .l-main-secondary {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4
  }
}

@media print {
  .l-main-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
  .l-main-secondary {
    display: none
  }
}

.l-footer-item-1>:last-child, .l-footer-item-2>:last-child, .l-footer-item-3>:last-child, .l-footer-item-4>:last-child, .l-nav-item-1>:last-child, .l-nav-item-2>:last-child, .l-nav-item-3>:last-child, .l-nav-item-4>:last-child, .l-nav-item-5>:last-child, .l-nav-item-6>:last-child, .m-nav-product-body>:last-child {
  margin-bottom: 0
}

.l-nav {
  position: relative
}

.l-nav-container {
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20px, #fff 20px, #fff 100%);
  z-index: 1;
  display: none;
  padding-top: 20px;
  text-align: left
}

@media screen and (max-width: 1023px) {
  .l-nav-container {
    border-bottom: 0;
    box-shadow: none;
    padding: 0;
    position: static
  }
}

.is-active .l-nav-container {
  border-bottom: 1px solid #dfdacb;
  box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.14)
}

@media screen and (max-width: 1023px) {
  .is-active .l-nav-container {
    border-bottom: 0;
    box-shadow: none
  }
}

.l-nav-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 40px 30px
}

@media screen and (max-width: 1023px) {
  .l-nav-inner {
    padding: 0
  }
}

.l-nav-item-1[data-self="center"], .l-nav-item-2[data-self="center"], .l-nav-item-3[data-self="center"], .l-nav-item-4[data-self="center"], .l-nav-item-5[data-self="center"], .l-nav-item-6[data-self="center"] {
  -ms-grid-column-align: center;
  justify-self: center
}

.l-nav-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr
}

.l-nav-grid[data-rows="3"] {
  -ms-grid-rows: auto 30px auto 40px auto;
  grid-template-rows: auto 30px auto 40px auto
}

.l-nav-grid[data-rows="4"] {
  -ms-grid-rows: auto 30px auto 40px auto 40px auto;
  grid-template-rows: auto 30px auto 40px auto 40px auto
}

.l-nav-grid[data-rows="5"] {
  -ms-grid-rows: auto 30px auto 40px auto 40px auto 40px auto;
  grid-template-rows: auto 30px auto 40px auto 40px auto 40px auto
}

.l-nav-grid .l-nav-item-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

.l-nav-grid .l-nav-item-2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4
}

.l-nav-grid .l-nav-item-3 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6
}

.l-nav-grid .l-nav-item-4 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  grid-row: 7 / 8
}

.l-nav-grid .l-nav-item-5 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  grid-row: 9 / 10
}

.l-nav-product-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 370px;
  grid-template-columns: 1fr 60px 370px;
  -ms-grid-rows: auto 30px auto 40px auto 40px auto 40px auto;
  grid-template-rows: auto 30px auto 40px auto 40px auto 40px auto
}

.l-nav-product-grid .l-nav-item-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

.l-nav-product-grid .l-nav-item-2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 5;
  grid-row: 3 / 8;
  display: flex
}

.l-nav-product-grid .l-nav-item-3 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4
}

.l-nav-product-grid .l-nav-item-4 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6
}

.l-nav-product-grid .l-nav-item-5 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  grid-row: 7 / 8
}

.l-nav-product-grid .l-nav-item-6 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  grid-row: 9 / 10
}

.l-nav-cm-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto 30px auto 40px auto 40px auto;
  grid-template-rows: auto 30px auto 40px auto 40px auto
}

@media screen and (max-width: 1023px) {
  .l-nav-cm-grid {
    display: block
  }
}

.l-nav-cm-grid .l-nav-item-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

@media screen and (max-width: 1023px) {
  .l-nav-cm-grid .l-nav-item-1 {
    display: none
  }
}

.l-nav-cm-grid .l-nav-item-2 {
  overflow: hidden;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4
}

.l-nav-cm-grid .l-nav-item-3 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6
}

@media screen and (max-width: 1023px) {
  .l-nav-cm-grid .l-nav-item-3 {
    display: none
  }
}

.l-nav-cm-grid .l-nav-item-4 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  grid-row: 7 / 8
}

@media screen and (max-width: 1023px) {
  .l-nav-cm-grid .l-nav-item-4 {
    display: none
  }
}

.m-nav-list {
  padding: 0;
  margin: 0 -10px;
  list-style: none;
  display: flex
}

@media screen and (max-width: 1023px) {
  .m-nav-list {
    margin: 0;
    flex-direction: column
  }
}

.m-nav-list>li {
  position: relative;
  z-index: 15;
  min-width: calc((100vw - 1023px) / 6 * 1.8);
  text-align: center
}

@media screen and (min-width: 1600px) {
  .m-nav-list>li {
    min-width: 177px
  }
}

.m-nav-list>li::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #e30200;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.m-nav-list>li:last-child .m-nav::after {
  display: none
}

.m-nav-list>li.is-active {
  z-index: 20
}

.m-nav-list>li.is-active::before {
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)
}

@media screen and (max-width: 1023px) {
  .m-nav-list>li.is-active::before {
    display: none
  }
}

.m-nav-list>li.is-current::before {
  transform: scale(1)
}

@media screen and (max-width: 1023px) {
  .m-nav-list>li.is-current::before {
    display: none
  }
}

@media screen and (max-width: 1023px) {
  .m-nav-list>li {
    border-right: 0;
    padding: 0;
    border-bottom: 1px solid #dfdacb;
    text-align: left
  }
}

.m-nav-list>li:last-child {
  border-right: 0
}

.m-nav {
  text-decoration: none;
  color: #000;
  z-index: 10;
  padding: 5px calc((100vw - 1023px) / 6 / 100 * 15 + 10px) 20px;
  display: block
}

.m-nav:hover, .m-nav:focus {
  text-decoration: none;
  color: inherit
}

.m-nav::after {
  content: "";
  display: block;
  top: 6px;
  right: 0;
  position: absolute;
  width: 1px;
  height: calc(1em + 1em * 1.5 / 2 - 5px);
  background-color: #dfdacb
}

@media screen and (max-width: 1023px) {
  .m-nav {
    padding: 20px 30px;
    display: block
  }
  .m-nav::after {
    display: none
  }
}

@media screen and (max-width: 767px) {
  .m-nav {
    padding: 20px 15px
  }
}

.m-nav-txt {
  font-size: 14px
}

@media screen and (max-width: 1023px) {
  .m-nav-txt {
    display: block;
    position: relative;
    font-weight: bold
  }
}

@media screen and (max-width: 767px) {
  .m-nav-txt {
    font-size: 14px
  }
}

.m-nav-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 10;
  padding: 5px calc((100vw - 1023px) / 6 / 100 * 15 + 10px) 20px;
  color: #000;
  margin-bottom: 0
}

.m-nav-btn[tabindex="0"] {
  cursor: default
}

.m-nav-btn>button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none
}

@media screen and (max-width: 1023px) {
  .m-nav-btn>button {
    display: block
  }
}

.m-nav-btn::after {
  content: "";
  display: block;
  top: 6px;
  right: 0;
  position: absolute;
  width: 1px;
  height: calc(1em + 1em * 1.5 / 2 - 5px);
  background-color: #dfdacb
}

@media screen and (max-width: 1023px) {
  .m-nav-btn {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    position: relative;
    font-weight: bold
  }
  .m-nav-btn::after {
    display: none
  }
}

@media screen and (max-width: 767px) {
  .m-nav-btn {
    font-size: 14px;
    padding: 20px 15px
  }
}

.m-nav-btn-icon {
  display: block;
  width: 18px
}

@media screen and (max-width: 767px) {
  .m-nav-btn-icon {
    width: 12px
  }
}

.m-nav-ttl {
  font-size: 24px;
  font-weight: bold
}

a.m-nav-ttl {
  text-decoration: none;
  color: #000;
  display: inline-block;
  position: relative
}

a.m-nav-ttl:hover, a.m-nav-ttl:focus {
  text-decoration: underline
}

.m-nav-close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: 16px
}

.m-nav-close::before {
  margin-right: 10px
}

.m-nav-close:hover, .m-nav-close:focus {
  text-decoration: underline
}

@media screen and (max-width: 767px) {
  .m-nav-close {
    font-size: 14px
  }
}

.m-nav-btn-list {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0 -20px
}

@media screen and (max-width: 1023px) {
  .m-nav-btn-list {
    flex-wrap: wrap
  }
}

.m-nav-btn-list[data-dir="col"] {
  flex-direction: column
}

.m-nav-btn-list[data-dir="col"]>li {
  margin-bottom: 20px
}

.m-nav-btn-list[data-dir="col"]>li:last-child {
  margin-bottom: 0
}

.m-nav-btn-list[data-dir-md="col"] {
  margin: 0
}

@media screen and (max-width: 1023px) {
  .m-nav-btn-list[data-dir-md="col"] {
    flex-direction: column
  }
  .m-nav-btn-list[data-dir-md="col"]>li {
    padding: 0
  }
}

.m-nav-btn-list>li {
  padding: 0 20px;
  display: flex
}

.m-nav-link-list {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0 -15px
}

.m-nav-link-list>li {
  padding: 0 15px
}

.m-nav-img-list {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0 -20px
}

.m-nav-img-list>li {
  padding: 0 20px;
  display: flex
}

.m-nav-link-img {
  text-decoration: none;
  color: #000;
  border: 1px solid #dfdacb;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-width: 100%
}

.m-nav-link-img:hover, .m-nav-link-img:focus {
  color: inherit;
  text-decoration: underline
}

.m-nav-link-img-header {
  min-height: 0%
}

.m-nav-link-img-header>img {
  width: 100%
}

.m-nav-link-img-body {
  padding: 15px 20px;
  display: flex;
  justify-content: center;
  margin-bottom: auto;
  margin-top: auto
}

.m-nav-link-img-body>:last-child {
  margin-bottom: 0
}

.m-nav-link-btn {
  text-decoration: none;
  color: #000;
  border: 1px solid #dfdacb;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  width: 100%;
  min-width: 100%
}

.m-nav-link-btn:hover, .m-nav-link-btn:focus {
  color: inherit
}

.m-nav-link-btn:hover .m-nav-link-btn-txt, .m-nav-link-btn:focus .m-nav-link-btn-txt {
  text-decoration: underline
}

.m-nav-link-btn-txt {
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: bold
}

@media screen and (max-width: 1023px) {
  .m-nav-link-btn-txt {
    font-size: 15px;
    display: block;
    position: relative;
    font-weight: normal;
    padding-left: 18px
  }
  .m-nav-link-btn-txt::before {
    content: "";
    display: block;
    background: url("https://www.meiji.co.jp/assets/img/icons/angle_right_red.svg") no-repeat;
    width: 8px;
    height: 12px;
    background-size: 8px 12px;
    position: absolute;
    left: 0;
    top: calc((1em * 1.5 - 12px) / 2);
    border-radius: 0
  }
}

@media screen and (max-width: 767px) {
  .m-nav-link-btn-txt {
    font-size: 14px;
    padding-left: 13px
  }
  .m-nav-link-btn-txt::before {
    width: 6px;
    height: 9px;
    background-size: 6px 9px;
    top: calc((1em * 1.5 - 9px) / 2)
  }
}

.m-nav-link-btn-txt>span {
  font-size: 15px
}

.m-nav-link-btn .m-external {
  margin-left: 7px
}

@media screen and (max-width: 1023px) {
  .m-nav-link-btn {
    border: 0;
    padding: 15px 45px;
    border-radius: 0;
    border-top: 1px dotted #dfdacb;
    justify-content: flex-start
  }
}

@media screen and (max-width: 767px) {
  .m-nav-link-btn {
    padding: 15px 30px
  }
}

.m-nav-link-txt {
  text-decoration: none;
  color: #000;
  position: relative;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  color: #000
}

.m-nav-link-txt:hover, .m-nav-link-txt:focus {
  color: inherit;
  text-decoration: underline
}

.m-nav-image-link-txt {
  position: relative;
  font-size: 16px;
  display: block;
  font-weight: bold
}

.m-nav-product-list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0;
  padding: 0;
  list-style: none
}

.m-nav-product-list>li {
  margin: 20px 10px 0;
  width: calc(100% / 3 - 10px * 2);
  display: flex
}

@supports (-ms-ime-align: auto) {
  .m-nav-btn-list, .m-nav-img-list, .m-nav-product-list {
    list-style: none;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
    list-style-type: none
  }
}

.m-nav-product-link {
  text-decoration: none;
  color: #000;
  border: 1px solid #dfdacb;
  border-radius: 10px;
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 5px 10px
}

.m-nav-product-link:hover, .m-nav-product-link:focus {
  color: inherit;
  text-decoration: underline
}

.m-nav-product-img {
  margin-top: auto;
  text-align: center;
  min-height: 0%
}

.m-nav-product-img>img {
  width: 65%
}

.m-nav-product-body {
  margin-top: auto;
  padding-top: 10px
}

@media screen and (max-width: 767px) {
  .l-relation-inner {
    padding: 0 15px;
    width: 100vw
  }
}

.t-single .l-relation-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px
}

@media screen and (max-width: 767px) {
  .t-single .l-relation-inner {
    padding: 0 15px
  }
}

.l-accordion {
  position: relative
}

@media screen and (max-width: 767px) {
  .l-accordion::after {
    content: "";
    display: block;
    border-bottom: 1px solid #dfdacb;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-top: 30px
  }
}

.l-accordion-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #dfdacb
}

@media screen and (max-width: 767px) {
  .l-accordion-list {
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1)
  }
}

.m-accordion {
  border-top: 1px solid #dfdacb
}

@media screen and (max-width: 767px) {
  .m-accordion {
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1)
  }
}

@media screen and (max-width: 767px) {
  .m-accordion-content {
    padding: 0 15px
  }
}

.m-accordion-btn {
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: left;
  padding: 25px 45px 25px 0;
  position: relative;
  color: #000;
  margin-bottom: 0;
  cursor: pointer
}

.m-accordion-btn>button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px
}

@media screen and (max-width: 767px) {
  .m-accordion-btn>button {
    width: 12px;
    height: 12px
  }
}

@media screen and (max-width: 767px) {
  .m-accordion-btn {
    padding-right: 27px
  }
}

.m-accordion-btn-icon {
  display: block;
  width: 18px;
  min-width: 18px
}

@media screen and (max-width: 767px) {
  .m-accordion-btn-icon {
    width: 12px;
    min-width: 12px
  }
}

.m-accordion-body {
  padding-bottom: 30px
}

.m-anchorLink {
  text-decoration: none;
  color: #000;
  position: relative;
  font-size: 16px;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .m-anchorLink {
    font-size: 14px
  }
}

.m-anchorLink-strong, .m-anchorLink-block {
  text-decoration: none;
  color: #000;
  position: relative;
  font-size: 16px;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .m-anchorLink-strong, .m-anchorLink-block {
    font-size: 14px
  }
}

.m-anchorLink-strong {
  display: inline-block
}

.m-anchorLink {
  display: inline-block
}

.m-anchorLink-block {
  display: block;
  font-size: 14px
}

.m-anchorLink-media {
  text-decoration: none
}

.m-anchorLink-media-img {
  margin: 10px
}

.m-anchorLink-media-body>:last-child {
  margin-bottom: 0
}

.m-banner-prev, .m-banner-next {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 50px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -50px
}

.is-disabled.m-banner-prev, .is-disabled.m-banner-next {
  pointer-events: none
}

@media screen and (max-width: 767px) {
  .m-banner-prev, .m-banner-next {
    width: 25px;
    height: 50px;
    margin-top: -25px
  }
}

.l-banner {
  opacity: 0
}

.l-banner-container {
  position: relative;
  margin-bottom: 25px
}

@media screen and (max-width: 767px) {
  .l-banner-container {
    margin-bottom: 15px
  }
}

.l-banner-inner {
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  padding: 5px;
  box-sizing: content-box;
  width: calc(100vw - 30px * 2)
}

@media screen and (max-width: 767px) {
  .l-banner-inner {
    margin: 0 30px;
    box-sizing: border-box
  }
}

.m-banner-link {
  display: block
}

.m-banner-list {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  width: 9999px
}

@media screen and (max-width: 767px) {
  .m-banner-list {
    margin: 0 -5px
  }
}

.m-banner-list>li {
  max-width: 580px;
  padding: 0 10px
}

.m-banner-list>li>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-banner-list>li {
    padding: 0 10px;
    max-width: 767px
  }
}

.m-banner-prev {
  left: 0
}

.m-banner-prev>img {
  width: 50px;
  height: 100px
}

@media screen and (max-width: 767px) {
  .m-banner-prev>img {
    width: 25px;
    height: 50px
  }
}

.m-banner-next {
  right: 0
}

.m-banner-next>img {
  width: 50px;
  height: 100px
}

@media screen and (max-width: 767px) {
  .m-banner-next>img {
    width: 25px;
    height: 50px
  }
}

.l-banner-controller {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative
}

.m-banner-controller-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: 30px;
  top: 15px;
  width: 30px;
  height: 30px
}

.m-banner-controller-btn>img {
  width: 30px;
  height: 30px
}

@media print {
  .m-banner-next, .m-banner-prev, .l-banner-controller {
    display: none
  }
}

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

.l-block>:last-child {
  margin-bottom: 0
}

.l-block[data-content="center"] {
  display: flex;
  justify-content: center
}

.l-block[data-content="center"]>:last-child {
  margin-bottom: 0
}

.l-block[data-content="right"] {
  display: flex;
  justify-content: flex-end
}

.l-block[data-content="right"]>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-block[data-content-sm="center"] {
    display: flex;
    justify-content: center
  }
  .l-block[data-content-sm="right"] {
    display: flex;
    justify-content: flex-end
  }
}

.l-box-body[data-content="center"] {
  display: flex;
  justify-content: center
}

@media screen and (max-width: 767px) {
  .l-box-body[data-content-sm="center"] {
    display: flex;
    justify-content: center
  }
}

.l-box-color {
  margin-bottom: 40px;
  position: relative;
  background-color: #ffe4da;
  border-radius: 10px;
  padding: 20px;
  display: flex
}

@media screen and (max-width: 767px) {
  .l-box-color {
    margin-bottom: 30px
  }
}

.l-box-color[data-color="beige"] {
  background-color: #f8f4e9
}

.l-box-color[data-color="beige"] .l-box-color-hane {
  fill: #f8f4e9
}

.l-box-color[data-color="pale-orange"] {
  background-color: #fde7cb
}

.l-box-color[data-color="pale-orange"] .l-box-color-hane {
  fill: #fde7cb
}

.l-box-color[data-color="pale-pink"] {
  background-color: #ffddec
}

.l-box-color[data-color="pale-pink"] .l-box-color-hane {
  fill: #ffddec
}

@media screen and (max-width: 767px) {
  .l-box-color {
    padding: 15px;
    border-radius: 5px
  }
}

.l-box-color-hane {
  width: 142px;
  height: 21px;
  position: absolute;
  left: 0;
  top: -13px;
  fill: #ffe4da
}

@media screen and (max-width: 767px) {
  .l-box-color-hane {
    width: 71px;
    height: 11px;
    top: -6px
  }
}

.l-box-color-body {
  width: 100%
}

.l-box-color-body>:last-child {
  margin-bottom: 0
}

.l-box-card {
  text-decoration: none;
  margin-bottom: 40px
}

.l-box-card>:last-child {
  margin-bottom: 0
}

.l-box-card-content {
  display: flex;
  align-items: center;
  margin: 0 0 0 -30px
}

@media screen and (max-width: 767px) {
  .l-box-card-content {
    flex-direction: column;
    margin: 0;
    align-items: flex-start
  }
}

.l-box-card-header {
  flex: 1;
  padding: 0 30px
}

@media screen and (max-width: 767px) {
  .l-box-card-header {
    flex: auto;
    max-width: 100%;
    min-height: 0%;
    padding: 0;
    margin-bottom: 15px
  }
}

.l-box-card-header>:last-child {
  margin-bottom: 0
}

.l-box-card-img>img {
  border-radius: 10px
}

@media screen and (max-width: 767px) {
  .l-box-card-img>img {
    border-radius: 5px
  }
}

.l-box-card-body {
  flex: 1;
  padding: 0 30px
}

.l-box-card-body>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-box-card-body {
    flex: auto;
    max-width: 100%;
    padding: 0
  }
}

a.l-box-card {
  display: block
}

.l-box, .l-box-notice {
  border: 1px solid #dfdacb;
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
  display: block;
  text-decoration: none;
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .l-box, .l-box-notice {
    margin-bottom: 30px
  }
}

.l-box>:last-child, .l-box-notice>:last-child {
  margin-bottom: 0
}

.l-box-body>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-box, .l-box-notice {
    border-radius: 5px
  }
}

.l-box-rect {
  margin: 0 0 40px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #dfdacb;
  border-left: 1px solid #dfdacb;
  width: calc(100% - 1px)
}

@media screen and (max-width: 767px) {
  .l-box-rect {
    margin: 0 0 30px
  }
}

.l-box-rect-body {
  width: 100%;
  text-decoration: none;
  border-bottom: 1px solid #dfdacb;
  border-right: 1px solid #dfdacb;
  padding: 20px;
  background-color: #fff;
  display: flex;
  align-items: center
}

.l-box-rect-body>:last-child {
  margin-bottom: 0
}

ul.l-box-rect {
  list-style: none
}

ul.l-box-rect>li {
  display: flex
}

.l-box-notice {
  padding: 20px 30px
}

@media screen and (max-width: 767px) {
  .l-box-notice {
    padding: 14px
  }
}

.l-box-important-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 40px 1fr 40px auto;
  grid-template-columns: auto 40px 1fr 40px auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

@media screen and (max-width: 1023px) {
  .l-box-important-grid {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto 15px auto;
    grid-template-rows: auto 15px auto
  }
}

.l-box-important-item-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

.l-box-important-item-2 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 5 / 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  margin-bottom: 0
}

@media screen and (max-width: 1023px) {
  .l-box-important-item-2 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    -ms-grid-column-align: end;
    justify-self: end
  }
}

.l-box-important-item-3 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

.l-box-important-item-3>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 1023px) {
  .l-box-important-item-3 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4
  }
}

.l-box-important-item-4 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-column: 3 / 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

.l-box-important-item-4>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 1023px) {
  .l-box-important-item-4 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4
  }
}

.l-box-important {
  border-radius: 10px;
  border: 1px solid #f2baba;
  background-color: #fff;
  padding: 20px 30px;
  margin-bottom: 30px
}

@media screen and (max-width: 767px) {
  .l-box-important {
    border-radius: 5px;
    padding: 14px;
    margin-bottom: 15px
  }
}

.l-box-important-heading2 {
  color: #e30200;
  font-size: 16px;
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-box-important-heading2 {
    font-size: 14px
  }
}

.l-box-important-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.l-box-important-list>li {
  margin-bottom: 10px
}

.l-box-important-list>li:last-child {
  margin-bottom: 0
}

.l-box-important-desc {
  display: flex;
  align-items: center
}

@media screen and (max-width: 767px) {
  .l-box-important-desc {
    display: block
  }
}

.l-box-important-time {
  margin-right: 20px;
  align-self: flex-start
}

@media screen and (max-width: 767px) {
  .l-box-important-time {
    margin-right: 0;
    margin-bottom: 5px;
    display: block
  }
}

.l-breadcrumb {
  border-bottom: 1px solid #dfdacb;
  min-height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative
}

.l-breadcrumb-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
  padding-top: 9px;
  padding-bottom: 9px
}

@media screen and (max-width: 767px) {
  .l-breadcrumb-inner {
    padding: 0 15px
  }
}

@media screen and (max-width: 767px) {
  .l-breadcrumb-inner {
    padding: 9px 15px
  }
}

.m-breadcrumb {
  margin: -5px 0 0;
  padding: 0;
  list-style: none
}

.m-breadcrumb>li {
  display: inline;
  vertical-align: middle;
  margin-top: 5px
}

.m-breadcrumb>li::after {
  content: ">";
  display: inline-block;
  padding: 0 0.5em;
  color: #000;
  font-size: 14px
}

.m-breadcrumb>li:last-child::after {
  display: none
}

.m-breadcrumb-item {
  font-size: 12px;
  color: #000;
  text-decoration: underline
}

.m-breadcrumb-item[aria-current] {
  text-decoration: none
}

.m-btn, .m-btn-anchorLink, .m-btn-back {
  text-decoration: none;
  color: #000;
  display: inline-block;
  position: relative;
  border: 1px solid #e30200;
  border-radius: 100px;
  background-color: #fff;
  padding: 11px 30px 10px 60px
}

@media screen and (max-width: 767px) {
  .m-btn, .m-btn-anchorLink, .m-btn-back {
    padding: 7px 20px 7px 50px
  }
}

.m-btn::before, .m-btn-anchorLink::before, .m-btn-back::before {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%)
}

.m-btn .m-external, .m-btn-anchorLink .m-external, .m-btn-back .m-external {
  margin-left: 10px
}

.m-btn {
  font-size: 18px;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .m-btn {
    font-size: 16px
  }
}

.m-btn-action {
  text-decoration: none;
  color: #000;
  display: inline-block;
  position: relative;
  border: 1px solid #dfdacb;
  border-radius: 100px;
  padding: 12px 30px;
  background-color: #fff;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-weight: bold
}

.m-btn-action:hover {
  text-decoration: underline
}

@media screen and (max-width: 767px) {
  .m-btn-action {
    font-size: 14px;
    padding: 8px 20px 9px
  }
}

.m-btn-close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center
}

.m-btn-close::before {
  margin-right: 10px
}

.m-btn-close:hover, .m-btn-close:focus {
  text-decoration: underline
}

.m-btn-back {
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .m-btn-back {
    font-size: 16px
  }
}

.l-btn-frame {
  border: 1px solid #dfdacb;
  border-radius: 10px;
  min-height: 60px;
  background-color: #fff;
  text-decoration: none;
  margin-bottom: 40px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 767px) {
  .l-btn-frame {
    min-height: 50px
  }
}

.l-btn-frame-body>:last-child {
  margin-bottom: 0
}

.m-btn-anchorLink {
  font-size: 18px;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .m-btn-anchorLink {
    font-size: 16px
  }
}

.l-card-content[data-dir="row"], .l-card-header[data-dir="row"] {
  display: flex;
  margin: 0 -10px 15px
}

.l-card-content[data-dir="row"]>*, .l-card-header[data-dir="row"]>* {
  margin: 0 10px 0
}

@media screen and (max-width: 767px) {
  .l-card-content[data-dir="row"], .l-card-header[data-dir="row"] {
    margin: 0 -7.5px 15px
  }
  .l-card-content[data-dir="row"]>*, .l-card-header[data-dir="row"]>* {
    margin: 0 7.5px 0
  }
}

@media screen and (max-width: 767px) {
  .l-card-content[data-dir-sm="col"], .l-card-header[data-dir-sm="col"] {
    display: flex;
    flex-direction: column;
    margin: 0 0 15px
  }
  .l-card-content[data-dir-sm="col"]>*, .l-card-header[data-dir-sm="col"]>* {
    margin: 0 0 15px
  }
  .l-card-content[data-dir-sm="row"], .l-card-header[data-dir-sm="row"] {
    display: flex;
    margin: 0 -7.5px 15px
  }
  .l-card-content[data-dir-sm="row"]>*, .l-card-header[data-dir-sm="row"]>* {
    margin: 0 7.5px 0
  }
}

.l-card-content[data-align="center"], .l-card-header[data-align="center"] {
  align-items: center
}

@media screen and (max-width: 767px) {
  .l-card-content[data-align-sm="center"], .l-card-header[data-align-sm="center"] {
    align-items: center
  }
}

.l-card-header[data-self="center"], .l-card-body[data-self="center"] {
  -ms-grid-row-align: center;
  align-self: center
}

@media screen and (max-width: 767px) {
  .l-card-header[data-self-sm="center"], .l-card-body[data-self-sm="center"] {
    -ms-grid-row-align: center;
    align-self: center
  }
}

.l-card {
  display: block;
  text-decoration: none;
  margin-bottom: 40px
}

.l-card>:last-child {
  margin-bottom: 0
}

.l-card[data-new] {
  position: relative
}

.l-card[data-new] .m-new {
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: 1
}

.l-card[data-old] .l-card-img {
  position: relative
}

.l-card[data-old] .m-old {
  border-radius: 0 0 5px 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.l-card-content {
  display: block;
  text-decoration: none;
  margin-bottom: 20px
}

.l-card-content>:last-child {
  margin-bottom: 0
}

.l-card-header {
  margin-bottom: 15px;
  min-height: 0%
}

.l-card-header>:last-child {
  margin-bottom: 0
}

.l-card-header-body>:last-child {
  margin-bottom: 0
}

.l-card-img {
  margin-bottom: 20px
}

.l-card-img>img {
  border-radius: 10px
}

@media screen and (max-width: 767px) {
  .l-card-img>img {
    border-radius: 5px
  }
}

.l-card-body>:last-child {
  margin-bottom: 0
}

.l-card .l-card-frame {
  padding: 10px
}

a.l-card .l-card-img>img {
  border: 1px solid #dfdacb;
}
/** BTC追加分 start **/
.img-hover {
/*  display: block;
  overflow: hidden;
  border-radius: 10px;*/
  /*border: 1px solid #dfdacb;*/
  position: relative;
}

.img-hover::after  {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  content: '';
  /*display: block;*/
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  /*backface-visibility: hidden;*/
}

.img-hover:hover::after {
  opacity: 0.1;
}

/** BTC追加分 end **/
a.l-card-content .l-card-img>img {
  border: 1px solid #dfdacb
}

.l-card-frame-list {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px 40px;
  padding: 0;
  list-style: none
}

.l-card-frame-list[data-gap="lg"] {
  margin: -30px -20px 40px
}

@media screen and (max-width: 767px) {
  .l-card-frame-list[data-gap="lg"] {
    margin: -15px -10px 30px
  }
}

.l-card-frame-list[data-gap="lg"]>li {
  padding: 30px 20px 0
}

@media screen and (max-width: 767px) {
  .l-card-frame-list[data-gap="lg"]>li {
    padding: 15px 10px 0
  }
}

@media screen and (max-width: 767px) {
  .l-card-frame-list {
    margin: -15px -7.5px 30px
  }
}

.l-card-frame-list>li {
  padding: 30px 15px 0;
  display: flex
}

@media screen and (max-width: 767px) {
  .l-card-frame-list>li {
    padding: 15px 7.5px 0
  }
}

.l-card-frame {
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #dfdacb;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 10px
}

@media screen and (max-width: 767px) {
  .l-card-frame {
    border-radius: 5px
  }
}

.l-card-frame>img {
  min-height: 0%
}

.l-card-frame-img {
  margin-top: auto;
  text-align: center;
  min-height: 0%;
  max-width: 100%
}

.l-card-frame-body {
  margin-top: auto;
  padding-top: 20px;
  max-width: 100%
}

.l-card-frame-body>:last-child {
  margin-bottom: 0
}

.l-card-fix {
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: flex-start
}

@media screen and (max-width: 767px) {
  .l-card-fix {
    align-items: center
  }
}

.l-card-fix-body {
  margin: 0 0 0 20px;
  flex: 1
}

.l-card-fix-body>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-card-fix-body {
    margin: 0 0 0 15px
  }
}

.l-card-fix-img {
  width: 80px;
  height: 80px
}

@media screen and (max-width: 767px) {
  .l-card-fix-img {
    width: 60px;
    height: 60px
  }
}

.l-card-visual {
  display: flex
}

.l-card-visual[data-color="red"] .l-card-visual-link {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, #c00814 25%, #c00814 100%)
}

.l-card-visual[data-type="border"] .l-card-visual-link {
  background-color: #fff;
  border: 1px solid #dfdacb;
  border-radius: 10px;
  overflow: hidden
}

.l-card-visual[data-type="border"]:hover .m-txtLink-block {
  text-decoration: underline
}

@media screen and (max-width: 767px) {
  .l-card-visual[data-dir-sm="row"] .l-card-visual-link {
    border-radius: 0;
    border: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: row
  }
  .l-card-visual[data-dir-sm="row"] .l-card-visual-link>* {
    width: 50%
  }
  .l-card-visual[data-dir-sm="row"] .l-card-visual-img {
    border: 1px solid #dfdacb;
    border-radius: 10px;
    overflow: hidden
  }
  .l-card-visual[data-dir-sm="row"] .l-card-visual-body {
    padding: 0 15px 15px
  }
}

.l-card-visual-img {
  min-height: 0%
}

.l-card-visual-img img {
  width: 100%
}

.l-card-visual-link {
  text-decoration: none;
  color: #000;
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
  width: 100%
}

.l-card-visual-link:hover, .l-card-visual-link:focus {
  color: #fff
}

.l-card-visual-body {
  padding: 20px
}

.l-card-visual-body>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-card-visual-body {
    padding: 15px
  }
}

.m-card-visual-ttl {
  position: relative;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px
}

@media screen and (max-width: 767px) {
  .m-card-visual-ttl {
    font-size: 18px;
    margin-bottom: 10px
  }
}

.m-card-visual-txt {
  color: #fff;
  font-size: 16px
}

.l-card-ordered-list {
  margin: 0 0 40px;
  padding: 0;
  list-style: none
}

@media screen and (max-width: 767px) {
  .l-card-ordered-list {
    margin: 0 0 30px
  }
}

.l-card-ordered-list>li {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .l-card-ordered-list>li {
    margin-bottom: 30px
  }
}

.l-card-ordered-list>li:last-child {
  margin-bottom: 0
}

.l-card-grid {
  text-decoration: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(100% / 4) 30px auto;
  grid-template-columns: calc(100% / 4) 30px auto;
  -ms-grid-rows: auto 15px auto;
  grid-template-rows: auto 15px auto
}

@media screen and (max-width: 767px) {
  .l-card-grid {
    -ms-grid-columns: 50% 15px 50%;
    grid-template-columns: 50% 15px 50%;
    -ms-grid-rows: auto 15px auto;
    grid-template-rows: auto 15px auto
  }
}

.l-card-grid-img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / 4
}

@media screen and (max-width: 767px) {
  .l-card-grid-img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2
  }
}

.l-card-grid-img>img {
  border-radius: 10px;
  border: 1px solid #dfdacb
}

.l-card-grid-ttl {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-row-align: end;
  align-self: end
}

@media screen and (max-width: 767px) {
  .l-card-grid-ttl {
    -ms-grid-row-align: center;
    align-self: center
  }
}

.l-card-grid-ttl>:last-child {
  margin-bottom: 0
}

.l-card-grid-txt {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4
}

.l-card-grid-txt>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-card-grid-txt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4
  }
}

.m-checkbox-label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0 20px 0
}

@media screen and (max-width: 767px) {
  .m-checkbox-label {
    padding: 0
  }
}

.m-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0)
}

.m-checkbox+.m-checkbox-text {
  display: inline-block;
  position: relative;
  padding-left: 29px;
  cursor: pointer
}

@media screen and (max-width: 767px) {
  .m-checkbox+.m-checkbox-text {
    font-size: 14px
  }
}

.m-checkbox+.m-checkbox-text::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  margin: auto;
  border: 1px solid #dfdacb;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: contain
}

.m-checkbox:checked+.m-checkbox-text::after {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  left: 4px;
  transform: translate(50%, -50%) rotate(45deg);
  border-bottom: 2px solid #e30200;
  border-right: 2px solid #e30200;
  width: 7px;
  height: 14px
}

.m-checkbox:focus+.m-checkbox-text:before {
  border-color: #fd8a87;
  border-width: 2px
}

.l-content-expand {
  background-color: #fff;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1)
}

.l-content-expand[data-color="beige"] {
  background-color: #f8f4e9
}

.l-content-expand[data-color="pink"] {
  background-color: #ffe4da
}

.l-content-expand-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 60px 30px
}

@media screen and (max-width: 767px) {
  .l-content-expand-inner {
    padding: 40px 15px
  }
}

.l-content-expand-inner>:last-child {
  margin-bottom: 0
}

.l-content-expand-inner>:first-child {
  margin-top: 0
}

.l-content-decoration {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 5%
}

@media screen and (max-width: 767px) {
  .l-content-decoration {
    padding-top: 12%
  }
}

.m-content-decoration-lg {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 1px;
  left: 0;
  fill: #fff
}

.m-content-decoration-lg[data-color="beige"] {
  fill: #f8f4e9
}

.m-content-decoration-lg[data-color="pink"] {
  fill: #ffe4da
}

@media screen and (max-width: 767px) {
  .m-content-decoration-lg {
    display: none
  }
}

.m-content-decoration-sm {
  display: none
}

@media screen and (max-width: 767px) {
  .m-content-decoration-sm {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 1px;
    left: 0;
    fill: #fff
  }
  .m-content-decoration-sm[data-color="beige"] {
    fill: #f8f4e9
  }
  .m-content-decoration-sm[data-color="pink"] {
    fill: #ffe4da
  }
}

.m-external {
  width: 12px;
  height: 12px;
  margin-left: 7px;
  display: inline-block;
  position: relative;
  top: -0.1em
}

@media screen and (max-width: 767px) {
  .m-external {
    width: 10px;
    height: 10px
  }
}

.l-gdpr {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999
}

.l-gdpr.is-hidden {
  display: none
}

.l-gdpr-inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 32px
}

@media screen and (max-width: 767px) {
  .l-gdpr-inner {
    padding: 20px
  }
}

.l-gdpr-row {
  display: flex;
  align-items: center;
  margin: 0 -18px
}

@media screen and (max-width: 767px) {
  .l-gdpr-row {
    flex-direction: column;
    margin: 0
  }
  .l-gdpr-row>:last-child {
    margin-bottom: 0
  }
}

.l-gdpr-col {
  margin: 0 18px
}

@media screen and (max-width: 767px) {
  .l-gdpr-col {
    margin: 0 0 18px
  }
}

.m-gdpr-txt {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0
}

.m-gdpr-txt a {
  color: #fff;
  text-decoration: underline
}

.m-gdpr-txt a:hover {
  color: #fff
}

.m-gdpr-btn {
  font-size: 14px;
  min-width: 140px;
  background-color: #fff;
  border: 0;
  border-radius: 30px;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.m-gdpr-btn:hover {
  color: #ff0000
}

.l-grid-col[data-content="center"] {
  display: flex;
  justify-content: center
}

@media screen and (max-width: 767px) {
  .l-grid-col[data-content-sm="center"] {
    display: flex;
    justify-content: center
  }
}

.l-grid-row[data-align="center"], .l-grid-col[data-align="center"] {
  align-items: center
}

@media screen and (max-width: 767px) {
  .l-grid-row[data-align-sm="center"], .l-grid-col[data-align-sm="center"] {
    align-items: center
  }
}

.l-grid-col[data-self="center"] {
  -ms-grid-row-align: center;
  align-self: center
}

@media screen and (max-width: 767px) {
  .l-grid-col[data-self-sm="center"] {
    -ms-grid-row-align: center;
    align-self: center
  }
}

.l-grid-container {
  width: 100%;
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .l-grid-container {
    margin-bottom: 25px
  }
}

.l-grid-container[data-vertical-gap="none"] .l-grid-row {
  margin-top: 0
}

@media screen and (max-width: 767px) {
  .l-grid-container[data-vertical-gap="none"] .l-grid-row {
    margin-top: 0
  }
}

.l-grid-container[data-vertical-gap="none"] .l-grid-col {
  margin-top: 0
}

@media screen and (max-width: 767px) {
  .l-grid-container[data-vertical-gap="none"] .l-grid-col {
    margin-top: 0
  }
}

.l-grid-container[data-gap="lg"] .l-grid-row {
  margin: -40px -20px 0
}

@media screen and (max-width: 767px) {
  .l-grid-container[data-gap="lg"] .l-grid-row {
    margin: -20px -15px 0
  }
}

.l-grid-container[data-gap="lg"] .l-grid-col {
  padding: 0 20px
}

@media screen and (max-width: 767px) {
  .l-grid-container[data-gap="lg"] .l-grid-col {
    padding: 0 15px
  }
}

.l-grid-row {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -10px 0
}

@media screen and (max-width: 767px) {
  .l-grid-row {
    margin: -20px -10px 0
  }
}

ul.l-grid-row {
  list-style: none;
  padding: 0
}

.l-grid-col {
  margin-top: 40px;
  padding: 0 10px
}

.l-grid-col>:first-child {
  margin-top: 0
}

.l-grid-col>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-grid-col {
    margin-top: 20px
  }
}

.l-heading1-body[data-dir="row"], .l-heading2-body[data-dir="row"], .l-heading3-body[data-dir="row"], .l-heading4-body[data-dir="row"] {
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width: 767px) {
  .l-heading1-body[data-dir-sm="col"], .l-heading2-body[data-dir-sm="col"], .l-heading3-body[data-dir-sm="col"], .l-heading4-body[data-dir-sm="col"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }
}

.l-heading1-body>:last-child, .l-heading2-body>:last-child, .l-heading3-body>:last-child, .l-heading4-body>:last-child {
  margin-bottom: 0
}

.l-heading1-container {
  margin: 0 0 50px
}

@media screen and (max-width: 767px) {
  .l-heading1-container {
    margin: 0 0 30px
  }
}

.t-single .l-heading1-container {
  margin: 80px 0 50px
}

@media screen and (max-width: 767px) {
  .t-single .l-heading1-container {
    margin: 40px 0 30px
  }
}

.l-heading1-body {
  position: relative
}

.l-heading1-body[data-dir="row"] .m-heading1 {
  margin-bottom: 0;
  flex: 1
}

.m-heading1 {
  font-size: 34px;
  margin-bottom: 15px
}

@media screen and (max-width: 767px) {
  .m-heading1 {
    font-size: 24px
  }
}

.m-heading-sub {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  margin-left: 10px
}

@media screen and (max-width: 767px) {
  .m-heading-sub {
    font-size: 16px;
    display: block;
    margin-left: 0
  }
}

.m-heading-sup {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  font-weight: normal
}

@media screen and (max-width: 767px) {
  .m-heading-sup {
    font-size: 16px;
    margin-bottom: 7px
  }
}

.l-heading-mainVisual {
  background-color: #f8f4e9;
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 60px
}

.l-heading-mainVisual[data-vertical-gap="none"] {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-heading-mainVisual[data-vertical-gap="none"] {
    margin-bottom: 0
  }
}

@media screen and (max-width: 1023px) {
  .l-heading-mainVisual {
    background-size: cover;
    background-position: calc((768px + (768px - 100vw)) / 8) center
  }
}

@media screen and (max-width: 767px) {
  .l-heading-mainVisual {
    background-size: cover;
    background-position: right center;
    margin-bottom: 30px
  }
}

.l-heading-mainVisual-container {
  max-width: 1260px;
  margin: 0 auto;
  padding: calc((100vw - 1023px) / 2 / 100 * 5 + 35px) 30px
}

.l-heading-mainVisual-container>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-heading-mainVisual-container {
    padding: 45px 20px
  }
}

.l-heading-mainVisual-wave {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 5%
}

@media screen and (max-width: 767px) {
  .l-heading-mainVisual-wave {
    padding-top: 10%
  }
}

.m-heading-wave-lg {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 1px;
  left: 0;
  fill: #fff
}

.m-heading-wave-lg[data-color="beige"] {
  fill: #f8f4e9
}

.m-heading-wave-lg[data-color="pink"] {
  fill: #ffe4da
}

@media screen and (max-width: 767px) {
  .m-heading-wave-lg {
    display: none
  }
}

.m-heading-wave-sm {
  display: none
}

@media screen and (max-width: 767px) {
  .m-heading-wave-sm {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 1px;
    left: 0;
    fill: #fff
  }
  .m-heading-wave-sm[data-color="beige"] {
    fill: #f8f4e9
  }
  .m-heading-wave-sm[data-color="pink"] {
    fill: #ffe4da
  }
}

.m-heading-lead {
  font-size: 20px
}

@media screen and (max-width: 767px) {
  .m-heading-lead {
    font-size: 16px;
    padding-right: 50vw
  }
}

.l-heading2-container {
  margin: 60px 0 60px
}

@media screen and (max-width: 767px) {
  .l-heading2-container {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1)
  }
}

.l-heading2-container[data-vertical-gap="sm"] {
  margin-bottom: 30px
}

@media screen and (max-width: 767px) {
  .l-heading2-container[data-vertical-gap="sm"] {
    margin-bottom: 20px
  }
}

.l-heading2-container[data-accordion="lg"] .m-heading2-line::before {
  content: "";
  display: block;
  margin: 50px 0;
  border: 0;
  height: 1px;
  padding: 0;
  background-image: none;
  background-color: #dfdacb
}

@media screen and (max-width: 767px) {
  .l-heading2-container[data-accordion="lg"] .m-heading2-line::before {
    background-image: none;
    background-color: #dfdacb;
    height: 1px;
    padding: 0;
    margin: 25px 0
  }
}

@media screen and (max-width: 767px) {
  .l-heading2-container[data-accordion="sm"] {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1)
  }
}

@media screen and (max-width: 767px) {
  .l-heading2-container[data-accordion="sm"] .m-heading2-line::before {
    background-image: none;
    background-color: #dfdacb;
    height: 1px;
    padding: 0;
    margin: 25px 0
  }
}

.l-heading2-container[data-accordion="sm"] .m-heading-btn, .l-heading2-container[data-accordion="sm"] .m-heading-btn-img {
  pointer-events: none
}

@media screen and (max-width: 767px) {
  .l-heading2-container[data-accordion="sm"] .m-heading-btn, .l-heading2-container[data-accordion="sm"] .m-heading-btn-img {
    pointer-events: auto
  }
}

@media screen and (max-width: 767px) {
  .l-heading2-container[data-accordion] .m-heading2 {
    font-size: 20px
  }
}

.l-heading2-body {
  position: relative
}

.l-heading2-body[data-dir="row"] .m-heading2 {
  flex: 1
}

@media screen and (max-width: 767px) {
  .l-heading2-body[data-dir-sm="col"] .m-txtLink-strong, .l-heading2-body[data-dir-sm="col"] .m-txtLink-strong-block {
    margin: 5px 0 0 auto
  }
  .l-heading2-body[data-dir-sm="col"] .m-heading-btn-list {
    margin-top: -5px;
    margin-left: auto
  }
  .l-heading2-body[data-dir-sm="col"] .m-heading-btn-list>li>:first-child {
    margin-top: 0
  }
}

@media screen and (max-width: 767px) {
  .l-heading2-body {
    padding: 0 15px
  }
}

.m-heading2 {
  font-size: 30px;
  margin-bottom: 0
}

.m-heading2[data-new] {
  display: flex;
  align-items: center
}

.m-heading2[data-new] .m-new {
  width: 60px;
  height: 60px;
  margin-right: 20px
}

@media screen and (max-width: 767px) {
  .m-heading2[data-new] .m-new {
    width: 40px;
    height: 40px;
    margin-right: 10px
  }
}

.m-heading2>sup {
  font-size: 12px;
  top: -1.2em
}

@media screen and (max-width: 767px) {
  .m-heading2>sup {
    top: -0.9em
  }
}

.m-heading2 .m-txtLink-strong, .m-heading2 .m-txtLink-strong-block {
  font-size: 30px
}

@media screen and (max-width: 767px) {
  .m-heading2 .m-txtLink-strong, .m-heading2 .m-txtLink-strong-block {
    font-size: 24px
  }
}

@media screen and (max-width: 767px) {
  .m-heading2 {
    font-size: 24px
  }
}

.m-heading-btn, .m-heading-btn-img {
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: left;
  color: #000;
  position: relative
}

.m-heading-btn.is-active, .is-active.m-heading-btn-img {
  cursor: pointer
}

.m-heading-btn>button, .m-heading-btn-img>button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: none
}

.m-heading-btn>button[aria-expanded], .m-heading-btn-img>button[aria-expanded] {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px
}

@media screen and (max-width: 767px) {
  .m-heading-btn>button[aria-expanded], .m-heading-btn-img>button[aria-expanded] {
    width: 12px;
    height: 12px
  }
}

@media screen and (max-width: 767px) {
  .m-heading-btn, .m-heading-btn-img {
    padding-right: 15px
  }
}

.m-heading-btn-icon {
  display: block;
  width: 18px;
  min-width: 18px
}

@media screen and (max-width: 767px) {
  .m-heading-btn-icon {
    width: 12px;
    min-width: 12px
  }
}

.m-heading-btn-img {
  display: flex;
  align-items: center
}

.m-heading-btn-img>img {
  margin-right: 10px
}

.m-heading-btn-list {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: flex
}

@media screen and (max-width: 767px) {
  .m-heading-btn-list {
    margin: -10px -10px 0;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end
  }
}

.m-heading-btn-list>li {
  margin: 0 15px
}

@media screen and (max-width: 767px) {
  .m-heading-btn-list>li {
    margin: 10px 10px 0
  }
}

.m-heading2-line>:last-child {
  margin-bottom: 0
}

.m-heading2-line::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/dot.svg") center center repeat-x;
  background-size: 10px 5px;
  width: 100%;
  height: 5px;
  margin: 50px 0
}

@media screen and (max-width: 767px) {
  .m-heading2-line::before {
    margin: 35px 0;
    background-size: 5px 3px;
    height: 3px
  }
}

.l-heading3-container, .l-heading4-container {
  margin: 40px 0
}

@media screen and (max-width: 767px) {
  .l-heading3-container[data-accordion="sm"], .l-heading4-container[data-accordion="sm"] {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1)
  }
  .l-heading3-container[data-accordion="sm"] .l-heading3-body, .l-heading4-container[data-accordion="sm"] .l-heading3-body, .l-heading3-container[data-accordion="sm"] .l-heading4-body, .l-heading4-container[data-accordion="sm"] .l-heading4-body {
    padding: 0 15px
  }
}

.l-heading3-container[data-accordion="sm"] .m-heading-btn, .l-heading4-container[data-accordion="sm"] .m-heading-btn, .l-heading3-container[data-accordion="sm"] .m-heading-btn-img, .l-heading4-container[data-accordion="sm"] .m-heading-btn-img {
  pointer-events: none
}

@media screen and (max-width: 767px) {
  .l-heading3-container[data-accordion="sm"] .m-heading-btn, .l-heading4-container[data-accordion="sm"] .m-heading-btn, .l-heading3-container[data-accordion="sm"] .m-heading-btn-img, .l-heading4-container[data-accordion="sm"] .m-heading-btn-img {
    pointer-events: auto
  }
}

@media screen and (max-width: 767px) {
  .l-heading3-container, .l-heading4-container {
    margin: 25px 0
  }
}

.l-heading3-body, .l-heading4-body {
  position: relative
}

.l-heading3-body[data-dir="row"] .m-heading3, .l-heading4-body[data-dir="row"] .m-heading3 {
  flex: 1
}

@media screen and (max-width: 767px) {
  .l-heading3-body[data-dir-sm="col"] .m-txtLink-strong, .l-heading4-body[data-dir-sm="col"] .m-txtLink-strong, .l-heading3-body[data-dir-sm="col"] .m-txtLink-strong-block, .l-heading4-body[data-dir-sm="col"] .m-txtLink-strong-block {
    margin: 5px 0 0 auto
  }
}

.m-heading3 {
  font-size: 24px;
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-heading3 {
    font-size: 20px
  }
}

.m-heading3-line {
  margin-bottom: 0
}

.m-heading3-line>:last-child {
  margin-bottom: 0
}

.m-heading3-line::before {
  content: "";
  display: block;
  margin: 35px auto;
  border: 0;
  height: 1px;
  background-color: #dfdacb
}

@media screen and (max-width: 767px) {
  .m-heading3-line::before {
    margin: 25px auto
  }
}

@media screen and (max-width: 767px) {
  .m-heading3-line-sm, .m-heading4-line-sm {
    margin-bottom: 0
  }
  .m-heading3-line-sm>:last-child, .m-heading4-line-sm>:last-child {
    margin-bottom: 0
  }
  .m-heading3-line-sm::before, .m-heading4-line-sm::before {
    content: "";
    display: block;
    border: 0;
    height: 1px;
    background-color: #dfdacb;
    margin: 25px auto
  }
}

.l-frame-container {
  margin: 30px 0 40px
}

.l-frame-container .l-heading3-container, .l-frame-container .l-heading4-container {
  margin: 0
}

.l-frame-container .js-heading-accordion-body {
  margin-bottom: 0
}

.l-frame-container .m-heading-btn, .l-frame-container .m-heading-btn-img {
  margin-bottom: 0
}

.l-frame-container .m-radio-label {
  padding: 0 20px 0 0
}

.l-frame-container .l-list-pipe-item {
  margin: 0 20px 20px 0
}

@media screen and (max-width: 767px) {
  .l-frame-container {
    border: 1px solid #dfdacb;
    border-radius: 10px;
    padding: 15px;
    margin: 0 0 32px
  }
  .l-frame-container .l-accordion::after {
    border-bottom: none;
    margin-top: 0
  }
  .l-frame-container .m-heading3-line-sm::before, .l-frame-container .m-heading4-line-sm::before {
    content: none
  }
  .l-frame-container .l-heading3-container[data-accordion='sm'] .l-heading3-body, .l-frame-container .l-heading4-container[data-accordion="sm"] .l-heading3-body, .l-frame-container .l-heading3-container[data-accordion='sm'] .l-heading4-body, .l-frame-container .l-heading4-container[data-accordion="sm"] .l-heading4-body {
    padding: 0
  }
  .l-frame-container .l-list-pipe-item {
    padding-right: 0;
    margin: 0 20px 10px 0
  }
}

.l-heading4-container {
  margin: 20px 0
}

@media screen and (max-width: 767px) {
  .l-heading4-container[data-accordion] .m-heading4 {
    font-size: 20px
  }
}

@media screen and (max-width: 767px) {
  .l-heading4-container {
    margin: 10px 0
  }
}

.m-heading4 {
  font-size: 20px
}

@media screen and (max-width: 767px) {
  .m-heading4 {
    font-size: 16px
  }
}

.l-hr-primary {
  max-width: 1200px;
  margin: 60px auto;
  border: 0;
  height: 5px
}

@media screen and (max-width: 767px) {
  .l-hr-primary {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    height: 3px
  }
}

.l-hr-primary::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/dot.svg") repeat-x;
  background-size: 10px 5px;
  width: 100%;
  height: 5px
}

@media screen and (max-width: 767px) {
  .l-hr-primary::before {
    background-size: 5px 3px;
    height: 3px
  }
}

.l-hr-secondary {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 30px;
  border: 0;
  height: 1px;
  background-color: #dfdacb
}

@media screen and (max-width: 767px) {
  .l-hr-secondary {
    margin: 40px auto;
    padding: 0
  }
}

.m-icon-strong[data-color="beige"], .m-icon[data-color="beige"] {
  background-color: #f8f4e9
}

.m-icon-strong[data-color="pink"], .m-icon[data-color="pink"] {
  background-color: #ffe4da
}

.m-icon-strong[data-color="pale-orange"], .m-icon[data-color="pale-orange"] {
  background-color: #fde7cb
}

.m-icon-strong[data-color="pale-green"], .m-icon[data-color="pale-green"] {
  background-color: #dbf8d1
}

.m-icon-strong[data-color="pale-blue"], .m-icon[data-color="pale-blue"] {
  background-color: #c8edf8
}

.m-icon-strong[data-color="pale-pink"], .m-icon[data-color="pale-pink"] {
  background-color: #ffddec
}

.m-icon-strong[data-color="pale-purple"], .m-icon[data-color="pale-purple"] {
  background-color: #ead4f5
}

.m-icon-strong[data-color="pale-navy"], .m-icon[data-color="pale-navy"] {
  background-color: #bed7f6
}

.m-icon-strong[data-color="light-blue"], .m-icon[data-color="light-blue"] {
  background-color: #74d0f2
}

.m-icon-strong[data-color="salmon-pink"], .m-icon[data-color="salmon-pink"] {
  background-color: #fd8a87
}

.m-icon-strong[data-color="light-gray"], .m-icon[data-color="light-gray"] {
  background-color: rgba(204, 204, 204, 0.8)
}

.m-icon-strong[data-region="hokkaido"], .m-icon[data-region="hokkaido"] {
  background-color: #7ecc88
}

.m-icon-strong[data-region="tohoku"], .m-icon[data-region="tohoku"] {
  background-color: #7ecc88
}

.m-icon-strong[data-region="kanto"], .m-icon[data-region="kanto"] {
  background-color: #7ecc88
}

.m-icon-strong[data-region="chubu"], .m-icon[data-region="chubu"] {
  background-color: #7ecc88
}

.m-icon-strong[data-region="kinki"], .m-icon[data-region="kinki"] {
  background-color: #7ecc88
}

.m-icon-strong[data-region="chugoku-shikoku"], .m-icon[data-region="chugoku-shikoku"] {
  background-color: #7ecc88
}

.m-icon-strong[data-region="kyushu-okinawa"], .m-icon[data-region="kyushu-okinawa"] {
  background-color: #7ecc88
}

.m-icon-strong {
  display: inline-block;
  padding: 4px 10px 3px;
  background-color: #ffe4da;
  font-size: 16px;
  color: #000
}

.m-icon-strong[data-region] {
  min-width: 100px;
  text-align: center
}

.m-icon {
  display: inline-block;
  padding: 4px 10px 3px;
  border: 1px solid #dfdacb;
  background-color: #fff;
  font-size: 14px
}

.m-icon[data-color] {
  border: none;
  padding: 5px 11px 4px
}

.l-img {
  width: 100%
}

@media screen and (max-width: 767px) {
  .l-img[data-align-sm="center"] {
    text-align: center
  }
}

.l-img>:last-child {
  margin-bottom: 0
}

div.l-img .m-img-full, div.l-img .m-img-fluid {
  margin-bottom: 10px
}

div.l-img>:last-child {
  margin-bottom: 0
}

.l-img-frame {
  padding: 10px;
  position: relative
}

.l-img-frame .m-new {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width: 767px) {
  .l-img-frame .m-new {
    width: 50px;
    height: 50px
  }
}

.m-img {
  max-width: 100%
}

.m-img[data-corner="rounded"] {
  border-radius: 10px
}

@media screen and (max-width: 767px) {
  .m-img[data-corner="rounded"] {
    border-radius: 5px
  }
}

.m-img-full {
  width: 100%
}

.m-img-full[data-corner="rounded"] {
  border-radius: 10px
}

@media screen and (max-width: 767px) {
  .m-img-full[data-corner="rounded"] {
    border-radius: 5px
  }
}

.m-img-fluid {
  max-width: 100%
}

.m-img-fluid[data-corner="rounded"] {
  border-radius: 10px
}

@media screen and (max-width: 767px) {
  .m-img-fluid[data-corner="rounded"] {
    border-radius: 5px
  }
}

.m-img-caption-strong {
  margin-top: 20px
}

@media screen and (max-width: 767px) {
  .m-img-caption-strong {
    margin-top: 15px;
    font-size: 14px
  }
}

.m-img-caption {
  color: #666;
  font-size: 12px;
  margin-top: 10px
}

.m-img-caption[data-align="center"] {
  text-align: center
}

.m-img-caption[data-align="left"] {
  text-align: left
}

.m-img-caption[data-size="lg"] {
  font-size: 16px
}

@media screen and (max-width: 767px) {
  .m-img-caption[data-size="lg"] {
    font-size: 14px
  }
}

.js-txt-overflow-target {
  visibility: hidden
}

.js-txt-overflow-target>span.txt-overflow::after {
  content: "...";
  display: inline-block
}

.js-txt-overflow-target>span:last-child {
  display: inline-block
}

.js-txt-overflow-target>span[aria-hidden="true"] {
  display: none
}

.js-heading-accordion-body>:last-child, .js-accordion-body>:last-child {
  margin-bottom: 0
}

.js-heading-accordion-body {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .js-heading-accordion-body {
    margin-bottom: 30px
  }
  .js-heading-accordion-body>.l-heading3-container, .js-heading-accordion-body>.l-heading4-container {
    margin-top: 0
  }
  .js-heading-accordion-body>.l-heading4-container {
    margin-top: 0
  }
}

.js-split-add-content {
  display: none
}

.js-split>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .js-split .l-grid-container {
    margin-bottom: 20px
  }
}

.js-split-item.is-hidden {
  display: none
}

@media screen and (max-width: 767px) {
  .js-split-item.is-hidden-sm {
    display: none
  }
}

.js-txt-overflow-btn-container {
  clear: both;
  margin-top: 40px
}

.l-list-container {
  margin-bottom: 35px
}

.l-list-container>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-list-container {
    margin-bottom: 25px
  }
}

.l-list[data-dir='col'] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block
}

.l-list[data-dir='col']>li {
  margin-bottom: 10px
}

.l-list[data-dir='col']>li>:last-child {
  margin-bottom: 0
}

.l-list[data-dir='col']>li:last-child {
  margin-bottom: 0
}

.l-list[data-dir='row'] {
  margin: -10px -15px 20px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

@media screen and (max-width: 767px) {
  .l-list[data-dir='row'] {
    margin: -10px -7.5px 10px
  }
}

.l-list[data-dir='row']>li {
  margin: 10px 15px 0
}

@media screen and (max-width: 767px) {
  .l-list[data-dir='row']>li {
    margin: 10px 7.5px 0
  }
}

@media screen and (max-width: 767px) {
  .l-list[data-dir-sm='row'] {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -10px -7.5px 10px
  }
}

@media screen and (max-width: 767px) {
  .l-list[data-dir-sm='row']>li {
    margin: 10px 7.5px 0
  }
}

@media screen and (max-width: 767px) {
  .l-list[data-dir-sm='col'] {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
  }
  .l-list[data-dir-sm='col']>li {
    margin: 0 0 10px
  }
  .l-list[data-dir-sm='col']>li>:last-child {
    margin: 0
  }
}

.l-list[data-gap='sm'] {
  margin: -10px -5px 20px
}

@media screen and (max-width: 767px) {
  .l-list[data-gap='sm'] {
    margin: -10px -5px 10px
  }
}

.l-list[data-gap='sm']>li {
  margin: 10px 5px 0
}

@media screen and (max-width: 767px) {
  .l-list[data-content-sm='center'] {
    justify-content: center
  }
}

.l-list-pipe {
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 767px) {
  .l-list-pipe {
    display: block;
    margin-top: 15px
  }
}

.l-list-pipe-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin-bottom: 0
}

.l-list-pipe-item {
  border-right: 1px solid #dfdacb
}

@media screen and (max-width: 767px) {
  .l-list-pipe-item {
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px
  }
  .l-list-pipe-item:last-child {
    margin-right: 0
  }
}

.l-list-pipe-item:last-child {
  padding-right: 0;
  border-right: none
}

.l-list-pipe-ttl {
  background-color: #f8f4e9;
  padding: 4px 15px;
  margin-right: 8px;
  position: relative;
  font-weight: normal
}

@media screen and (max-width: 767px) {
  .l-list-pipe-ttl {
    display: inline-block;
    padding: 2px 11px;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 14px
  }
}

.l-list-pipe-ttl::after {
  content: '';
  position: absolute;
  top: 0;
  right: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 8px;
  border-color: transparent transparent transparent #f8f4e9
}

@media screen and (max-width: 767px) {
  .l-list-pipe-ttl::after {
    border-width: 12px 0 12px 8px
  }
}

.l-list-pipe-content {
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-list-pipe-content {
    display: block;
    margin-top: 0
  }
  .l-list-pipe-content:first-child {
    margin-bottom: 5px
  }
}

.l-list-pipe-content dd {
  margin-bottom: 0
}

.l-list-line {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #dfdacb
}

.l-list-line>li {
  border-bottom: 1px solid #dfdacb;
  background-color: #fff;
  padding: 20px 0
}

@media screen and (max-width: 767px) {
  .l-list-line>li {
    padding: 15px 0
  }
}

.l-list-line>li>:last-child {
  margin-bottom: 0
}

.l-list-line[data-dir='row'] {
  display: flex;
  flex-wrap: wrap;
  border-top: 0;
  margin: 0 -20px
}

@media screen and (max-width: 767px) {
  .l-list-line[data-dir='row'] {
    margin: 0
  }
}

.l-list-line[data-dir='row']>li {
  border-top: 1px solid #dfdacb;
  width: calc(50% - 20px * 2);
  margin: -1px 20px 0
}

@media screen and (max-width: 767px) {
  .l-list-line[data-dir='row']>li {
    width: 100%;
    margin: -1px 0 0
  }
}

.l-list-line-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 0
}

@media screen and (max-width: 767px) {
  .l-list-line-row {
    margin: 0 -15px 0
  }
}

.l-list-line-grid {
  padding: 0 20px
}

@media screen and (max-width: 767px) {
  .l-list-line-grid {
    padding: 0 15px
  }
  .l-list-line-grid:nth-child(2) {
    margin-top: -1px
  }
}

.l-list-anchor {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -20px -20px 0;
  width: 100%
}

@media screen and (max-width: 767px) {
  .l-list-anchor {
    margin: -15px -15px 0
  }
}

.l-list-anchor>li {
  border-right: 1px solid #dfdacb;
  padding: 0 20px;
  margin: 20px 0 0
}

.l-list-anchor>li:last-child {
  border: 0
}

@media screen and (max-width: 767px) {
  .l-list-anchor>li {
    margin: 15px 0 0;
    padding: 0 15px
  }
}

.l-list-btn {
  margin: -15px -10px 20px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.l-list-btn>li {
  margin: 15px 10px 0
}

.l-list-btn[data-dir='col'] {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
  align-items: flex-start
}

.l-list-btn[data-dir='col']>li {
  margin: 0 0 20px
}

.l-list-btn[data-dir='col']>li>:last-child {
  margin-bottom: 0
}

.l-list-btn[data-dir='col']>li:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-list-btn[data-dir='col']>li {
    margin: 0 0 15px
  }
}

@media screen and (max-width: 767px) {
  .l-list-btn[data-dir-sm='col'] {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
  }
  .l-list-btn[data-dir-sm='col']>li {
    margin: 0 0 15px
  }
  .l-list-btn[data-dir-sm='col']>li>:last-child {
    margin-bottom: 0
  }
  .l-list-btn[data-dir-sm='col']>li:last-child {
    margin-bottom: 0
  }
}

@media screen and (max-width: 767px) {
  .l-list-btn[data-content-sm='center'] {
    justify-content: center;
    align-items: center
  }
}

.m-definitionList {
  margin: 0;
  padding: 0;
  list-style: none
}

.m-definitionList[data-dir='col'] {
  flex-direction: column
}

.m-definitionList[data-dir='col']>dt {
  margin: 0 0 20px 0;
  float: none
}

@media screen and (max-width: 767px) {
  .m-definitionList[data-dir='col']>dt {
    margin: 0 0 10px 0
  }
}

@media screen and (max-width: 767px) {
  .m-definitionList[data-dir-sm='col']>dt {
    float: none;
    margin: 0 0 10px 0
  }
}

.m-definitionList>dt {
  margin: 0 20px 0 0;
  font-weight: normal;
  float: left
}

@media screen and (max-width: 767px) {
  .m-definitionList>dt {
    margin: 0 15px 0 0
  }
}

.m-definitionList>dt>:last-child {
  margin-bottom: 0
}

.m-definitionList>dd {
  margin: 0;
  font-weight: bold;
  overflow: hidden
}

.m-definitionList>dd>:last-child {
  margin-bottom: 0
}

.l-tag-list {
  display: flex;
  margin-bottom: 5px
}

.l-tag-list>span {
  margin-right: 5px
}

.l-tag-list>span:first-child {
  margin-right: 10px
}

.m-list {
  margin: 0 0 10px;
  padding: 0;
  list-style: none
}

.m-list[data-vertical-gap='sm']>li {
  margin-bottom: 5px
}

.m-list[data-vertical-gap='sm']>li>:last-child {
  margin-bottom: 0
}

.m-list>li {
  margin-bottom: 10px
}

@media screen and (max-width: 767px) {
  .m-list>li {
    font-size: 14px
  }
}

.m-list>li>span {
  margin-right: 5px;
  white-space: nowrap;
  float: left
}

.m-list>li>:last-child {
  margin-bottom: 0
}

.m-list>li:last-child {
  margin-bottom: 0
}

.m-list-body {
  display: block;
  overflow: hidden
}

.m-list-body>:last-child {
  margin-bottom: 0
}

.m-list-child {
  margin: 0 0 10px;
  padding: 0;
  list-style: none
}

@media screen and (max-width: 767px) {
  .m-list-child>li {
    font-size: 14px
  }
}

.m-list-child>li>span {
  margin-right: 5px;
  white-space: nowrap;
  float: left
}

.m-list-child>li>:last-child {
  margin-bottom: 0
}

.m-list-child>li:last-child {
  margin-bottom: 0
}

.m-list-child-body {
  display: block;
  overflow: hidden
}

.m-list-child-body>:last-child {
  margin-bottom: 0
}

.l-media {
  margin-bottom: 40px
}

.l-media::after {
  content: "";
  clear: both;
  display: block
}

@media screen and (max-width: 767px) {
  .l-media {
    margin-bottom: 30px
  }
  .l-media[data-dir-sm="col"] {
    display: flex;
    flex-direction: column
  }
  .l-media[data-dir-sm="col-rev"] {
    display: flex;
    flex-direction: column-reverse
  }
  .l-media[data-dir-sm="col-rev"] .l-media-img {
    margin-bottom: 0
  }
  .l-media[data-dir-sm="col-rev"] .l-media-body {
    margin-bottom: 20px
  }
  .l-media[data-dir-sm="col"] .l-media-img, .l-media[data-dir-sm="col-rev"] .l-media-img {
    width: 100%;
    display: flex;
    justify-content: center
  }
  .l-media[data-dir-sm="col"] .l-media-img[data-float="right"], .l-media[data-dir-sm="col-rev"] .l-media-img[data-float="right"] {
    float: none;
    margin-left: 0
  }
  .l-media[data-dir-sm="col"] .l-media-img[data-float="left"], .l-media[data-dir-sm="col-rev"] .l-media-img[data-float="left"] {
    float: none;
    margin-right: 0
  }
}

.l-media-img {
  width: calc(50% - 40px);
  margin-bottom: 20px;
  min-height: 0%
}

.l-media-img>:last-child {
  margin-bottom: 0
}

.l-media-img[data-float="right"] {
  float: right;
  margin-left: 40px
}

@media screen and (max-width: 767px) {
  .l-media-img[data-float="right"] {
    margin-left: 20px
  }
}

.l-media-img[data-float="left"] {
  float: left;
  margin-right: 40px
}

@media screen and (max-width: 767px) {
  .l-media-img[data-float="left"] {
    margin-right: 20px
  }
}

.l-media-body {
  display: inline;
  vertical-align: top
}

.l-media-body>:last-child {
  margin-bottom: 0
}

.l-media-rect {
  display: flex;
  margin-bottom: 40px
}

.l-media-rect[data-dir="row-rev"] {
  flex-direction: row-reverse
}

.l-media-rect[data-dir="row-rev"] .l-media-rect-img {
  padding-left: 40px;
  padding-right: 0
}

@media screen and (max-width: 767px) {
  .l-media-rect[data-dir="row-rev"] .l-media-rect-img {
    padding-left: 20px
  }
}

@media screen and (max-width: 767px) {
  .l-media-rect {
    margin-bottom: 30px
  }
  .l-media-rect[data-dir-sm="col"] {
    display: flex;
    flex-direction: column
  }
  .l-media-rect[data-dir-sm="col"] .l-media-rect-img {
    margin-bottom: 20px
  }
  .l-media-rect[data-dir-sm="col-rev"] {
    display: flex;
    flex-direction: column-reverse
  }
  .l-media-rect[data-dir-sm="col-rev"] .l-media-rect-body {
    margin-bottom: 20px
  }
  .l-media-rect[data-dir-sm="col"] .l-media-rect-img, .l-media-rect[data-dir-sm="col-rev"] .l-media-rect-img {
    padding: 0;
    display: flex;
    justify-content: center
  }
}

.l-media-rect-img {
  padding-right: 40px;
  min-height: 0%
}

.l-media-rect-img>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-media-rect-img {
    padding-right: 20px
  }
}

.l-media-rect-body {
  flex: 1
}

@media screen and (max-width: 767px) {
  .l-media-rect-body {
    flex: auto
  }
}

.l-media-rect-body>:last-child {
  margin-bottom: 0
}

.l-message {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .l-message {
    margin-bottom: 30px
  }
}

.m-message {
  display: flex
}

.m-message[data-dir="reverse"] {
  flex-direction: row-reverse
}

.m-message[data-dir="reverse"] .m-message-body {
  margin: 0 30px 0 0
}

.m-message[data-dir="reverse"] .m-message-body::before {
  content: "";
  border: 10px solid transparent;
  border-width: 10px 0 10px 15px;
  display: block;
  position: absolute;
  width: 0;
  z-index: 1;
  border-left-color: #fff;
  border-right-width: 0;
  right: -13px;
  left: auto
}

.m-message[data-dir="reverse"] .m-message-body::after {
  content: "";
  border: 10px solid transparent;
  border-width: 10px 0 10px 15px;
  border-left-color: #dfdacb;
  border-right-width: 0;
  left: auto;
  display: block;
  position: absolute;
  right: -15px;
  width: 0
}

.m-message-avator {
  width: 90px;
  height: 90px
}

@media screen and (max-width: 767px) {
  .m-message-avator {
    width: 60px;
    height: 60px
  }
}

.m-message-body {
  flex: 1;
  border-radius: 10px;
  border: 1px solid #dfdacb;
  padding: 25px 30px;
  background-color: #fff;
  position: relative;
  margin: 0 0 0 30px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 767px) {
  .m-message-body {
    border-radius: 5px;
    padding: 15px;
    margin-left: 25px
  }
}

.m-message-body::before {
  content: "";
  border: 10px solid transparent;
  border-width: 10px 15px 10px 0;
  display: block;
  position: absolute;
  width: 0;
  z-index: 1;
  border-right-color: #fff;
  border-left-width: 0;
  left: -13px;
  top: 25px
}

@media screen and (max-width: 767px) {
  .m-message-body::before {
    top: 20px
  }
}

.m-message-body::after {
  content: "";
  border: 10px solid transparent;
  border-width: 10px 15px 10px 0;
  border-right-color: #dfdacb;
  border-left-width: 0;
  left: -15px;
  display: block;
  top: 25px;
  position: absolute;
  width: 0
}

@media screen and (max-width: 767px) {
  .m-message-body::after {
    top: 20px
  }
}

.m-message-body>:last-child {
  margin-bottom: 0
}

.l-modal {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9001;
  display: none;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s
}

.l-modal.is-open {
  opacity: 1
}

.l-modal.is-open .l-modal-dialog {
  opacity: 1
}

.l-modal-dialog {
  opacity: 0;
  width: 100%;
  max-width: 880px;
  padding: 0 15px;
  margin: 1.75rem auto;
  display: flex;
  align-items: center;
  min-height: calc(100% - (1.75rem * 2));
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.2s
}

@media screen and (max-width: 767px) {
  .l-modal-dialog {
    padding: .5rem 15px
  }
}

.l-modal-body {
  width: 100%;
  padding: 55px 30px;
  background-color: #fff;
  border-radius: 10px
}

.l-modal-body>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-modal-body {
    border-radius: 5px;
    padding: 35px 15px
  }
}

.l-modal-content {
  margin-bottom: 60px
}

@media screen and (max-width: 767px) {
  .l-modal-content {
    margin-bottom: 40px
  }
}

.l-modal-content>:last-child {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto
}

.m-new {
  display: block;
  width: 40px;
  height: 40px
}

@media screen and (max-width: 767px) {
  .m-new {
    width: 35px;
    height: 35px
  }
}

.l-noscript {
  padding: 30px;
  border-bottom: 1px solid #dfdacb
}

@media screen and (max-width: 767px) {
  .l-noscript {
    padding: 15px
  }
}

.l-noscript p {
  margin-top: 0;
  margin-bottom: 15px
}

@media screen and (max-width: 767px) {
  .l-noscript p {
    font-size: 14px;
    margin-bottom: 10px
  }
}

.l-noscript-inner {
  background-color: #ffe4da;
  border-radius: 10px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 25px;
  text-align: center
}

@media screen and (max-width: 767px) {
  .l-noscript-inner {
    text-align: left;
    padding: 15px;
    border-radius: 5px
  }
}

.l-noscript-inner>:last-child {
  margin-bottom: 0
}

.m-old {
  background-color: rgba(204, 204, 204, 0.8);
  display: block;
  font-size: 12px;
  letter-spacing: -.04em;
  text-align: center;
  padding: 4px;
  margin: 0
}

@media screen and (min-width: 1025px) {
  .m-old {
    font-size: 14px
  }
}

.l-pagenation {
  margin: 0 -5px 40px;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 1023px) {
  .l-pagenation {
    justify-content: space-between
  }
}

@media screen and (max-width: 1023px) {
  .l-pagenation[data-page="first"] .l-pagenation-next {
    display: block;
    width: 100%
  }
  .l-pagenation[data-page="first"] .l-pagenation-current {
    display: none
  }
  .l-pagenation[data-page="first"] .l-pagenation-previous {
    display: none
  }
}

@media screen and (max-width: 1023px) {
  .l-pagenation[data-page="last"] .l-pagenation-previous {
    display: block;
    width: 100%
  }
  .l-pagenation[data-page="last"] .l-pagenation-current {
    display: none
  }
  .l-pagenation[data-page="last"] .l-pagenation-next {
    display: none
  }
}

.l-pagenation>li {
  margin: 0 5px
}

@media screen and (max-width: 1023px) {
  .l-pagenation>li {
    display: none
  }
}

.l-pagenation>li.l-pagenation-current {
  display: none
}

@media screen and (max-width: 1023px) {
  .l-pagenation>li.l-pagenation-current {
    display: block
  }
}

.l-pagenation>li.l-pagenation-next {
  display: block
}

@media screen and (max-width: 1023px) {
  .l-pagenation>li.l-pagenation-next {
    width: 80px
  }
}

.l-pagenation>li.l-pagenation-previous {
  display: block
}

@media screen and (max-width: 1023px) {
  .l-pagenation>li.l-pagenation-previous {
    width: 80px
  }
}

.m-pagenation-item {
  border: 1px solid #dfdacb;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 4px;
  text-decoration: none
}

.m-pagenation-item[aria-current="page"] {
  font-weight: bold;
  background-color: #ffe4da;
  pointer-events: none
}

@media screen and (max-width: 1023px) {
  .m-pagenation-item {
    display: none
  }
}

.m-pagenation-previous, .m-pagenation-next {
  border: 1px solid #dfdacb;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 4px;
  text-decoration: none
}

@media screen and (max-width: 1023px) {
  .m-pagenation-previous, .m-pagenation-next {
    width: auto;
    height: 40px
  }
}

.m-pagenation-previous-txt {
  display: none
}

@media screen and (max-width: 1023px) {
  .m-pagenation-previous-txt {
    display: inline-block;
    margin-left: 10px
  }
}

.m-pagenation-next-txt {
  display: none
}

@media screen and (max-width: 1023px) {
  .m-pagenation-next-txt {
    display: inline-block;
    margin-right: 10px
  }
}

.m-pagenation-icon {
  width: 8px
}

.m-pagenation-ellipsis {
  display: inline-block
}

@media screen and (max-width: 1023px) {
  .m-pagenation-ellipsis {
    display: none
  }
}

.l-pagetop {
  position: absolute;
  right: 30px;
  top: -80px;
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
}

@media screen and (max-width: 767px) {
  .l-pagetop {
    right: 15px;
    top: -55px
  }
}

.l-pagetop.is-hidden {
  opacity: 0
}

.l-pagetop.is-fixed {
  position: fixed;
  top: auto;
  bottom: 30px
}

@media screen and (max-width: 767px) {
  .l-pagetop.is-fixed {
    bottom: 15px
  }
}

.m-pagetop {
  position: relative;
  display: block
}

.m-pagetop>img {
  display: block;
  width: 50px;
  height: 50px
}

@media screen and (max-width: 767px) {
  .m-pagetop>img {
    width: 40px;
    height: 40px
  }
}

.m-pdf {
  width: 13px;
  height: 16px;
  margin-left: 7px;
  position: relative;
  top: -0.1em;
  display: inline-block
}

@media screen and (max-width: 767px) {
  .m-pdf {
    width: 12px;
    height: 14px
  }
}

.l-pictogram-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -5px 40px;
  padding: 0;
  list-style: none
}

@media screen and (max-width: 767px) {
  .l-pictogram-list {
    margin-bottom: 30px
  }
}

.l-pictogram-list>li {
  padding: 10px 5px 0;
  display: flex
}

.l-pictogram {
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #dfdacb;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 10px
}

@media screen and (max-width: 767px) {
  .l-pictogram {
    padding: 10px;
    border-radius: 5px
  }
}

.l-pictogram-img {
  display: flex;
  height: 70px;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center
}

.l-pictogram-img>img {
  -ms-grid-row-align: center;
  align-self: center
}

@media screen and (max-width: 767px) {
  .l-pictogram-img {
    height: 60px
  }
}

.l-pictogram-body {
  padding-top: 10px;
  max-width: 100%
}

.l-pictogram-body>:last-child {
  margin-bottom: 0
}

.m-radio-label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0 20px 0
}

@media screen and (max-width: 767px) {
  .m-radio-label {
    padding: 0
  }
}

.m-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0)
}

.m-radio+.m-radio-text {
  display: inline-block;
  position: relative;
  padding-left: 29px;
  cursor: pointer
}

@media screen and (max-width: 767px) {
  .m-radio+.m-radio-text {
    font-size: 14px
  }
}

.m-radio+.m-radio-text::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  margin: auto;
  border: 1px solid #dfdacb;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.m-radio:checked+.m-radio-text::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  transform: translate(50%, -50%);
  border: 1px solid #e30200;
  border-radius: 50%;
  background-color: #e30200;
  width: 12px;
  height: 12px
}

.m-radio:focus+.m-radio-text:before {
  border-color: #fd8a87;
  border-width: 2px
}

.m-search {
  position: relative
}

.m-search-input {
  border: 1px solid #dfdacb;
  border-radius: 10px;
  padding: 15px 115px 15px 30px;
  width: 100%;
  min-height: 60px
}

@media screen and (max-width: 767px) {
  .m-search-input {
    min-height: 50px;
    padding: 10px 80px 10px 15px
  }
}

.m-search-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #e30200;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 15px;
  min-width: 85px;
  padding: 3px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px
}

.m-search-btn::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/search_white.svg") center center no-repeat;
  width: 15px;
  height: 15px;
  background-size: 15px;
  margin-right: 7px
}

@media screen and (max-width: 767px) {
  .m-search-btn {
    right: 10px;
    top: 10px;
    padding: 4px 0 5px;
    min-width: 70px;
    font-size: 14px
  }
  .m-search-btn::before {
    width: 14px;
    height: 14px;
    background-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 0.1em
  }
}

.m-search-keywords {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin-top: 15px
}

.m-search-keyword {
  margin: 10px 10px 10px 0
}

.m-search-keyword-link {
  border: 1px solid #dfdacb;
  background-color: #fff;
  border-radius: 35px;
  text-decoration: none;
  padding: 8px 25px
}

.l-section>:last-child {
  margin-bottom: 0
}

.l-section-inner {
  max-width: 1200px;
  margin: 0 auto
}

.l-section-inner>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-section-inner {
    padding: 0 15px;
    width: 100%
  }
}

.l-section-content {
  margin-bottom: 40px
}

.l-section-content>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .l-section-content {
    margin-bottom: 30px
  }
}

.t-single .l-section-inner {
  max-width: 1260px;
  padding: 0 30px
}

@media screen and (max-width: 767px) {
  .t-single .l-section-inner {
    padding: 0 15px
  }
}

.l-sns {
  margin: 60px 0;
  display: flex;
  justify-content: center;
  line-height: 0
}

@media screen and (max-width: 767px) {
  .l-sns {
    margin: 40px 0
  }
}

.l-sns>:last-child {
  margin-bottom: 0
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .l-sns .twitter-share-button {
    display: none
  }
}

.l-socialmedia {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0 -10px;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 1023px) {
  .l-socialmedia[data-content-md="center"] {
    justify-content: center
  }
}

.l-socialmedia>li {
  margin: 5px 10px
}

.m-socialmedia-fb {
  display: block
}

.m-socialmedia-fb>img {
  width: 32px;
  height: 32px;
  display: block
}

.m-socialmedia-tw {
  display: block
}

.m-socialmedia-tw>img {
  width: 32px;
  height: 32px;
  display: block
}

.m-socialmedia-line {
  display: block
}

.m-socialmedia-line>img {
  width: 32px;
  height: 32px;
  display: block
}

.m-socialmedia-insta {
  display: block
}

.m-socialmedia-insta>img {
  width: 32px;
  height: 32px;
  display: block
}

.m-socialmedia-youtube {
  display: block
}

.m-socialmedia-youtube>img {
  width: 36px;
  height: 25px;
  display: block
}

.m-socialmedia-red {
  display: block
}

.m-socialmedia-red>img {
  width: 32px;
  height: 32px;
  display: block
}

.m-socialmedia-tiktok {
  display: block
}

.m-socialmedia-tiktok>img {
  width: 32px;
  height: 32px;
  display: block
}

.l-staff {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 180px 40px auto;
  grid-template-columns: 180px 40px auto;
  -ms-grid-rows: auto 10px auto 20px auto;
  grid-template-rows: auto 10px auto 20px auto
}

@media screen and (max-width: 767px) {
  .l-staff {
    -ms-grid-columns: 120px 15px auto;
    grid-template-columns: 120px 15px auto;
    -ms-grid-rows: auto 30px auto 15px auto;
    grid-template-rows: auto 30px auto 15px auto
  }
}

.l-staff-img {
  min-height: 0%;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1 / 6
}

@media screen and (max-width: 767px) {
  .l-staff-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2
  }
}

.l-staff-ttl {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2
}

@media screen and (max-width: 767px) {
  .l-staff-ttl {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4
  }
}

.l-staff-name {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4
}

@media screen and (max-width: 767px) {
  .l-staff-name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    -ms-grid-row-align: center;
    align-self: center
  }
}

.l-staff-desc {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6
}

@media screen and (max-width: 767px) {
  .l-staff-desc {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4
  }
}

.m-staff-ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-staff-ttl {
    font-size: 20px
  }
}

.m-staff-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-staff-name {
    font-size: 16px
  }
}

.m-staff-name-sub {
  font-size: 14px;
  margin-left: 20px;
  font-weight: normal
}

@media screen and (max-width: 767px) {
  .m-staff-name-sub {
    display: block;
    margin-top: 10px;
    margin-left: 0
  }
}

.l-step-list {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .l-step-list {
    margin-bottom: 30px
  }
}

.m-step-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.m-step {
  margin-bottom: 10px
}

@media screen and (max-width: 767px) {
  .m-step {
    margin-bottom: 5px
  }
}

.m-step::after {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/caret_down_pink.svg") no-repeat;
  width: 50px;
  height: 20px;
  background-size: 50px 20px;
  margin-top: 15px
}

@media screen and (max-width: 767px) {
  .m-step::after {
    margin-top: 10px
  }
}

.m-step:last-child::after {
  display: none
}

.m-step>:last-child {
  margin-bottom: 0
}

.m-step-ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: baseline
}

@media screen and (max-width: 767px) {
  .m-step-ttl {
    font-size: 16px
  }
}

.m-step-ttl strong {
  color: #e30200;
  margin-right: 30px
}

@media screen and (max-width: 767px) {
  .m-step-ttl strong {
    margin-right: 15px
  }
}

.m-step-ttl strong span {
  font-size: 32px;
  margin-left: 5px
}

@media screen and (max-width: 767px) {
  .m-step-ttl strong span {
    font-size: 24px
  }
}

.m-step-frame-list {
  list-style: none;
  margin: -20px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 767px) {
  .m-step-frame-list {
    margin: 0
  }
}

.m-step-frame-list .m-step-ttl {
  justify-content: center
}

.m-step-frame-list .m-step-ttl strong {
  margin-right: 0
}

.m-step-frame-list .m-step {
  display: flex;
  flex-direction: column;
  position: relative
}

.m-step-frame-list .m-step::after {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/caret_right_pink.svg") no-repeat;
  width: 20px;
  height: 36px;
  background-size: 20px 36px;
  position: absolute;
  right: calc(((40px - 20px) / 2));
  top: 50%;
  margin-top: calc(-18px / 2)
}

.m-step-frame-list .m-step:last-child::after {
  display: none
}

@media screen and (max-width: 767px) {
  .m-step-frame-list .m-step {
    margin-bottom: 50px
  }
  .m-step-frame-list .m-step::after {
    content: "";
    display: block;
    background: url("https://www.meiji.co.jp/assets/img/icons/caret_down_pink.svg") no-repeat;
    width: 50px;
    height: 20px;
    background-size: 50px 20px;
    right: auto;
    top: auto;
    left: 50%;
    bottom: calc(-20px - ((50px - 20px) / 2));
    margin-top: 0;
    transform: translateX(-50%)
  }
  .m-step-frame-list .m-step:last-child {
    margin-bottom: 0
  }
}

.m-step-frame {
  border: 1px solid #dfdacb;
  border-radius: 10px;
  background-color: #fff;
  padding: 20px;
  margin: 20px 40px 0 0;
  height: 100%;
  display: flex;
  flex-direction: column
}

.m-step-frame .l-img {
  margin-top: auto;
  min-height: 0%
}

.m-step-frame>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-step-frame {
    padding: 15px;
    margin: 0;
    border-radius: 5px
  }
}

.l-tabs, .l-tab-contents {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .l-tabs, .l-tab-contents {
    margin-bottom: 30px
  }
}

.l-tabs>:last-child, .l-tab-contents>:last-child {
  margin-bottom: 0
}

.l-tab-list {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .l-tab-list {
    margin-bottom: 30px
  }
}

.m-tab-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #dfdacb;
  border-left: 1px solid #dfdacb
}

.m-tab-list>li {
  display: flex;
  justify-content: center;
  border-right: 1px solid #dfdacb;
  border-bottom: 1px solid #dfdacb
}

.m-tab {
  text-decoration: none;
  color: #000;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  text-align: center;
  border-bottom: 4px solid #fff
}

.m-tab.is-active {
  background-color: #ffe4da;
  font-weight: bold;
  border-bottom: 4px solid #e30200
}

.t-tab-btm .m-tab.is-active {
  border-top: 4px solid #e30200;
  border-bottom: 0
}

.m-tab-contents {
  position: relative
}

.l-table {
  margin-bottom: 40px
}

.m-table {
  width: 100%;
  border-top: 1px solid #dfdacb
}

.m-table-subTxt {
  font-weight: normal;
  font-size: 16px
}

@media screen and (max-width: 767px) {
  .m-table-subTxt {
    font-size: 14px;
    margin-left: 5px
  }
}

.m-table th {
  background-color: #f8f4e9;
  font-size: 16px;
  border-bottom: 1px solid #dfdacb;
  padding: 15px 30px
}

.m-table th[data-align="top"] {
  vertical-align: top
}

.m-table th>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-table th {
    font-size: 14px;
    padding: 15px
  }
}

.m-table td {
  padding: 15px 30px;
  background-color: #fff;
  border-bottom: 1px solid #dfdacb;
  word-break: break-all
}

.m-table td>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-table td {
    font-size: 14px;
    padding: 15px
  }
}

.m-table[data-dir="col"] th {
  border-right: 1px solid #dfdacb
}

.m-table[data-dir="col"] th:last-child {
  border-right: 0
}

.m-table[data-dir="col"] td {
  border-right: 1px solid #dfdacb
}

.m-table[data-dir="col"] td:last-child {
  border-right: 0
}

.m-table[data-dir="col"] td[data-border="right"] {
  border-right: 1px solid #dfdacb
}

@media screen and (max-width: 767px) {
  .m-table[data-dir-sm="col"] th {
    border-bottom: 0;
    display: block;
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .m-table[data-dir-sm="col"] td {
    padding: 15px 15px 30px;
    display: block;
    width: 100%
  }
}

@media all and (-ms-high-contrast: none) {
  .m-table {
    table-layout: fixed
  }
  .l-table-scroll .m-table {
    table-layout: auto
  }
}

.l-table-scroll .m-table {
  margin-bottom: 15px
}

@media screen and (max-width: 767px) {
  .l-table-scroll[data-scroll-sm] {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
  }
  .l-table-scroll[data-scroll-sm]::-webkit-scrollbar {
    height: 4px
  }
  .l-table-scroll[data-scroll-sm]::-webkit-scrollbar-track {
    background: #fff
  }
  .l-table-scroll[data-scroll-sm]::-webkit-scrollbar-thumb {
    background: #e30200;
    border-radius: 10px
  }
}

.m-tagList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -5px
}

.m-tagList>li {
  margin: 0 5px
}

.m-txt {
  font-size: 16px;
  margin-bottom: 15px;
  word-break: break-all
}

@media screen and (max-width: 767px) {
  .m-txt {
    font-size: 14px;
    margin-bottom: 10px
  }
}

.m-txt-main {
  font-size: 16px;
  margin-bottom: 35px;
  word-break: break-all
}

@media screen and (max-width: 767px) {
  .m-txt-main {
    font-size: 14px;
    margin-bottom: 25px
  }
}

.m-txt-sub {
  font-size: 16px;
  margin-bottom: 5px;
  word-break: break-all
}

@media screen and (max-width: 767px) {
  .m-txt-sub {
    font-size: 14px
  }
}

.m-txt-lead {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  word-break: break-all
}

@media screen and (max-width: 767px) {
  .m-txt-lead {
    font-size: 16px;
    margin-bottom: 10px
  }
}

.m-txt-time {
  color: #666;
  display: inline-block
}

.m-txt-annotation {
  color: #666;
  font-size: 12px;
  display: block;
  font-weight: normal
}

.m-txt-annotation>span {
  float: left;
  padding-right: 5px
}

.m-txt-annotation-body {
  float: none !important;
  display: block;
  overflow: hidden
}

.m-txt-annotation-body>:last-child {
  margin-bottom: 0
}

.m-txt-strong {
  color: #e30200
}

.m-txtLink-strong, .m-txtLink-strong-block {
  text-decoration: none;
  color: #000;
  position: relative;
  display: inline-block;
  font-size: 16px
}

.m-txtLink-strong .m-external, .m-txtLink-strong-block .m-external {
  margin-left: 7px
}

.m-txtLink-strong[data-size="sm"], .m-txtLink-strong-block[data-size="sm"] {
  font-size: 14px
}

.m-txtLink-strong[data-size="lg"], .m-txtLink-strong-block[data-size="lg"] {
  font-size: 18px
}

@media screen and (max-width: 767px) {
  .m-txtLink-strong[data-size="lg"], .m-txtLink-strong-block[data-size="lg"] {
    font-size: 16px
  }
}

@media screen and (max-width: 767px) {
  .m-txtLink-strong, .m-txtLink-strong-block {
    font-size: 14px
  }
}

.m-txtLink-strong-block {
  display: block
}

.m-txtLink, .m-txtLink-b, .m-txtLink-b-block, .m-txtLink-block {
  text-decoration: none;
  color: #000;
  display: inline-block;
  position: relative;
  font-size: 16px
}

@media screen and (max-width: 767px) {
  .m-txtLink, .m-txtLink-b, .m-txtLink-b-block, .m-txtLink-block {
    font-size: 14px
  }
}

.m-txtLink[data-size="sm"], .m-txtLink-b[data-size="sm"], .m-txtLink-b-block[data-size="sm"], .m-txtLink-block[data-size="sm"] {
  font-size: 14px
}

.m-txtLink .m-external, .m-txtLink-b .m-external, .m-txtLink-b-block .m-external, .m-txtLink-block .m-external {
  margin-left: 7px
}

.m-txtLink-b, .m-txtLink-b-block {
  font-weight: bold
}

.m-txtLink-block {
  display: block
}

.m-txtLink-b-block {
  display: block
}

.m-txtLink-tel {
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1
}

.m-txtLink-tel[data-icn="black"]::before {
  content: "";
  display: inline-block;
  background: url("https://www.meiji.co.jp/assets/img/icons/tel_black.svg") center center no-repeat;
  width: 40px;
  height: 26px;
  background-size: 40px 26px;
  vertical-align: top;
  margin-right: 20px;
  top: calc((1em * 1 - 26px) / 2);
  position: relative
}

@media screen and (max-width: 767px) {
  .m-txtLink-tel {
    font-size: 24px
  }
}

.m-txtLink-tel.is-disable {
  pointer-events: none
}

.m-txtLink-tel.is-disable:focus {
  text-decoration: none
}

.m-txtLink-tel.is-active {
  text-decoration: underline
}

.m-txtLink-time {
  display: flex
}

@media screen and (max-width: 767px) {
  .m-txtLink-time {
    flex-direction: column
  }
}

.m-txtLink-time>time {
  margin-right: 15px
}

@media screen and (max-width: 767px) {
  .m-txtLink-time>time {
    margin: 0 0 5px 0
  }
}

.m-txtLink-feed {
  text-decoration: none;
  color: #000;
  position: relative;
  display: inline-block;
  font-size: 16px
}

.l-csr-relatedList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between
}

.l-csr-relatedList>li {
  width: calc(100% / 3 - (45px / 2))
}

@media screen and (max-width: 1023px) {
  .l-csr-relatedList>li {
    width: calc(100% / 3 - (24px / 2))
  }
}

@media screen and (max-width: 767px) {
  .l-csr-relatedList>li {
    width: calc(100% / 3 - (8px / 2))
  }
}

.m-csr-related {
  border-radius: 10px;
  border: 1px solid #dfdacb;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 767px) {
  .m-csr-related {
    min-height: 125px;
    height: auto;
    border-radius: 5px
  }
}

.m-csr-related[data-related="holdings"] {
  background-color: #d7b388
}

.m-csr-related[data-related="holdings"] .m-csr-related-link::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/building.svg") no-repeat;
  background-size: 48px 60px;
  width: 48px;
  min-width: 48px;
  height: 60px;
  margin-right: 20px
}

@media screen and (max-width: 767px) {
  .m-csr-related[data-related="holdings"] .m-csr-related-link::before {
    background-size: 25px 30px;
    min-width: 25px;
    width: 25px;
    height: 30px;
    margin: 0 0 15px 0
  }
}

.m-csr-related[data-related="pharma"] {
  background-color: #1e497d
}

.m-csr-related[data-related="pharma"] .m-csr-related-link {
  color: #fff
}

.m-csr-related[data-related="pharma"] .m-csr-related-link::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/pharma.svg") no-repeat;
  background-size: 60px 58px;
  width: 60px;
  min-width: 60px;
  height: 58px;
  margin-right: 20px
}

@media screen and (max-width: 767px) {
  .m-csr-related[data-related="pharma"] .m-csr-related-link::before {
    background-size: 30px 29px;
    min-width: 30px;
    width: 30px;
    height: 29px;
    margin: 0 0 15px 0
  }
}

.m-csr-related[data-related="global"] {
  background-color: #b7c61f
}

.m-csr-related[data-related="global"] .m-csr-related-link::before {
  content: "";
  display: block;
  background: url("https://www.meiji.co.jp/assets/img/icons/globe.svg") no-repeat;
  background-size: 48px 68px;
  width: 48px;
  min-width: 48px;
  height: 68px;
  margin-right: 20px
}

@media screen and (max-width: 767px) {
  .m-csr-related[data-related="global"] .m-csr-related-link::before {
    background-size: 24px 34px;
    width: 24px;
    min-width: 24px;
    height: 34px;
    margin: 0 0 15px 0
  }
}

.m-csr-related-link {
  text-decoration: none;
  color: #000;
  padding: 39px 15px;
  display: flex;
  align-items: center;
  min-width: 0%;
  justify-content: center
}

.m-csr-related-link>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .m-csr-related-link {
    flex-direction: column;
    padding: 15px;
    height: 100%
  }
  .m-csr-related-link>:last-child {
    margin-bottom: auto
  }
}

.m-csr-related-txt {
  font-size: 22px;
  font-weight: bold;
  display: flex;
  align-items: center;
  max-width: 100%
}

@media screen and (max-width: 1023px) {
  .m-csr-related-txt {
    font-size: 20px;
    flex: 1 auto
  }
}

@media screen and (max-width: 767px) {
  .m-csr-related-txt {
    font-size: 14px
  }
}

[data-u-col="1"] {
  width: 8.33333%
}

[data-u-col="2"] {
  width: 16.66667%
}

[data-u-col="3"] {
  width: 25%
}

[data-u-col="4"] {
  width: 33.33333%
}

[data-u-col="5"] {
  width: 41.66667%
}

[data-u-col="6"] {
  width: 50%
}

[data-u-col="7"] {
  width: 58.33333%
}

[data-u-col="8"] {
  width: 66.66667%
}

[data-u-col="9"] {
  width: 75%
}

[data-u-col="10"] {
  width: 83.33333%
}

[data-u-col="11"] {
  width: 91.66667%
}

[data-u-col="12"] {
  width: 100%
}

[data-u-col="1-5"] {
  width: 20%
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="1"] {
    width: 8.33333%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="2"] {
    width: 16.66667%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="3"] {
    width: 25%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="4"] {
    width: 33.33333%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="5"] {
    width: 41.66667%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="6"] {
    width: 50%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="7"] {
    width: 58.33333%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="8"] {
    width: 66.66667%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="9"] {
    width: 75%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="10"] {
    width: 83.33333%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="11"] {
    width: 91.66667%
  }
}

@media screen and (max-width: 1023px) {
  [data-u-col-md="12"] {
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="1"] {
    width: 8.33333%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="2"] {
    width: 16.66667%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="3"] {
    width: 25%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="4"] {
    width: 33.33333%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="5"] {
    width: 41.66667%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="6"] {
    width: 50%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="7"] {
    width: 58.33333%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="8"] {
    width: 66.66667%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="9"] {
    width: 75%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="10"] {
    width: 83.33333%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="11"] {
    width: 91.66667%
  }
}

@media screen and (max-width: 767px) {
  [data-u-col-sm="12"] {
    width: 100%
  }
}

.u-none {
  display: none
}

.u-lg-none {
  display: none
}

@media screen and (max-width: 767px) {
  .u-lg-none {
    display: block
  }
}

.u-sm-none {
  display: block
}

@media screen and (max-width: 767px) {
  .u-sm-none {
    display: none
  }
}

.u-mb-lg {
  margin-bottom: 35px
}

.u-mb-lg>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .u-mb-lg {
    margin-bottom: 25px
  }
}

.u-mb-md {
  margin-bottom: 15px
}

.u-mb-md>:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .u-mb-md {
    margin-bottom: 10px
  }
}

.u-mb-sm {
  margin-bottom: 5px
}

.u-mb-sm>:last-child {
  margin-bottom: 0
}

.u-mt-lg {
  margin-top: 35px
}

@media screen and (max-width: 767px) {
  .u-mt-lg {
    margin-top: 25px
  }
}

.u-mt-md {
  margin-top: 15px
}

@media screen and (max-width: 767px) {
  .u-mt-md {
    margin-top: 10px
  }
}

.u-mt-sm {
  margin-top: 5px
}

[data-u-size="sm"] {
  font-size: 14px
}

[data-u-word-break="all"] {
  word-break: break-all
}