@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ======================================== */
/* 基本設定 */
/* ======================================== */
html {
  box-sizing: border-box;
}

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

html {
  color: #000;
  font-size: 13px;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body {
  width: 100%;
}

a {
  color: #0080BD;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  a {
    transition: color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  body a:hover {
    color: #4ca6d1;
    text-decoration: none;
  }
  a img {
    transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  a:hover img {
    opacity: 0.7;
  }
}

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

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* ======================================== */
/* ヘッダー */
/* ======================================== */
.l-header {
  position: relative;
  z-index: 10;
}

.l-header-layout {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #E4E4E4;
  background: #fff;
}

.l-header-layout::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}

@media screen and (min-width: 1050px) {
  .l-header-layout {
    height: auto;
    padding: 15px 0 25px;
    border-bottom: none;
  }
  .l-header-layout::after {
    content: normal;
  }
}

@media screen and (min-width: 1050px) {
  .l-header-inner {
    position: relative;
    display: flex;
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 50px;
  }
}

/* ======================================== */
/* ボディ */
/* ======================================== */
.l-body, .l-body--bg-blue {
  margin: 50px 0 0;
}

@media screen and (min-width: 768px) {
  .l-body, .l-body--bg-blue {
    margin-top: 60px;
  }
}

.l-body--bg-blue {
  position: relative;
}

.l-body--bg-blue::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #EFF3F5;
  z-index: -1;
}

/* ======================================== */
/* フッター */
/* ======================================== */
.l-footer {
  margin: 100px 0 0;
  padding: 25px 25px 40px;
  background: #004b93;
}

@media screen and (min-width: 768px) {
  .l-footer {
    padding: 60px 50px 80px;
  }
}

@media screen and (min-width: 768px) {
  .l-footer-layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1050px;
    margin: 0 auto;
  }
}

.l-footer-inner-01 {
  margin: 0 0 30px;
}

@media screen and (min-width: 768px) {
  .l-footer-inner-01 {
    flex-basis: 650px;
    margin: 0 15px 0 0;
  }
}

/* ======================================== */
/* フレーム */
/* ======================================== */
.l-frame, .l-frame--wide {
  margin: 0 12px;
}

@media screen and (min-width: 768px) {
  .l-frame, .l-frame--wide {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 50px;
  }
}

@media screen and (min-width: 768px) {
  .l-frame--wide {
    max-width: 1300px;
  }
}

/* ======================================== */
/* ヘッダー */
/* ======================================== */
.p-header-sitelogo {
  position: absolute;
  left: 16px;
  top: 50%;
  width: 190px;
  margin: 0;
  transform: translateY(-50%);
}

.p-header-sitelogo img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 1050px) {
  .p-header-sitelogo {
    position: static;
    flex-basis: 175px;
    transform: none;
  }
}

.p-header-menu {
  position: fixed;
  bottom: 120%;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  overflow: auto;
  transition: bottom 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: -1;
}

.p-header-menu.is-opened {
  bottom: 0;
}

@media screen and (min-width: 1050px) {
  .p-header-menu {
    position: static;
    flex-basis: calc(100% - 175px);
    z-index: 0;
  }
}

.p-gnav {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 1050px) {
  .p-gnav {
    display: flex;
    justify-content: flex-end;
    margin: 45px 0 0;
    padding: 0 0 0 24px;
    font-size: 1.07692307rem;
    font-weight: bold;
  }
}

.p-gnav__item {
  border-top: 1px solid #fff;
  background: #004b93;
}

.p-gnav__item:first-child {
  border-top: none;
}

.p-gnav__item a {
  position: relative;
  display: block;
  padding: 10px 30px 10px 10px;
  color: #fff;
  text-decoration: none;
}

.p-gnav__item a::after {
  display: inline-block;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -4.5px;
}

@media screen and (min-width: 768px) {
  .p-gnav__item a:hover {
    color: #fff;
  }
}

@media screen and (min-width: 768px) and (min-width: 1050px) {
  .p-gnav__item {
    flex-basis: calc((100% - 174px - 16px) / 3);
    margin: 0 0 0 8px;
    border-top: none;
    background: none;
    text-align: center;
  }
  .p-gnav__item:first-child {
    margin-left: 0;
  }
  .p-gnav__item a {
    padding: 12px 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: inherit;
    transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-gnav__item a::before {
    content: url(../img/common/icon_arrow_01.png);
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 6px 2px 0;
    vertical-align: middle;
    line-height: 1;
  }
  .p-gnav__item a::after {
    content: normal;
  }
  .p-gnav__item a:hover {
    background: #F5F5F5;
    color: inherit;
  }
}

.p-gnav__item--banner {
  background: #fff;
  text-align: center;
}

.p-gnav__item--banner a {
  display: block;
  padding: 24px 0;
}

.p-gnav__item--banner img {
  width: 150px;
  vertical-align: middle;
}

@media screen and (min-width: 1050px) {
  .p-gnav__item--banner {
    display: flex;
    align-items: center;
    margin: 0 0 0 24px;
    background: none;
    text-align: center;
  }
  .p-gnav__item--banner a {
    padding: 0;
  }
}

.p-subnav {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 1050px) {
  .p-subnav {
    position: absolute;
    right: 50px;
    top: 0;
    display: flex;
  }
}

.p-subnav__item {
  border-top: 1px solid #E4E4E4;
  background: #fff;
}

.p-subnav__item a {
  position: relative;
  display: block;
  padding: 10px 30px 10px 10px;
  color: #333;
  text-decoration: none;
}

.p-subnav__item a::after {
  display: inline-block;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -4.5px;
  color: #ccc;
}

@media screen and (min-width: 768px) {
  .p-subnav__item a:hover {
    color: inherit;
  }
  .p-subnav__item a:hover img {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) and (min-width: 1050px) {
  .p-subnav__item {
    margin: 0 0 0 24px;
    border-top: none;
    background: none;
  }
  .p-subnav__item a {
    position: static;
    display: inline;
    padding: 0;
    color: #000;
  }
  .p-subnav__item a::after {
    content: normal;
  }
}

.p-header-menu-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 74px;
  height: 100%;
  border-left: 1px solid #E4E4E4;
}

.p-header-menu-icon a {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.p-header-menu-icon a:hover {
  color: inherit;
}

@media screen and (min-width: 1050px) {
  .p-header-menu-icon {
    display: none;
  }
}

.p-header-menu-icon__layout {
  position: relative;
  left: 50%;
  top: 50%;
  width: 25px;
  height: 30px;
  transform: translate(-50%, -50%);
}

.p-header-menu-icon__line--01, .p-header-menu-icon__line--02, .p-header-menu-icon__line--03 {
  position: absolute;
  left: 50%;
  display: block;
  width: 25px;
  height: 3px;
  background: #000;
  transform: translateX(-50%);
  transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 400ms cubic-bezier(0.19, 1, 0.22, 1), top 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

.p-header-menu-icon__line--01 {
  top: 0;
}

.p-header-menu-icon__line--02 {
  top: 6px;
}

.p-header-menu-icon__line--03 {
  top: 12px;
}

.p-header-menu-icon__text, .p-header-menu-icon__text--open {
  position: absolute;
  left: 50%;
  bottom: 0;
  font-size: .61538461rem;
  font-weight: bold;
  transform: translateX(-50%);
  transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

.p-header-menu-icon__text--open {
  opacity: 0;
}

.p-header-menu-icon.is-opened .p-header-menu-icon__line--01 {
  top: 6px;
  transform: translateX(-50%) rotate(45deg);
}

.p-header-menu-icon.is-opened .p-header-menu-icon__line--02 {
  opacity: 0;
}

.p-header-menu-icon.is-opened .p-header-menu-icon__line--03 {
  top: 6px;
  transform: translateX(-50%) rotate(-45deg);
}

.p-header-menu-icon.is-opened .p-header-menu-icon__text, .p-header-menu-icon.is-opened .p-header-menu-icon__text--open {
  opacity: 0;
}

.p-header-menu-icon.is-opened .p-header-menu-icon__text--open {
  opacity: 1;
}

.p-header-menu__overlay {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

@media screen and (min-width: 1050px) {
  .p-header-menu__overlay {
    display: none;
  }
}

/* ======================================== */
/* フッター */
/* ======================================== */
.p-footer-app {
  display: flex;
  align-items: center;
  margin: 0 0 30px;
  padding: 16px;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .p-footer-app {
    margin-bottom: 25px;
    padding: 20px;
  }
}

.p-footer-app-icon {
  flex-basis: 16%;
  margin: 0;
}

.p-footer-app-icon img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-footer-app-icon {
    flex-basis: 12%;
  }
}

.p-footer-app-store {
  flex-basis: 84%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 12px;
}

@media screen and (min-width: 768px) {
  .p-footer-app-store {
    flex-basis: 88%;
    padding-left: 15px;
  }
}

.p-footer-app-store__heading {
  margin: 0;
  font-size: .84615384rem;
  font-weight: bold;
  letter-spacing: -.03em;
}

@media screen and (min-width: 768px) {
  .p-footer-app-store__heading {
    margin-right: 10px;
    font-size: 1.69230769rem;
  }
}

.p-footer-app-store-button {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-footer-app-store-button {
    display: flex;
    align-items: flex-start;
  }
}

.p-footer-app-store-button__item--apple, .p-footer-app-store-button__item--google {
  text-align: right;
}

.p-footer-app-store-button__item--apple:first-child, .p-footer-app-store-button__item--google:first-child {
  margin: 0 0 5px;
}

.p-footer-app-store-button__item--apple img, .p-footer-app-store-button__item--google img {
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-footer-app-store-button__item--apple, .p-footer-app-store-button__item--google {
    align-self: flex-start;
  }
  .p-footer-app-store-button__item--apple:first-child, .p-footer-app-store-button__item--google:first-child {
    margin: 0 10px 0 0;
  }
}

.p-footer-app-store-button__item--apple img {
  width: 85px;
}

@media screen and (min-width: 768px) {
  .p-footer-app-store-button__item--apple img {
    width: 120px;
  }
}

.p-footer-app-store-button__item--google img {
  width: 105px;
}

@media screen and (min-width: 768px) {
  .p-footer-app-store-button__item--google img {
    width: 148px;
  }
}

.p-footer-menu {
  margin: 0 0 6px;
  padding: 0;
  font-size: .84615384rem;
  list-style: none;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-footer-menu {
    display: inline-block;
    margin-bottom: 0;
    text-align: left;
  }
}

.p-footer-menu__item, .p-footer-menu__item--no-arrow {
  display: inline-block;
  margin: 0 8px;
}

.p-footer-menu__item a, .p-footer-menu__item--no-arrow a {
  color: #fff;
  text-decoration: none;
}

.p-footer-menu__item a::before, .p-footer-menu__item--no-arrow a::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  margin: -3px 6px 0 0;
}

@media screen and (min-width: 768px) {
  .p-footer-menu__item, .p-footer-menu__item--no-arrow {
    margin: 0 16px 0 0;
  }
  .p-footer-menu__item a:hover, .p-footer-menu__item--no-arrow a:hover {
    color: #fff;
  }
  .p-footer-menu__item a:hover img, .p-footer-menu__item--no-arrow a:hover img {
    opacity: 1;
  }
}

.p-footer-menu__item--no-arrow a::before {
  content: normal;
}

.p-footer-button-recruit {
  margin: 0 0 30px;
  font-weight: bold;
  text-align: center;
}

.p-footer-button-recruit a {
  position: relative;
  display: inline-block;
  padding: 15px 40px 15px 55px;
  border: 1px solid #fff;
  background: #D9E6EF;
  color: #004b93;
  text-decoration: none;
}

.p-footer-button-recruit a::before {
  content: "";
  position: absolute;
  left: 38px;
  top: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #004b93;
  transform: translateY(-50%);
}

.p-footer-button-recruit a::after {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 40px;
  top: 50%;
  margin: -2.5px 0 0;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-footer-button-recruit {
    margin-bottom: 25px;
    text-align: right;
  }
  .p-footer-button-recruit a:hover {
    color: #004b93;
  }
}

.p-footer-copyright {
  margin: 0;
  font-size: .76923076rem;
  color: #fff;
  text-align: center;
  line-height: 2.2;
}

@media screen and (min-width: 768px) {
  .p-footer-copyright {
    text-align: right;
  }
}

/* ======================================== */
/* 汎用スタイル */
/* ======================================== */
/* 別窓アイコン */
.p-icon-window--right, .p-icon-window--left {
  width: 9px;
}

.p-icon-window--right {
  margin-left: 5px;
}

.p-icon-window--left {
  margin-right: 5px;
}

/* PDFアイコン */
.p-icon-pdf {
  width: 13px;
  margin: 0 0 -1px 5px;
}

@media screen and (min-width: 768px) {
  .p-icon-pdf {
    margin-bottom: -2px;
  }
}

.p-button {
  display: block;
  padding: 22px;
  border: 1px solid #21469E;
  background: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.p-button::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  margin: 0 8px 2px 0;
}

@media screen and (min-width: 768px) {
  .p-button {
    display: inline-block;
    padding: 24px 48px;
    font-size: 1.15384615rem;
  }
  .p-button::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
  }
}

/* 汎用リスト */
.p-list {
  margin: .5em 0;
  padding: 0;
  list-style: none;
}

.p-list:first-child {
  margin-top: 0;
}

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

.p-list__item {
  position: relative;
  margin: .5em 0;
  padding: 0 0 0 1em;
}

.p-list__item:first-child {
  margin-top: 0;
}

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

.p-list__item::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: .7em;
  left: .5em;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background: #000;
  border-radius: 50%;
}

/* 汎用インデントリスト */
.p-note-list,
.p-note-list--2,
.p-note-list--3,
.p-note-list--4,
.p-note-list--5 {
  margin: .5em 0;
  padding: 0;
  list-style: none;
}

.p-note-list:first-child,
.p-note-list--2:first-child,
.p-note-list--3:first-child,
.p-note-list--4:first-child,
.p-note-list--5:first-child {
  margin-top: 0;
}

.p-note-list:last-child,
.p-note-list--2:last-child,
.p-note-list--3:last-child,
.p-note-list--4:last-child,
.p-note-list--5:last-child {
  margin-bottom: 0;
}

.p-note-list__item {
  position: relative;
  margin: .5em 0;
  padding: 0 0 0 1.2em;
}

.p-note-list__item:first-child {
  margin-top: 0;
}

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

.p-note-list--2 .p-note-list__item {
  padding-left: 2.2em;
}

.p-note-list--3 .p-note-list__item {
  padding-left: 3.2em;
}

.p-note-list--4 .p-note-list__item {
  padding-left: 4.2em;
}

.p-note-list--5 .p-note-list__item {
  padding-left: 5.2em;
}

.p-note-list__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  text-align: right;
  white-space: nowrap;
}

/* ページタイトル */
.p-page-heading {
  font-size: 1.8461538rem;
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .p-page-heading {
    font-size: 2.4615384rem;
    margin-bottom: 60px;
  }
}

/* コンテンツラッパー */
.p-body-content {
  padding-top: 25px;
  border-top: solid 3px #025193;
}

@media screen and (min-width: 768px) {
  .p-body-content {
    border-top: solid 4px #025193;
  }
}

/* コンテンツタイトル 下線 */
.p-content-heading--underline {
  font-size: .9230769rem;
  text-align: left;
  margin: 0 0 15px 0;
  padding: 0 0 20px;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 768px) {
  .p-content-heading--underline {
    margin: 0 0 25px 0;
    font-size: 1rem;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .p-body-column-2 {
    display: flex;
  }
}

.p-body-column-2__content {
  margin: 0 0 56px;
}

@media screen and (min-width: 768px) {
  .p-body-column-2__content {
    order: 2;
    flex-basis: 70%;
    margin: 0 0 0 7%;
  }
}

@media screen and (min-width: 768px) {
  .p-body-column-2__side {
    order: 1;
    flex-basis: 23%;
  }
}

.p-sidebar__heading {
  font-size: 1.2307692rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 25px;
}

@media screen and (min-width: 768px) {
  .p-sidebar__heading {
    text-align: left;
  }
}

.p-sidebar-list, .p-sidebar-list--column-2 {
  margin: 0;
  padding: 0;
  font-size: .9230769rem;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-sidebar-list, .p-sidebar-list--column-2 {
    border-top: 1px solid #ddd;
  }
}

.p-sidebar-list--column-2 {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-sidebar-list--column-2 {
    display: block;
  }
}

.p-sidebar-list__item {
  margin-bottom: 2px;
}

.p-sidebar-list--column-2 .p-sidebar-list__item {
  width: calc(50% - 1px);
}

.p-sidebar-list--column-2 .p-sidebar-list__item:nth-child(odd) {
  margin-right: 2px;
}

.p-sidebar-list__item a {
  display: block;
  padding: 12px 20px;
  background: #025193;
  color: #fff;
  text-decoration: none;
}

.p-sidebar-list__item a::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  margin: 0 12px 2px 0;
}

@media screen and (min-width: 768px) {
  .p-sidebar-list__item {
    margin-bottom: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .p-sidebar-list--column-2 .p-sidebar-list__item {
    width: 100%;
  }
  .p-sidebar-list--column-2 .p-sidebar-list__item:nth-child(odd) {
    margin-right: 0;
  }
  .p-sidebar-list__item a {
    position: relative;
    padding: 30px 23px 30px 45px;
    background: #fff;
    color: inherit;
    transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1), color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-sidebar-list__item a::before {
    position: absolute;
    left: 25px;
    top: 50%;
    right: auto;
    margin: -3px 0 0;
    color: #fff;
    z-index: 1;
    transition: color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-sidebar-list__item a::after {
    content: "";
    position: absolute;
    left: 23px;
    top: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #025193;
    transform: translateY(-50%);
    transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-sidebar-list__item a:hover {
    background: #025193;
    color: #fff;
  }
  .p-sidebar-list__item a:hover::before {
    color: #025193;
  }
  .p-sidebar-list__item a:hover::after {
    background: #fff;
  }
  .p-sidebar-list__item.is-current a {
    background: #025193;
    color: #fff;
  }
  .p-sidebar-list__item.is-current a::before {
    color: #025193;
  }
  .p-sidebar-list__item.is-current a::after {
    background: #fff;
  }
}

/* ======================================== */
/* トップページ */
/* ======================================== */
/* バナー */
.p-index-banner-block {
  margin: 15px 0;
}

@media screen and (min-width: 1050px) {
  .p-index-banner-block {
    margin: 0 0 22px;
  }
}

.p-index-banner-list {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-index-banner-list__item {
  flex-basis: calc(50% - 2.5px);
}

.p-index-banner-list__item:first-child {
  margin: 0 5px 0 0;
}

.p-index-banner-list__item:only-child {
  margin-right: 0 !important;
}

.p-index-banner-list__item img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-index-banner-list__item {
    flex-basis: calc(50% - 7px);
  }
  .p-index-banner-list__item:first-child {
    margin: 0 14px 0 0;
  }
}

/* スライダー */
.p-index-slider-block {
  background: #F5F5F5;
  padding: 0 0 30px;
}

@media screen and (min-width: 768px) {
  .p-index-slider-block {
    padding: 24px 0;
  }
}

.p-index-slider__item img {
  width: 100%;
  vertical-align: middle;
}

.p-index-slider-main .slick-dots {
  height: 8px;
  margin: 30px 0 0;
  padding: 0 60px;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.p-index-slider-main .slick-dots li {
  display: inline-block;
  height: 8px;
  margin: 0 4px;
}

.p-index-slider-main .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #939393;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

.p-index-slider-main .slick-dots li:only-child {
  display: none !important;
}

.p-index-slider-main .slick-dots li.slick-active button {
  background: #004b93;
}

@media screen and (min-width: 768px) {
  .p-index-slider-main {
    margin: 0 0 20px;
  }
  .p-index-slider-main .p-index-slider__item {
    margin: 0 12px;
  }
}

.p-index-slider-block__bottom-layout {
  position: relative;
}

.p-index-slider-block__bottom-layout .slick-prev,
.p-index-slider-block__bottom-layout .slick-next {
  position: absolute;
  bottom: -14px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #585858;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  z-index: 1;
}

.p-index-slider-block__bottom-layout .slick-prev::before,
.p-index-slider-block__bottom-layout .slick-next::before {
  content: "";
  position: absolute;
  top: 13px;
  color: #fff;
}

.p-index-slider-block__bottom-layout .slick-prev {
  left: 16px;
}

.p-index-slider-block__bottom-layout .slick-prev::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(225deg);
  left: 50%;
  margin-left: -3.5px;
}

.p-index-slider-block__bottom-layout .slick-next {
  right: 16px;
}

.p-index-slider-block__bottom-layout .slick-next::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  right: 50%;
  margin-right: -3.5px;
}

@media screen and (min-width: 768px) {
  .p-index-slider-block__bottom-layout {
    max-width: 1112px;
    margin: 0 auto;
    padding: 0 100px;
  }
  .p-index-slider-block__bottom-layout .slick-prev,
  .p-index-slider-block__bottom-layout .slick-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-index-slider-block__bottom-layout .slick-prev:hover,
  .p-index-slider-block__bottom-layout .slick-next:hover {
    opacity: 0.7;
  }
  .p-index-slider-block__bottom-layout .slick-prev {
    left: 30px;
  }
  .p-index-slider-block__bottom-layout .slick-next {
    right: 30px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-slider-thumbnail {
    margin: 0 0 0 -4px;
  }
  .p-index-slider-thumbnail .slick-track {
    transform: translate3d(0, 0, 0) !important;
  }
  .p-index-slider-thumbnail .p-index-slider__item {
    margin: 0 4px;
    outline-color: transparent;
    transition: outline-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
    cursor: pointer;
  }
  .p-index-slider-thumbnail .p-index-slider__item.slick-current {
    outline: 3px solid #004b93;
    outline-offset: -3px;
  }
}

/* イントロ */
.p-index-intro-block {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-index-intro-block {
    align-items: center;
  }
}

.p-index-intro-box--text {
  margin: 0 0 30px;
  flex-basis: 100%;
  font-size: 1.07692307rem;
}

.p-index-intro-box--text p:first-child {
  margin-top: 0;
}

.p-index-intro-box--text p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-index-intro-box--text {
    flex-basis: calc(100% / 3);
    max-width: calc(100% / 3);
    order: 2;
    margin-bottom: 0;
    padding: 30px 10px;
    font-size: 1.15384615rem;
    line-height: 1.8;
  }
}

.p-index-intro-box--shop-01, .p-index-intro-box--shop-02 {
  flex-basis: calc(50% - 2.5px);
  padding: 15px 10px;
  background: #F5F5F5;
}

@media screen and (min-width: 768px) {
  .p-index-intro-box--shop-01, .p-index-intro-box--shop-02 {
    flex-basis: calc(100% / 3);
    max-width: calc(100% / 3);
    padding: 30px;
  }
}

.p-index-intro-box--shop-01 {
  margin: 0 5px 0 0;
}

@media screen and (min-width: 768px) {
  .p-index-intro-box--shop-01 {
    order: 1;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-index-intro-box--shop-02 {
    order: 3;
  }
}

.p-index-intro-box__image {
  margin: 0 0 10px;
}

.p-index-intro-box__image img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-index-intro-box__image {
    margin-bottom: 20px;
  }
}

.p-index-intro-box__shop-name {
  margin: 0 0 5px;
  font-size: 1.23076923rem;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .p-index-intro-box__shop-name {
    margin-bottom: 10px;
    font-size: 1.84615384rem;
  }
}

.p-index-intro-box__note {
  margin: 0;
  font-size: .84615384rem;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .p-index-intro-box__note {
    font-size: 1rem;
  }
}

/* 共通コンテンツブロック */
.p-index-content-block {
  margin: 60px 0;
}

@media screen and (min-width: 768px) {
  .p-index-content-block {
    margin: 120px 0;
  }
}

.p-index-content-block__heading {
  margin: 0 0 25px;
  font-size: 1.53846153rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-index-content-block__heading {
    margin-bottom: 65px;
    font-size: 2.46153846rem;
  }
}

/* サービス */
.p-index-service-block {
  margin: 0 0 60px;
}

@media screen and (min-width: 768px) {
  .p-index-service-block {
    margin-bottom: 120px;
  }
}

.p-index-service {
  display: flex;
  justify-content: space-between;
}

.p-index-service-box {
  flex-basis: calc(50% - 2.5px);
  padding: 0 0 12px;
  border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .p-index-service-box {
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px);
    padding: 16px 16px 11px;
  }
}

.p-index-service-box__heading--point, .p-index-service-box__heading--mile {
  position: relative;
  margin: 0 0 12px;
  padding: .5em;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.p-index-service-box__heading--point::after, .p-index-service-box__heading--mile::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  display: inline-block;
  width: 20px;
  height: 10px;
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-index-service-box__heading--point, .p-index-service-box__heading--mile {
    margin-bottom: 10px;
    font-size: 1.53846153rem;
  }
  .p-index-service-box__heading--point::after, .p-index-service-box__heading--mile::after {
    content: "";
    bottom: -7px;
    width: 14px;
    height: 7px;
  }
}

.p-index-service-box__heading--point {
  background: #E93838;
}

.p-index-service-box__heading--point::after {
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #E93838 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #E93838 50.5%) no-repeat top right/50% 100%;
}

.p-index-service-box__heading--mile {
  background: #015192;
}

.p-index-service-box__heading--mile::after {
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #015192 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #015192 50.5%) no-repeat top right/50% 100%;
}

.p-index-service-list {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}

.p-index-service-list__item {
  display: inline-block;
  height: 40px;
  margin: 3px;
}

.p-index-service-list__item a {
  display: flex;
  align-items: center;
  height: 100%;
}

.p-index-service-list__item img {
  max-width: 70px;
  max-height: 40px;
}

@media screen and (min-width: 768px) {
  .p-index-service-list__item {
    height: 60px;
    margin: 5px;
  }
  .p-index-service-list__item a {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .p-index-service-list__item img {
    max-width: 100px;
    max-height: 60px;
  }
}

/* カラムリスト */
.p-index-column-list--2, .p-index-column-list--3,
.p-index-column-list--4 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -5px;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-index-column-list--2, .p-index-column-list--3,
  .p-index-column-list--4 {
    margin-bottom: -64px;
  }
}

.p-index-column-list--2 .p-index-column-list__item {
  flex-basis: calc(50% - 2.5px);
}

.p-index-column-list--2 .p-index-column-list__item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .p-index-column-list--2 .p-index-column-list__item {
    flex-basis: calc(50% - 24px);
  }
}

.p-index-column-list--3 .p-index-column-list__item,
.p-index-column-list--4 .p-index-column-list__item {
  flex-basis: calc((100% / 3) - (10px / 3));
}

.p-index-column-list--3 .p-index-column-list__item:nth-child(3n),
.p-index-column-list--4 .p-index-column-list__item:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .p-index-column-list--3 .p-index-column-list__item {
    flex-basis: calc((100% / 3) - 32px);
  }
  .p-index-column-list--3 .p-index-column-list__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-index-column-list--4 .p-index-column-list__item {
    flex-basis: calc(25% - 48px);
  }
  .p-index-column-list--4 .p-index-column-list__item:nth-child(3n) {
    margin-right: 48px;
  }
  .p-index-column-list--4 .p-index-column-list__item:nth-child(4n) {
    margin-right: 0;
  }
}

.p-index-column-list__item {
  margin: 0 5px 5px 0;
}

.p-index-column-list__item a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.p-index-column-list__item a:hover {
  color: inherit;
}

.p-index-column-list__item img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-index-column-list__item {
    margin: 0 48px 64px 0;
  }
}

.p-index-column-list__image {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-index-column-list__image {
    margin: 0 0 25px;
  }
}

.p-index-column-list__title {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-index-column-list__title {
    display: block;
    margin: 0 0 20px;
    font-size: 1.38461538rem;
    font-weight: bold;
  }
}

.p-index-column-list__text {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-index-column-list__text {
    display: block;
    margin: 0;
    font-size: 1.07692307rem;
  }
}

/* 店舗一覧 */
.p-index-shop-block {
  margin: -145px 0 60px;
  padding: 140px 0 0;
}

@media screen and (min-width: 768px) {
  .p-index-shop-block {
    margin: -313px 0 120px;
    padding-top: 253px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-shop-wrapper {
    overflow: auto;
  }
}

.p-index-shop {
  margin: 0 -12px;
}

@media screen and (min-width: 768px) {
  .p-index-shop {
    position: relative;
    width: 980px;
    height: 720px;
    margin: 0 auto;
    background: url(../img/index/background_shop_01.jpg) no-repeat 150px top;
  }
}

.p-index-shop-box--01, .p-index-shop-box--02, .p-index-shop-box--03, .p-index-shop-box--04, .p-index-shop-box--05, .p-index-shop-box--06 {
  margin: 0 0 2px;
}

@media screen and (min-width: 768px) {
  .p-index-shop-box--01, .p-index-shop-box--02, .p-index-shop-box--03, .p-index-shop-box--04, .p-index-shop-box--05, .p-index-shop-box--06 {
    position: absolute;
    width: 219px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-index-shop-box--01 {
    top: 129px;
    right: 68px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-shop-box--02 {
    top: 312px;
    right: 239px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-shop-box--03 {
    top: 312px;
    right: 0px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-shop-box--04 {
    top: 70px;
    left: 240px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-shop-box--05 {
    top: 419px;
    left: 280px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-shop-box--06 {
    top: 449px;
    left: 10px;
  }
}

.p-index-shop-box__label {
  margin: 0;
  font-size: .92307692rem;
  font-weight: normal;
  text-align: center;
}

.p-index-shop-box__label a {
  position: relative;
  display: block;
  padding: 12px 40px;
  background: #025193;
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-index-shop-box__label {
    margin-bottom: 5px;
    font-size: 1.07692307rem;
    font-weight: bold;
    text-align: left;
  }
  .p-index-shop-box__label a {
    padding: 13px 15px;
    background: #E1E1E1;
    color: #000;
    pointer-events: none;
  }
  .p-index-shop-box__label a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    width: 5px;
    height: 20px;
    background: #1C233F;
    transform: translateY(-50%);
  }
}

.p-index-shop-box__label-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  transform: translateY(-50%);
}

.p-index-shop-box__label-icon::before, .p-index-shop-box__label-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  width: 10px;
  height: 2px;
  background: #025193;
  transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

.p-index-shop-box--01.is-opened .p-index-shop-box__label-icon::before,
.p-index-shop-box--02.is-opened .p-index-shop-box__label-icon::before,
.p-index-shop-box--03.is-opened .p-index-shop-box__label-icon::before,
.p-index-shop-box--04.is-opened .p-index-shop-box__label-icon::before,
.p-index-shop-box--05.is-opened .p-index-shop-box__label-icon::before,
.p-index-shop-box--06.is-opened .p-index-shop-box__label-icon::before, .p-index-shop-box--01.is-opened .p-index-shop-box__label-icon::after,
.p-index-shop-box--02.is-opened .p-index-shop-box__label-icon::after,
.p-index-shop-box--03.is-opened .p-index-shop-box__label-icon::after,
.p-index-shop-box--04.is-opened .p-index-shop-box__label-icon::after,
.p-index-shop-box--05.is-opened .p-index-shop-box__label-icon::after,
.p-index-shop-box--06.is-opened .p-index-shop-box__label-icon::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.p-index-shop-box__label-icon::before {
  transform: translate(-50%, -50%);
}

.p-index-shop-box__label-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.p-index-shop-box.is-opened .p-index-shop-box__label-icon::after {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .p-index-shop-box__label-icon {
    display: none;
  }
}

.p-index-shop-box__body {
  display: none;
  padding: 0 0 12px;
}

@media screen and (min-width: 768px) {
  .p-index-shop-box__body {
    display: block !important;
    padding-bottom: 0;
  }
}

.p-index-shop-box-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 0.92307692rem;
  text-align: center;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-index-shop-box-list {
    font-size: 1rem;
    text-align: left;
  }
}

.p-index-shop-box-list__item, .p-index-shop-box-list__item--wide {
  flex-basis: calc(50% - 3px);
  margin: 0 6px 0 0;
  border-bottom: 1px solid #DBD9DA;
}

.p-index-shop-box-list__item:nth-child(2n), .p-index-shop-box-list__item--wide:nth-child(2n) {
  margin-right: 0;
}

.p-index-shop-box-list__item a, .p-index-shop-box-list__item--wide a {
  position: relative;
  display: block;
  padding: 12px;
  color: inherit;
  text-decoration: none;
}

.p-index-shop-box-list__item a::after, .p-index-shop-box-list__item--wide a::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  color: #0080BD;
}

@media screen and (min-width: 768px) {
  .p-index-shop-box-list__item, .p-index-shop-box-list__item--wide {
    flex-basis: calc(50% - 12px);
    margin-right: 24px;
  }
  .p-index-shop-box-list__item a, .p-index-shop-box-list__item--wide a {
    padding: 7px 16px;
    color: #999;
  }
  .p-index-shop-box-list__item a::after, .p-index-shop-box-list__item--wide a::after {
    display: inline-block;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    left: 5px;
    margin-top: -3px;
    color: #707070;
  }
  .p-index-shop-box-list__item a:hover, .p-index-shop-box-list__item--wide a:hover {
    color: #999;
  }
}

.p-index-shop-box-list__item--wide {
  flex-basis: calc(100% - 24px);
  margin: 12px 12px 0;
  border: 1px solid #707070;
}

.p-index-shop-box-list__item--wide a {
  background: #e1e1e1;
  color: inherit;
}

.p-index-shop-box-list__item--wide a::after {
  color: #707070;
}

@media screen and (min-width: 768px) {
  .p-index-shop-box-list__item--wide {
    flex-basis: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .p-index-shop-box-list__item--wide a:hover {
    color: inherit;
  }
}

.p-index-payment-block {
  margin: -140px 0 60px;
  padding: 140px 0 0;
}

@media screen and (min-width: 768px) {
  .p-index-payment-block {
    margin: -253px 0 120px;
    padding-top: 253px;
  }
}

.p-index-payment-box, .p-index-payment-box--second {
  position: relative;
  margin: 0 0 30px;
  border: 1px solid #ccc;
}

.p-index-payment-box:last-child, .p-index-payment-box--second:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-index-payment-box, .p-index-payment-box--second {
    margin-bottom: 50px;
  }
}

.p-index-payment-box__heading {
  position: absolute;
  left: 16px;
  top: 0;
  display: inline-block;
  margin: 0;
  padding: 0 16px;
  background: #fff;
  font-size: 1rem;
  font-weight: bold;
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-index-payment-box__heading {
    left: 32px;
  }
}

.p-index-payment-list--6 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
  padding: 25px 0;
  text-align: center;
  list-style: none;
}

.p-index-payment-list--6 .p-index-payment-list__item img {
  max-width: 60px;
  max-height: 50px;
}

@media screen and (min-width: 768px) {
  .p-index-payment-list--6 .p-index-payment-list__item {
    flex-basis: calc(100% / 6);
  }
  .p-index-payment-list--6 .p-index-payment-list__item img {
    max-width: 90px;
    max-height: 80px;
  }
}

.p-index-payment-list--4 .p-index-payment-list__item {
  flex-basis: 50%;
}

.p-index-payment-list--4 .p-index-payment-list__item img {
  max-width: 90px;
  max-height: 50px;
}

@media screen and (min-width: 768px) {
  .p-index-payment-list--4 .p-index-payment-list__item {
    flex-basis: 25%;
  }
  .p-index-payment-list--4 .p-index-payment-list__item img {
    max-width: 150px;
    max-height: 70px;
  }
}

.p-index-payment-list__item {
  margin: 10px 0;
}

.p-index-payment-list__item img {
  vertical-align: middle;
}

.p-index-payment-box--second {
  margin: 10px !important;
}

.p-index-payment-box--second .p-index-payment-box__heading {
  width: 100px;
  padding: 0 8px;
}

.p-index-payment-box--second .p-index-payment-box__heading img {
  width: 100%;
  vertical-align: middle;
}

.p-index-payment-box--second .p-index-payment-list--4 {
  padding: 10px 0 0;
}

.p-index-payment-box--second .p-index-payment-list--4 .p-index-payment-list__item {
  margin: 5px 0;
}

.p-index-payment-box--second .p-index-payment-list--4 .p-index-payment-list__item img {
  max-width: 90px;
  max-height: 90px;
}

@media screen and (min-width: 768px) {
  .p-index-payment-box--second {
    margin: 24px !important;
  }
  .p-index-payment-box--second .p-index-payment-box__heading {
    width: 160px;
    padding: 0 15px;
  }
  .p-index-payment-box--second .p-index-payment-list--4 .p-index-payment-list__item img {
    max-width: 140px;
    max-height: 140px;
  }
}

.p-index-payment-box__link {
  margin: 0 16px 1.5em;
  text-align: right;
}

.p-index-payment-box__link a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-index-payment-box__link {
    margin-right: 24px;
  }
}

@media screen and (min-width: 768px) {
  .p-index-news {
    max-width: 800px;
    margin: 0 auto;
  }
}

.p-index-news__button {
  margin: 30px 5% 0;
  font-size: 1.07692307rem;
  text-align: center;
}

.p-index-news__button a {
  display: block;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #F5F5F5;
  color: inherit;
  text-decoration: none;
}

.p-index-news__button a::before {
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #666 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #666 50.5%) no-repeat bottom right/100% 50%;
  content: "";
  display: inline-block;
  width: 6px;
  height: 7px;
  margin: 0 8px 2px 0;
}

@media screen and (min-width: 768px) {
  .p-index-news__button {
    width: 300px;
    margin: 40px auto 0;
  }
  .p-index-news__button a {
    transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-index-news__button a:hover {
    background: #eee;
    color: inherit;
  }
}

/* ======================================== */
/* news一覧 */
/* ======================================== */
.p-news-content-heading {
  font-size: 1rem;
  margin: 0 0 20px;
}

@media screen and (min-width: 768px) {
  .p-news-content-heading {
    margin-bottom: 25px;
  }
}

.p-news-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ddd;
  list-style: none;
}

.p-news-list__item, .p-news-list__item--nodata {
  border-bottom: 1px solid #ddd;
}

.p-news-list__item a, .p-news-list__item--nodata a {
  display: flex;
  padding: 15px 0;
  color: inherit;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-news-list__item a, .p-news-list__item--nodata a {
    padding: 15px;
    transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-news-list__item a:hover, .p-news-list__item--nodata a:hover {
    background: #F6FBFE;
    color: inherit;
  }
}

.p-news-list__item--nodata {
  padding: 15px 0;
}

@media screen and (min-width: 768px) {
  .p-news-list__item--nodata {
    padding: 15px;
  }
}

.p-news-list__date {
  flex-basis: 6.5em;
  margin: 2px 0 0;
  font-size: 0.92307692rem;
}

.p-news-list__content {
  flex-basis: calc(100% - 6.5em);
}

@media screen and (min-width: 768px) {
  .p-news-list__content {
    display: flex;
    align-items: flex-start;
  }
}

.p-news-list__label, .p-news-list__label--prize {
  display: inline-block;
  width: 105px;
  margin: 0 0 5px;
  padding: 2px 0;
  background: #004b93;
  font-size: 0.92307692rem;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-news-list__label, .p-news-list__label--prize {
    flex-basis: 105px;
    margin-bottom: 0;
  }
}

.p-news-list__label--prize {
  background: #ffaa00;
}

.p-news-list__title {
  margin: 0;
  font-size: 1.07692307rem;
}

@media screen and (min-width: 768px) {
  .p-news-list__title {
    flex-basis: calc(100% - 105px);
    margin-left: 25px;
  }
}

/* ======================================== */
/* news詳細 */
/* ======================================== */
@media screen and (min-width: 768px) {
  .p-news-article {
    max-width: 720px;
    margin: 0 auto;
  }
}

.p-news-article__date {
  font-size: 1.1538461rem;
  color: #b0b0b0;
  margin: 0 0 30px;
}

.p-news-article__title {
  font-size: 1.5384615rem;
  margin: 0 0 30px;
}

.p-news-article__content {
  padding-top: 20px;
  border-top: solid 1px #ddd;
}

.p-news-article__content p {
  font-size: 1rem;
  line-height: 1.7;
}

/* ======================================== */
/* 店舗一覧 */
/* ======================================== */
.p-shop-heading {
  font-size: 1rem;
  margin: 0 0 20px;
}

.p-shop-list + .p-shop-heading {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .p-shop-heading {
    margin-bottom: 28px;
    font-size: 1.5384615rem;
  }
  .p-shop-list + .p-shop-heading {
    margin-top: 60px;
  }
}

.p-shop-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-shop-list__item {
  padding: 20px 10px;
  border-bottom: solid 1px #ddd;
}

.p-shop-list__item:nth-child(2n-1) {
  background: #eff8ff;
}

@media screen and (min-width: 768px) {
  .p-shop-list__item {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 20px;
  }
}

.p-shop-list-name {
  margin: 0 0 20px;
  font-size: .9230769rem;
  color: #0080BD;
}

.p-shop-list-name a {
  text-decoration: none;
}

.p-shop-list-name a::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  margin: 0 8px 2px 0;
}

@media screen and (min-width: 768px) {
  .p-shop-list-name {
    flex-basis: 135px;
    margin-bottom: 0;
    padding: 15px 0 0;
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .p-shop-list-content {
    display: flex;
    flex-basis: calc(100% - 135px);
    max-width: calc(100% - 135px);
    padding: 15px 0 10px;
    border-left: 1px dotted #666;
  }
}

.p-shop-list-content__column {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media screen and (min-width: 768px) {
  .p-shop-list-content__column {
    flex-basis: 50%;
    padding: 0 0 0 20px;
  }
}

.p-shop-list-content-heading {
  flex-basis: 5em;
  margin: 0 0 6px;
  padding: 4px 0;
  background: #025193;
  font-size: .9230769rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .p-shop-list-content-heading {
    font-size: 1rem;
    padding: 5px 0;
  }
}

.p-shop-list-content-description {
  flex-basis: calc(100% - 5em);
  max-width: calc(100% - 5em);
  margin: 0;
  padding: 0 0 0 12px;
}

@media screen and (min-width: 768px) {
  .p-shop-list-content-description {
    margin-top: 1px;
  }
}

/* ======================================== */
/* 店舗詳細 */
/* ======================================== */
.p-shop-map {
  height: 200px;
  background: #ccc;
}

@media screen and (min-width: 768px) {
  .p-shop-map {
    height: 400px;
  }
}

.p-shop-detail-info {
  margin: 0;
  font-size: .92307692rem;
}

@media screen and (min-width: 768px) {
  .p-shop-detail-info {
    display: flex;
    flex-wrap: wrap;
  }
}

.p-shop-detail-info__heading {
  margin: 0 0 6px;
  padding: 15px 10px 0;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-shop-detail-info__heading {
    flex-basis: 20%;
    padding: 10px 0;
    margin-bottom: 0;
    border-bottom: solid 1px #ddd;
    font-weight: normal;
  }
  .p-shop-detail-info__heading:nth-of-type(2n-1) {
    background: #eff8ff;
  }
}

@media screen and (min-width: 768px) {
  .p-shop-detail-info__heading-layout {
    padding: 10px 20px;
  }
}

.p-shop-detail-info__description {
  margin: 0;
  padding: 0  10px 15px;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 768px) {
  .p-shop-detail-info__description {
    flex-basis: 80%;
    padding: 10px 0;
  }
  .p-shop-detail-info__description:nth-of-type(2n-1) {
    background: #eff8ff;
  }
}

@media screen and (min-width: 768px) {
  .p-shop-detail-info__description-layout {
    border-left: 1px dotted #666;
    padding: 10px 20px;
  }
}

.p-shop-note {
  margin: 20px 0 0;
  font-size: .92307692rem;
}

/* ======================================== */
/* よくあるご質問 */
/* ======================================== */
.p-faq-nav {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-faq-nav {
    display: flex;
    margin: 0;
    padding: 0;
    border: 1px solid #004b93;
    font-size: 1.15384615rem;
    font-weight: bold;
    text-align: center;
    list-style: none;
  }
}

@media screen and (min-width: 768px) {
  .p-faq-nav__item {
    flex-basis: calc(100% / 3);
    border-right: 1px solid #004b93;
  }
  .p-faq-nav__item:last-child {
    border-right: none;
  }
  .p-faq-nav__item a {
    position: relative;
    display: block;
    padding: 20px;
    text-decoration: none;
  }
  .p-faq-nav__item a::after {
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(135deg);
    content: "";
    position: absolute;
    left: 50%;
    bottom: 11px;
    margin: 0 0 0 -3px;
    color: #004b93;
  }
}

.p-faq-section {
  margin: 0 0 2px;
}

@media screen and (min-width: 768px) {
  .p-faq-section {
    margin: -132px 0 0;
    padding: 193px 0 0;
  }
}

.p-faq-section__label {
  margin: 0;
  font-size: .92307692rem;
  font-weight: normal;
}

.p-faq-section__label a {
  position: relative;
  display: block;
  padding: 12px 40px;
  background: #025193;
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-faq-section__label {
    font-size: 1.53846153rem;
    font-weight: bold;
  }
  .p-faq-section__label a {
    padding: 15px;
    pointer-events: none;
  }
}

.p-faq-section__label-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  transform: translateY(-50%);
}

.p-faq-section__label-icon::before, .p-faq-section__label-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  width: 10px;
  height: 2px;
  background: #025193;
  transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

.p-faq-section.is-opened .p-faq-section__label-icon::before, .p-faq-section.is-opened .p-faq-section__label-icon::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.p-faq-section__label-icon::before {
  transform: translate(-50%, -50%);
}

.p-faq-section__label-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.p-index-shop-box.is-opened .p-faq-section__label-icon::after {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .p-faq-section__label-icon {
    display: none;
  }
}

.p-faq-section-body {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-faq-section-body {
    display: block !important;
  }
}

.p-faq-content {
  margin: 0;
  padding: 12px 0 25px;
  font-size: .92307692rem;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .p-faq-content {
    padding: 30px 0 20px;
    font-size: 1rem;
    line-height: 1.8;
  }
}

.p-faq-content__title {
  position: relative;
  padding: 7px 7px 7px 30px;
  border: 1px solid #ddd;
  font-weight: bold;
}

.p-faq-content__title::before {
  content: "Q";
  position: absolute;
  left: 5px;
  top: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #025193;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .p-faq-content__title {
    padding: 8px 7px 8px 40px;
    font-weight: normal;
  }
  .p-faq-content__title::before {
    left: 7px;
    top: 7px;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}

.p-faq-content__description {
  position: relative;
  margin: 0;
  padding: 15px 0 30px 30px;
}

.p-faq-content__description::before {
  content: "A";
  position: absolute;
  left: 5px;
  top: 12px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #025193;
  font-weight: bold;
  color: #025193;
  text-align: center;
  line-height: 20px;
}

.p-faq-content__description p {
  margin: 1.5em 0;
}

.p-faq-content__description p:first-child {
  margin-top: 0;
}

.p-faq-content__description p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-faq-content__description {
    padding: 15px 0 50px 40px;
  }
  .p-faq-content__description::before {
    left: 7px;
    top: 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}

/* ======================================== */
/* 各種ポイント・マイルのご案内 */
/* ======================================== */
.p-point-list {
  display: flex;
  margin: 30px 0 0;
  padding: 0;
  text-align: center;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-point-list {
    max-width: 720px;
    margin: 0 auto;
  }
}

.p-point-list__item {
  flex-basis: calc(50% - 4px);
  padding: 0 8px;
}

.p-point-list__item:nth-child(odd) {
  margin: 0 8px 0 0;
}

@media screen and (min-width: 768px) {
  .p-point-list__item {
    flex-basis: calc(50% - 5px);
    padding: 0 10px;
  }
  .p-point-list__item:nth-child(odd) {
    margin: 0 10px 0 0;
  }
}

.p-point-list__title {
  margin: 0 0 25px;
  font-size: 1.15384615rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-point-list__title {
    font-size: 1.38461538rem;
  }
}

.p-point-list__image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 30px;
}

.p-point-list__image img {
  max-width: 135px;
  max-height: 85px;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-point-list__image img {
    max-width: 165px;
    max-height: 108px;
  }
}

.p-point-list__text {
  margin: 0 0 15px;
  font-size: .92307692rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-point-list__text {
    font-size: 1rem;
  }
}

.p-point-list__button {
  position: relative;
  margin: 0;
  padding: 0 0 40px;
  font-size: 1.07692307rem;
}

.p-point-list__button::after {
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #F5F5F5 50.5%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #F5F5F5 50.5%) no-repeat top right/50% 100%;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin: 0 0 0 -30px;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
}

.p-point-list__button.is-opened::after {
  opacity: 1;
}

.p-point-list__button a {
  display: block;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #F5F5F5;
  color: inherit;
  text-decoration: none;
}

.p-point-list__button a::before {
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #666 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #666 50.5%) no-repeat top right/50% 100%;
  content: "";
  display: inline-block;
  width: 7px;
  height: 6px;
  margin: 0 8px 2px 0;
}

@media screen and (min-width: 768px) {
  .p-point-list__button {
    max-width: 240px;
    margin: 0 auto;
  }
  .p-point-list__button a {
    transition: background-color 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-point-list__button a:hover {
    background: #eee;
    color: inherit;
  }
}

.p-point-content-wrapper {
  display: none;
  background: #F5F5F5;
}

.p-point-content-wrapper__inner {
  padding: 50px 0;
}

.p-point-content {
  display: none;
  opacity: 0;
  overflow: hidden;
}

.p-point-content.is-opened {
  opacity: 1;
  overflow: visible;
}

@media screen and (min-width: 768px) {
  .p-point-content-block {
    display: flex;
  }
}

.p-point-content-layout {
  margin: 0 0 40px;
}

.p-point-content-layout:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-point-content-layout {
    flex-basis: 47.5%;
    margin-bottom: 0;
  }
  .p-point-content-layout:nth-child(odd) {
    margin-right: 5%;
  }
}

.p-point-content__hading {
  margin: 0 0 30px;
  padding: 25px 0 20px;
  border-top: 3px solid #025193;
  border-bottom: 1px solid #ddd;
  font-size: .92307692rem;
}

@media screen and (min-width: 768px) {
  .p-point-content__hading {
    border-top: 4px solid #025193;
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .p-point-content-column-box--01,
  .p-point-content-column-box--02,
  .p-point-content-column-box--03 {
    display: flex;
  }
}

.p-point-content-column-box__image {
  margin: 0 auto 30px;
}

.p-point-content-column-box--01 .p-point-content-column-box__image {
  width: 55%;
}

.p-point-content-column-box--02 .p-point-content-column-box__image {
  width: 30%;
}

.p-point-content-column-box--03 .p-point-content-column-box__image {
  width: 55%;
}

.p-point-content-column-box--04 .p-point-content-column-box__image {
  width: 85%;
}

.p-point-content-column-box__image img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-point-content-column-box__image {
    width: auto;
    margin: 0 20px 20px 0;
  }
  .p-point-content-column-box--01 .p-point-content-column-box__image {
    flex-basis: 150px;
  }
  .p-point-content-column-box--02 .p-point-content-column-box__image {
    flex-basis: 100px;
  }
  .p-point-content-column-box--03 .p-point-content-column-box__image {
    flex-basis: 195px;
  }
  .p-point-content-column-box--04 .p-point-content-column-box__image {
    width: auto;
    max-width: 420px;
    margin-right: 0;
  }
}

.p-point-content-column-box__text-area p:first-child {
  margin-top: 0;
}

.p-point-content-column-box__text-area p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-point-content-column-box--01 .p-point-content-column-box__text-area {
    flex-basis: calc(100% - 170px);
  }
  .p-point-content-column-box--02 .p-point-content-column-box__text-area {
    flex-basis: calc(100% - 120px);
  }
  .p-point-content-column-box--03 .p-point-content-column-box__text-area {
    flex-basis: calc(100% - 215px);
  }
  .p-point-content-column-box--04 .p-point-content-column-box__text-area {
    flex-basis: 420px;
    flex-basis: calc(100% - 170px);
  }
}

/* ======================================== */
/* アプリ */
/* ======================================== */
.p-app-content-heading,
.p-app-function-title {
  font-size: .9230769rem;
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0 0 20px;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 768px) {
  .p-app-content-heading,
  .p-app-function-title {
    margin: 0 0 25px 0;
    font-size: 1rem;
    text-align: left;
  }
}

.p-app-content-lead-wrap {
  position: relative;
}

.p-app-content-lead,
.p-app-function-body {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.p-app-content-photo-sp {
  width: 30%;
  margin: 0 0 0 10px;
}

.p-app-content-photo-sp img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-app-content-photo-sp {
    width: 126px;
  }
}

.p-app-content-lead__text,
.p-app-function-body__text {
  width: 60%;
  font-size: .9230769rem;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-app-content-lead__text,
  .p-app-function-body__text {
    width: calc(100% - 170px);
    font-size: 1rem;
  }
}

.p-app-dl-heading {
  font-size: 1rem;
  font-weight: bolder;
  text-align: center;
  margin: 10px 0 0 0;
}

@media screen and (min-width: 768px) {
  .p-app-dl-heading {
    font-size: 1rem;
    position: absolute;
    left: 170px;
    bottom: 140px;
  }
}

.p-app-btn-list {
  margin: 15px 0 0 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-app-btn-list {
    display: flex;
    position: absolute;
    left: 170px;
    bottom: 45px;
  }
}

.p-app-btn-list__item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.p-app-btn-list__item:first-child {
  width: 190px;
  margin: 0 auto 10px;
}

@media screen and (min-width: 768px) {
  .p-app-btn-list__item:first-child {
    margin: 0 10px 0 0;
  }
}

.p-app-btn-list__item:nth-child(2) {
  width: 232px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-app-btn-list__item:nth-child(2) {
    margin: 0;
  }
}

.p-app-function-list {
  margin: 40px 0 0 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-app-function-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.p-app-function-list__item {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 15px 0 0 0;
  border-top: solid 3px #025193;
}

@media screen and (min-width: 768px) {
  .p-app-function-list__item {
    flex-basis: 48.5%;
    margin: 0 0 60px 0;
  }
}

.p-app-function-list__item:last-child {
  margin: 0;
}

/* ======================================== */
/* メンバーズカード・商品券 */
/* ======================================== */
.p-body-content:last-child {
  margin-top: 45px;
}

@media screen and (min-width: 768px) {
  .p-body-content:last-child {
    margin-top: 55px;
  }
}

.p-content-heading--underline span {
  display: block;
  font-weight: normal;
  font-size: .84615385rem;
}

@media screen and (min-width: 768px) {
  .p-content-heading--underline span {
    display: inline;
    font-size: .76923077rem;
    margin-left: 20px;
  }
}

.p-card-content-lead--vip {
  font-size: .9230769rem;
  margin: 0 0 20px;
}

@media screen and (min-width: 768px) {
  .p-card-content-lead--vip {
    font-size: 1rem;
    margin: 0 0 40px;
  }
}

.p-card-content-lead--gift {
  font-size: .9230769rem;
  margin: 30px 0 10px;
}

@media screen and (min-width: 768px) {
  .p-card-content-lead--gift {
    font-size: 1rem;
    margin: -12px 0 10px 150px;
  }
}

.p-card-content-body {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.p-card-photo-card--vip {
  width: 30%;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.p-card-photo-card--vip img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-card-photo-card--vip {
    width: 190px;
  }
}

.p-card-photo__card--gift {
  width: 30%;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.p-card-photo__card--gift img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-card-photo__card--gift {
    width: 115px;
  }
}

.p-card-content-text--vip {
  width: 65%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-card-content-text--vip {
    width: calc(100% - 200px);
  }
}

.p-card-content-text--gift {
  width: 65%;
  margin: 0;
  padding: 0;
}

.p-card-content-text--gift p, .p-card-content-text--gift small {
  font-size: .9230769rem;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-card-content-text--gift {
    width: calc(100% - 150px);
  }
}

.p-card-content-list {
  margin: 0;
  padding: 0 0 0 1em;
}

.p-card-content-list--gift {
  padding: 0 0 0 1em;
}

@media screen and (min-width: 768px) {
  .p-card-content-list--gift {
    margin: 0 0 0 145px;
  }
}

.p-card-content-list__item {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .9230769rem;
}

@media screen and (min-width: 768px) {
  .p-card-content-list__item {
    font-size: 1rem;
  }
}

.p-card-content-list__item::before {
  content: "・";
  margin-left: -1em;
}

.p-card-inquiry-list {
  margin: 0;
  padding: 0;
}

.p-card-inquiry-list__item {
  font-size: 1.1538461rem;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.p-card-inquiry-list__item a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding-left: 1em;
}

.p-card-inquiry-list__item a::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  margin: -2px 8px 0 -1em;
  color: #025193;
}

/* ======================================== */
/* ブランド */
/* ======================================== */
.p-brand-list {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-list {
    display: flex;
    justify-content: space-between;
  }
}

.p-brand-list__item {
  list-style: none;
  margin: 0 0 35px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-list__item {
    flex-basis: 30%;
    padding: 0 0 100px;
    position: relative;
  }
  .p-brand-list__item .p-brand-button a {
    width: 100%;
  }
}

.p-brand-top-photo {
  width: 64%;
  margin: 0 auto 25px auto;
  padding: 0;
  line-height: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-top-photo {
    width: 100%;
  }
}

.p-brand-brand-header {
  font-size: 1.076923rem;
  margin: 0 0 20px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-brand-header {
    font-size: 1.2307692rem;
    margin: 0 0 30px;
  }
}

.p-brand-top-brand__description {
  font-size: .9230769rem;
  margin: 0 0 25px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-top-brand__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .p-brand-button {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.p-brand-button {
  width: 100%;
  margin-bottom: 0;
}

/* -- ブランドページ --*/
.p-brand-detail-brand-header {
  font-size: 1.2307692rem;
  text-align: center;
  margin: -40px 0 40px 0;
}

@media screen and (min-width: 768px) {
  .p-brand-detail-brand-header {
    font-size: 1.2307692rem;
    margin: -45px 0 70px 0;
  }
}

.p-brand-profile-header,
.p-brand-brand__header,
.p-brand-lineup__header {
  font-size: 1.2307692rem;
  line-height: 1;
  margin: 0 0 20px;
  padding: 10px;
  border-left: solid 3px #025193;
}

@media screen and (min-width: 768px) {
  .p-brand-profile-header,
  .p-brand-brand__header,
  .p-brand-lineup__header {
    font-size: 1.5384615rem;
    margin: 0 0 25px;
    border-left: solid 4px #025193;
  }
}

@media screen and (min-width: 768px) {
  .p-brand-profile-inner {
    display: flex;
    justify-content: space-between;
  }
}

.p-brand-profile-text {
  font-size: .9230769rem;
  margin: 0 0 30px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-profile-text {
    order: 2;
    flex-basis: 62%;
    font-size: 1rem;
  }
}

.p-brand-detail-photo {
  width: 46%;
  margin: 0 auto;
  line-height: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-detail-photo {
    margin: 0;
    order: 1;
    flex-basis: 35%;
  }
}

.p-brand-brand {
  position: relative;
  left: -12px;
  margin: 45px -24px 0 0;
  padding: 30px 12px 25px;
  background: #eff3f5;
}

@media screen and (min-width: 768px) {
  .p-brand-brand {
    position: static;
    margin: 125px 0 0;
    padding: 20px;
  }
  .p-brand-brand .p-brand-brand__header {
    position: absolute;
    top: -62px;
    left: 0;
  }
}

.p-brand-brand-list {
  margin: 0;
  padding: 0;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .p-brand-brand-list {
    background: none;
  }
}

.p-brand-brand-list__item {
  margin: 0 0 20px;
  padding: 50px 0 0 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-brand-brand-list__item {
    display: flex;
    margin: 0 0 10px;
    padding: 0;
    background: #fff;
  }
}

.p-brand-brand-list__item:last-child {
  margin: 0;
}

.p-brand-brand-banner {
  width: 37%;
  margin: 0 auto;
  padding: 0;
  line-height: 0;
}

@media screen and (min-width: 768px) {
  .p-brand-brand-banner {
    width: auto;
    flex-basis: 37%;
    margin: 0;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .p-brand-brand-banner img {
    width: 58%;
  }
}

.p-brand-brand-data {
  margin: 50px 0 0;
  padding: 24px;
  background: #025193;
}

@media screen and (min-width: 768px) {
  .p-brand-brand-data {
    flex-basis: 63%;
    margin: 0;
    padding: 20px;
  }
}

.p-brand-brand-name {
  font-size: 1.1538461rem;
  font-weight: bolder;
  color: #fff;
  margin: 0 0 15px;
}

.p-brand-brand-name span {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-brand-brand-name {
    font-size: 1.1538461rem;
  }
}

.p-brand-brand-text {
  font-size: .84615385rem;
  color: #fff;
}

.p-brand-linup {
  margin: 0;
  padding: 50px 0 0 0;
}

.brand-lineup-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
}

.brand-lineup-list__item {
  width: 50%;
  list-style: none;
  font-size: 1rem;
  font-weight: bolder;
  margin: 0;
  padding: 0;
  text-align: center;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 768px) {
  .brand-lineup-list__item {
    font-size: 1.5384615rem;
  }
}

.brand-lineup-list__item a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 20px 10px 20px 40%;
  position: relative;
}

@media screen and (min-width: 768px) {
  .brand-lineup-list__item a {
    padding: 35px 20px 35px 90px;
  }
}

.brand-lineup-list__item a::after {
  content: url(../img/common/icon_arrow_01.png);
  position: absolute;
  top: center;
  right: 2px;
}

@media screen and (min-width: 768px) {
  .brand-lineup-list__item a::after {
    right: 18px;
  }
}

.brand-lineup-list__item:first-child {
  background: url(../img/brand/brand_background_button_suit.png) no-repeat;
  background-size: 44%;
}

@media screen and (min-width: 768px) {
  .brand-lineup-list__item:first-child {
    background-size: 120px;
    background-position: bottom 0 left 10px;
  }
}

.brand-lineup-list__item:nth-child(2) {
  background: url(../img/brand/brand_background_button_shirt.png) no-repeat;
  background-size: 44%;
}

@media screen and (min-width: 768px) {
  .brand-lineup-list__item:nth-child(2) {
    background-size: 120px;
    background-position: bottom 0 left 10px;
  }
}

.brand-lineup-list__item:nth-child(3) {
  background: url(../img/brand/brand_background_button_slacks.png) no-repeat;
  background-size: 44%;
}

@media screen and (min-width: 768px) {
  .brand-lineup-list__item:nth-child(3) {
    background-size: 120px;
    background-position: bottom 0 left 10px;
  }
}

.brand-lineup-list__item:nth-child(4) {
  background: url(../img/brand/brand_background_button_tie.png) no-repeat;
  background-size: 44%;
}

@media screen and (min-width: 768px) {
  .brand-lineup-list__item:nth-child(4) {
    background-size: 120px;
    background-position: bottom 0 left 10px;
  }
}

/* ======================================== */
/* お問い合わせ */
/* ======================================== */
.p-contact-list {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-contact-list {
    display: flex;
    justify-content: space-between;
  }
}

.p-contact-list__item {
  margin: 0 0 15px 0;
  padding: 25px 10px 0;
  list-style: none;
  background: #fff;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-contact-list__item {
    width: 24%;
    padding: 25px 15px 0;
    margin: 0;
  }
}

.p-contact-list__item:last-child {
  margin: 0;
}

.p-contact-list__heading {
  font-size: 1.5384615rem;
  margin: 0 auto 15px;
}

.p-contact-list__heading.is-sp {
  height: auto !important;
}

@media screen and (min-width: 768px) {
  .p-contact-list__heading {
    font-size: 1.69230769rem;
    margin: 0 auto 40px auto;
  }
}

.p-contact-list__icon--mail,
.p-contact-list__icon--dm,
.p-contact-list__icon--uniform {
  line-height: 0;
  margin: 0 auto 10px auto;
}

@media screen and (min-width: 768px) {
  .p-contact-list__icon--mail,
  .p-contact-list__icon--dm,
  .p-contact-list__icon--uniform {
    margin: 0 auto 40px auto;
  }
}

.p-contact-list__icon--mail.is-sp {
  height: auto !important;
}

.p-contact-list__icon--mail img {
  max-width: 63px;
}

@media screen and (min-width: 768px) {
  .p-contact-list__icon--mail img {
    max-width: 114px;
  }
}

.p-contact-list__icon--dm img {
  max-width: 63px;
}

@media screen and (min-width: 768px) {
  .p-contact-list__icon--dm img {
    max-width: 125px;
  }
}

.p-contact-list__icon--uniform img {
  max-width: 48px;
}

@media screen and (min-width: 768px) {
  .p-contact-list__icon--uniform img {
    max-width: 96px;
  }
}

.p-contact-list__text {
  font-size: .9230769rem;
}

.p-contact-list__text.is-sp {
  height: auto !important;
}

@media screen and (min-width: 768px) {
  .p-contact-list__text {
    width: 100%;
    margin: 0 0 60px 0;
  }
}

.p-contact-link {
  margin: 0 -10px;
}

@media screen and (min-width: 768px) {
  .p-contact-link {
    margin: 0 -15px;
  }
}

.p-contact-link a {
  display: block;
  width: 100%;
  height: 25px;
  background: #025193;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-contact-link a::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  content: "";
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-contact-link a {
    height: 45px;
    transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p-contact-link a:hover {
    opacity: 0.7;
  }
  .p-contact-link a::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    border-top: 3px solid;
    border-right: 3px solid;
    transform: rotate(45deg);
  }
}

/* ======================================== */
/* TAX FREE */
/* ======================================== */
.p-taxfree-page-heading {
  width: 60%;
  margin: 0 auto 40px;
}

.p-taxfree-page-heading img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-taxfree-page-heading {
    width: 330px;
    margin-bottom: 60px;
  }
}

.p-taxfree-intro-block {
  display: flex;
  margin: 0 0 50px;
}

@media screen and (min-width: 768px) {
  .p-taxfree-intro-block {
    max-width: 786px;
    margin: 0 auto 100px;
  }
}

.p-taxfree-intro-block__item {
  flex-basis: calc(50% - 2px);
  text-align: center;
}

.p-taxfree-intro-block__item:first-child {
  margin-right: 4px;
}

@media screen and (min-width: 768px) {
  .p-taxfree-intro-block__item {
    flex-basis: 44%;
  }
  .p-taxfree-intro-block__item:first-child {
    margin-right: 12%;
  }
}

.p-taxfree-intro-block__image {
  margin: 0 0 5px;
}

.p-taxfree-intro-block__image img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-taxfree-intro-block__image {
    margin-bottom: 20px;
  }
}

.p-taxfree-intro-block__text {
  margin: 0;
  font-size: 1.07692307rem;
}

@media screen and (min-width: 768px) {
  .p-taxfree-intro-block__text {
    font-size: 1.38461538rem;
  }
}

.p-taxfree-nav {
  margin: 0 0 50px;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-taxfree-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
  }
}

.p-taxfree-nav__item {
  margin: 0 0 5px;
}

.p-taxfree-nav__item:last-child {
  margin-bottom: 0;
}

.p-taxfree-nav__item img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-taxfree-nav__item {
    margin: 0 5px;
  }
  .p-taxfree-nav__item:first-child {
    margin-left: 0;
  }
  .p-taxfree-nav__item:last-child {
    margin-right: 0;
  }
}

.p-taxfree-section--message {
  margin: 50px 0;
}

.p-taxfree-section__heading {
  margin: 0 -12px 20px;
  padding: 0 5px 5px;
  border-bottom: 5px solid #000;
  font-size: 1.38461538rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-taxfree-section__heading {
    margin: 0 0 50px;
    padding: 0 0 5px;
    font-size: 2.92307692rem;
    font-weight: normal;
  }
}

.p-taxfree-message-text {
  margin: 0 8px 20px;
  font-size: .92307692rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-taxfree-message-text {
    margin: 0 70px 60px;
    font-size: 1.69230769rem;
  }
}

.p-taxfree-message-button {
  margin: 0;
}

.p-taxfree-message-button img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-taxfree-message-button {
    max-width: 950px;
    margin: 0 auto;
  }
}

.p-taxfree-section--exemption {
  margin: 50px 0;
}

@media screen and (min-width: 768px) {
  .p-taxfree-section--exemption {
    margin: 140px 0;
  }
}

.p-taxfree-exemption-list {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 70px;
  padding: 0;
  text-align: center;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-list {
    margin: 90px 20px 120px;
  }
}

.p-taxfree-exemption-list__item {
  margin: 0 5px;
}

.p-taxfree-exemption-list__item:first-child {
  margin-left: 0;
}

.p-taxfree-exemption-list__item:last-child {
  margin-right: 0;
}

.p-taxfree-exemption-list__image {
  width: 80%;
  margin: 0 auto 15px;
}

.p-taxfree-exemption-list__image img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-list__image {
    width: auto;
    max-width: 240px;
    margin-bottom: 25px;
  }
}

.p-taxfree-exemption-list__text {
  position: relative;
  top: 15%;
  margin: 0;
  font-size: .92307692rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -.05em;
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-list__text {
    font-size: 2.15384615rem;
    letter-spacing: normal;
  }
}

.p-taxfree-exemption-block {
  margin: 0 0 25px;
}

.p-taxfree-exemption-block:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-block {
    margin: 0 35px 45px;
  }
}

.p-taxfree-exemption-block__heading {
  margin: 0 0 5px;
  font-size: .92307692rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-block__heading {
    margin-bottom: 20px;
    font-size: 2.15384615rem;
  }
}

.p-taxfree-exemption-box {
  border: 1px solid #000;
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-box {
    display: flex;
  }
}

.p-taxfree-exemption-box__heading {
  margin: 0;
  padding: 15px 10px;
  background: #e8eee7;
  font-size: .92307692rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-box__heading {
    display: flex;
    align-items: center;
    flex-basis: 280px;
    font-size: 1.38461538rem;
  }
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-box__heading--inner {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-box__heading-note {
    font-size: .92307692rem;
  }
}

.p-taxfree-exemption-box__content {
  padding: 15px 30px;
  font-size: .92307692rem;
  font-weight: bold;
}

.p-taxfree-exemption-box__content p:first-child {
  margin-top: 0;
}

.p-taxfree-exemption-box__content p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-taxfree-exemption-box__content {
    padding: 20px 80px;
    font-size: 1.38461538rem;
  }
  .p-taxfree-exemption-box__heading + .p-taxfree-exemption-box__content {
    flex-basis: calc(100% - 280px);
  }
}

.p-taxfree-section--stores {
  margin: -128px 0 0;
  padding: 128px 0 0;
}

@media screen and (min-width: 768px) {
  .p-taxfree-section--stores {
    margin-top: -272px;
    padding-top: 272px;
  }
}

.p-taxfree-section--stores .sp-btn-stores {
  width: 96.875%;
  /*620/640*/
  margin: 0 auto;
}

.p-taxfree-section--stores .pc-btn-stores {
  display: none;
}

.p-taxfree-section--stores #stores {
  margin: 7.8125% 0;
  /*50 0/640*/
}

.p-taxfree-section--stores #stores h1 {
  border-bottom: 5px solid #000;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 4px 0;
}

.p-taxfree-section--stores #map-box {
  position: relative;
}

.p-taxfree-section--stores #map-box ul {
  padding: 0;
  list-style: none;
}

.p-taxfree-section--stores #pc-select-area {
  display: none;
}

.p-taxfree-section--stores #store-map ul {
  margin: 0;
}

.p-taxfree-section--stores #store-map li {
  display: none;
}

.p-taxfree-section--stores #store-map li#map-kanto {
  display: block;
}

.p-taxfree-section--stores #sp-select-area {
  width: 96.875%;
  /*620/640*/
  margin: 0 auto;
}

.p-taxfree-section--stores #sp-select-area p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 4px 0;
}

.p-taxfree-section--stores #sp-select-area select {
  width: 100%;
  font-size: 16px;
}

.p-taxfree-section--stores #store-list {
  padding-top: 4.03225%;
  /*25/620*/
}

.p-taxfree-section--stores #store-list div {
  display: none;
}

.p-taxfree-section--stores #store-list div#tokyo {
  display: block;
}

.p-taxfree-section--stores .pc-pref-ttl {
  display: none;
}

.p-taxfree-section--stores #store-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-taxfree-section--stores #store-list li {
  padding: 10px;
  font-weight: bold;
}

.p-taxfree-section--stores #store-list li:nth-child(even) {
  background-color: #eff3f6;
}

.p-taxfree-section--stores #store-list li.pc-th {
  display: none;
}

.p-taxfree-section--stores #store-list li span {
  display: block;
  padding-left: 60px;
  background-size: 41px 14px;
  margin-bottom: 5px;
}

.p-taxfree-section--stores span.store {
  background: url(../img/taxfree/text_label_store_01.png) no-repeat 0 center;
  color: #025193;
}

.p-taxfree-section--stores span.add {
  background: url(../img/taxfree/text_label_add_01.png) no-repeat 0 center;
}

.p-taxfree-section--stores span.tel {
  background: url(../img/taxfree/text_label_tel_01.png) no-repeat 0 center;
}

@media screen and (min-width: 768px) {
  .p-taxfree-section--stores .sp-btn-stores {
    display: none;
  }
  .p-taxfree-section--stores .pc-btn-stores {
    display: block;
    text-align: center;
    line-height: 0;
  }
  .p-taxfree-section--stores #stores {
    margin-top: 140px;
  }
  .p-taxfree-section--stores #stores h1 {
    border-bottom: 8px solid #000;
    font-size: 42px;
    font-weight: normal;
    padding: 23px 0;
  }
  .p-taxfree-section--stores #map-box {
    overflow: auto;
  }
  .p-taxfree-section--stores #store-map {
    margin-bottom: 120px;
  }
  .p-taxfree-section--stores #store-map ul {
    width: 1050px;
  }
  .p-taxfree-section--stores #store-map li img {
    max-width: none;
  }
  .p-taxfree-section--stores #sp-select-area {
    display: none;
  }
  .p-taxfree-section--stores #pc-select-area {
    display: block;
    position: absolute;
  }
  .p-taxfree-section--stores #pc-label-tohoku {
    position: absolute;
    width: 280px;
    top: 124px;
    left: 340px;
  }
  .p-taxfree-section--stores #pc-label-kanto {
    position: absolute;
    width: 280px;
    top: 490px;
    left: 750px;
  }
  .p-taxfree-section--stores #pc-label-chubu {
    position: absolute;
    width: 280px;
    top: 744px;
    left: 290px;
  }
  .p-taxfree-section--stores #pc-label-kinki {
    position: absolute;
    width: 280px;
    top: 370px;
    left: 37px;
  }
  .p-taxfree-section--stores #pc-label-kyushu {
    position: absolute;
    width: 280px;
    top: 310px;
    left: 0;
  }
  .p-taxfree-section--stores #pc-select-area h2 {
    margin: 0 0 10px;
  }
  .p-taxfree-section--stores #pc-select-area li {
    float: left;
    width: 140px;
    font-size: 16px;
    color: #8d8d8d;
    margin-bottom: 10px;
    background: url(../img/taxfree/icon_arrow_01.png) no-repeat left center;
    padding-left: 20px;
    cursor: pointer;
  }
  .p-taxfree-section--stores #pc-select-area li.active {
    color: #cccccc;
    background: url(../img/taxfree/icon_arrow_02.png) no-repeat left center;
  }
  .p-taxfree-section--stores #store-list {
    padding-top: 4.03225%;
    /*25/620*/
  }
  .p-taxfree-section--stores #store-list div {
    display: none;
  }
  .p-taxfree-section--stores #store-list div#tokyo {
    display: block;
  }
  .p-taxfree-section--stores .pc-pref-ttl {
    display: block;
    font-size: 30px;
    background-color: #dbdbdb;
    padding: 30px 20px;
    margin-bottom: 30px;
  }
  .p-taxfree-section--stores .pc-pref-ttl span {
    font-size: 38px;
  }
  .p-taxfree-section--stores #store-list ul {
    margin-bottom: 50px;
  }
  .p-taxfree-section--stores #store-list li {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    border-left: 3px solid #d1d1d1;
    border-right: 3px solid #d1d1d1;
    border-bottom: 3px solid #d1d1d1;
    display: table;
  }
  .p-taxfree-section--stores #store-list li:nth-child(even) {
    background-color: #ffffff;
  }
  .p-taxfree-section--stores #store-list li span {
    display: block;
    padding-left: 0;
    display: table-cell;
    padding: 10px 20px;
    vertical-align: middle;
    font-size: 14.5px;
  }
  .p-taxfree-section--stores #store-list li.pc-th {
    display: block;
    background-color: #025193 !important;
    border-bottom: 3px solid #d1d1d1;
    border-left: none !important;
    border-right: none !important;
  }
  .p-taxfree-section--stores #store-list li.pc-th span {
    color: #fff !important;
  }
  .p-taxfree-section--stores span.store {
    background: none;
    width: 260px;
  }
  .p-taxfree-section--stores span.add {
    background: none;
    width: 510px;
  }
  .p-taxfree-section--stores span.tel {
    background: none;
  }
}

/* ======================================== */
/* メディアクエリ切替 */
/* ======================================== */
.p-media-queries {
  display: none;
  font-family: 'sp';
}

@media screen and (min-width: 768px) {
  .p-media-queries {
    font-family: 'pc';
  }
}

@media screen and (min-width: 768px) and (max-width: 1049px) {
  .p-media-queries {
    font-family: 'tb';
  }
}

/* ======================================== */
/* 画面幅による表示切替 */
/* ======================================== */
@media screen and (min-width: 768px) {
  .u-sp-only {
    display: none !important;
  }
}

@media screen and (min-width: 1050px) {
  .u-tb-only {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .u-tb-only {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1049px) {
  .u-tb-hide {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pc-only {
    display: none !important;
  }
}

@media screen and (min-width: 1050px) {
  .u-pc-hide {
    display: none !important;
  }
}

/* ======================================== */
/* マージン */
/* ======================================== */
.u-mt-0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* スマホマージン */
@media screen and (max-width: 767px) {
  .u-sp-mt-0 {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-0 {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-0 {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-10 {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-10 {
    margin-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-10 {
    margin-left: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-20 {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-20 {
    margin-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-20 {
    margin-left: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-30 {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-30 {
    margin-right: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-30 {
    margin-left: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-40 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-40 {
    margin-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-40 {
    margin-left: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-50 {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-50 {
    margin-right: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-50 {
    margin-left: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-60 {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-60 {
    margin-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-60 {
    margin-left: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-70 {
    margin-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-70 {
    margin-right: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-70 {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-70 {
    margin-left: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-80 {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-80 {
    margin-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-80 {
    margin-left: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-90 {
    margin-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-90 {
    margin-right: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-90 {
    margin-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-90 {
    margin-left: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mt-100 {
    margin-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mr-100 {
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-mb-100 {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-ml-100 {
    margin-left: 100px !important;
  }
}

/* ======================================== */
/* フロート */
/* ======================================== */
.u-float-left {
  float: left !important;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0;
}

.u-float-right {
  float: right !important;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}

.u-clear {
  clear: both !important;
}

.u-clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* ======================================== */
/* テキスト配置 */
/* ======================================== */
.u-align-left {
  text-align: left !important;
}

.u-align-center {
  text-align: center !important;
}

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

.u-valign-top {
  vertical-align: top !important;
}

.u-valign-middle {
  vertical-align: middle !important;
}

.u-valign-bottom {
  vertical-align: bottom !important;
}

/* ======================================== */
/* 文字スタイル */
/* ======================================== */
.u-text-smaller {
  font-size: .75em !important;
}

.u-text-small {
  font-size: .875em !important;
}

.u-text-large {
  font-size: 1.125em !important;
}

.u-text-larger {
  font-size: 1.3125em !important;
}

.u-text-weight-normal {
  font-weight: normal !important;
}

.u-text-weight-bold {
  font-weight: bold !important;
}

.u-text-underline {
  text-decoration: underline !important;
}

.u-text-red {
  color: #f00 !important;
}

/* ======================================== */
/* 改行なし */
/* ======================================== */
.u-nowrap {
  white-space: nowrap !important;
}

/* ======================================== */
/* スマホ表示時の画像幅指定 */
/* ======================================== */
@media screen and (max-width: 767px) {
  .u-sp-width-50 {
    max-width: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-100 {
    max-width: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-150 {
    max-width: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-200 {
    max-width: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-250 {
    max-width: 250px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-300 {
    max-width: 300px !important;
  }
}

/* ======================================== */
/* フルードイメージ */
/* ======================================== */
.u-fluid-image {
  width: 100%;
  height: auto;
  vertical-align: top;
}

/* 20210212追記 */
@media screen and (min-width: 768px) {

.p-index-payment-box{
  border: none;
}

.p-index-payment-box__heading{
  border-top: 4px solid #025193;
  border-bottom: 1px solid #DDDDDD;
}

.p-index-content-block__heading + .p-index-content-block__heading-under-txt{
  text-align: center;
  font-size: 13px;
  margin: -30px 0 34px;
}
.p-index-payment-box__name{
  display: flex;
  align-items: center;
}
.p-index-payment-box__name img{
  margin: 0 13px 0 0;
}

.p-index-payment-box__list-ttl{
  text-align: center;
  margin: 0 auto -30px;
}
.p-index-payment-list--6{
  justify-content: center;
}

.p-index-payment-list--5{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  list-style-type: none;
  padding: 0;
}
.p-index-payment-box:first-of-type .p-index-payment-list--5{
  justify-content: space-between;
}
.p-index-payment-list__item{
  text-align: center;

}
.p-index-payment-list__item span{
  display: block;

}



.p-index-payment-list--5 .p-index-payment-list__item{
  max-width: calc(100% / 5);
  flex-basis: calc(100% /5)
}

.p-index-payment-list__item img{
  margin: 0 0 10px;
}
.p-index-payment-list-border{
  padding: 0 16px;
  border: 1px solid #707070;
  border-radius: 17px;
}
_:-ms-lang(x)::-ms-backdrop, .p-index-payment-list--6 .p-index-payment-list__item {
        max-width: calc(100% /6 - 1px);
}

.p-index-payment-list--6 .p-index-payment-list__item img{
  width: 100%;
  max-width: none;
}
.p-index-payment-box-list-wrap{
  max-width: 872px;
  margin: 0 auto;
}
.p-index-payment-box:not(.is-opened) .p-index-payment-box-list-wrap{
  display: none;

}
.p-index-payment-list-txt{
  text-align: right;
  font-size: 16px;
}
.p-index-payment-box__heading{
  transform: none;
  position: static;
  padding: 0;
  left: 0;
  width: 100%;
}
.p-index-payment-box__heading a{
  color: #000;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 498px;
  margin: 0 auto;
  padding: 7px 0;
}
.p-index-payment-box .btn_close{
  display: none;
}
.p-index-payment-box .btn_open{
  display: block;
}


.p-index-payment-box.is-opened .btn_close{
  display: block;
}
.p-index-payment-box.is-opened .btn_open{
  display: none;
}


}

@media screen and (max-width: 767px) {
.p-index-content-block__heading-under-txt{
  text-align: center;
}
.p-index-payment {
    margin: 0 -12px;
}
.p-index-payment-box{
  position: relative;
  border: none;
  margin: 0 0 2px;
  padding: 0 0 60px;
  margin: 0 0 50px;
}
.p-index-payment-box__heading{
  transform: none;
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 4px solid #025193;

}
.p-index-payment-box__heading a{
  display: block;
  padding: 10px 0 0 0;
  color: #000;
  text-decoration: none;
}
.p-index-payment-box__name{
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-index-payment-box__name img{
  margin: 0 13px 0 0;

}
.p-index-payment-box-list-wrap{
  margin: 0 12px 50px;
}
.p-index-payment-box:not(.is-opened) .p-index-payment-box-list-wrap{
  display: none;
}

.p-index-payment-box__list-ttl{
  text-align: center;
  margin: 0 auto -27px;
}

.p-index-payment-list--5,.p-index-payment-list--6{
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 20px 0 36px;
  padding: 0 10px;
}
.p-index-payment-list-border{
  border: 1px solid #707070;
  padding: 20px 0 30px;
}
.p-index-payment-list-txt{
  text-align: center;
  font-size: 13px;
  margin: 23px 0 0;
}

.p-index-payment-list-border .p-index-payment-list--5,.p-index-payment-list-border .p-index-payment-list--6{
  margin: 0;
}
.p-index-payment-list__item{
  text-align: center;
  width: calc(100% / 3);
  margin: 0 0 13px;
}
.p-index-payment-list--6 .p-index-payment-list__item img{
  max-width: 100%;
  max-height: 62px;
}
.p-index-payment-list--5 .p-index-payment-list__item img{
  max-width: 100%;
  max-height: 62px;
}

.p-index-payment-list__item span{
  display: block;
  text-align: center;
  font-size: 13px;
}

.p-index-payment-box__btn{
  position: absolute;
  bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 147px;
}

.p-index-payment-box .btn_close{
  display: none;
}
.p-index-payment-box .btn_open{
  display: block;
}

.p-index-payment-box.is-opened .btn_close{
  display: block;
}
.p-index-payment-box.is-opened .btn_open{
  display: none;
}

}


/* .p-index-payment-box__label {
margin: 0;
font-size: .92307692rem;
font-weight: normal;
text-align: center;
}

.p-index-payment-box__label a {
position: relative;
display: block;
padding: 12px 40px;
background: #025193;
color: #fff;
text-decoration: none;
} */
}