html {
  color: #000;
  background: #fff;
  -webkit-font-smoothing: antialiased
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
xmp {
  margin: 0;
  padding: 0
}

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

fieldset,
img {
  border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal
}

ol,
ul {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

q:before,
q:after {
  content: ""
}

abbr,
acronym {
  border: 0;
  font-variant: normal
}

sup {
  vertical-align: text-top
}

sub {
  vertical-align: text-bottom
}

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

legend {
  color: #000
}

input,
select,
textarea,
button {
  outline: none
}

*,
*:before,
*:after {
  box-sizing: border-box;
  min-height: 0%
}

body {
  color: #000;
  -webkit-text-size-adjust: 100%
}

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

html {
  min-height: 100vh;
  min-width: 360px;
  display: flex
}

body {
  color: #666;
  font-size: 16px;
  display: flex;
  flex: auto;
  min-width: 10px;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  background: #fff
}

p {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: .04em;
  word-break: break-all
}

@media screen and (max-width: 480px) {
  p {
      line-height: 1.71429em
  }
}

a {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  text-decoration: none;
  cursor: pointer
}

::selection {
  color: #fff;
  background: #ccc
}

.br--tablet {
  display: none
}

@media screen and (max-width: 768px) {
  .br--tablet {
      display: block
  }
}

.br--spWide {
  display: none
}

@media screen and (max-width: 560px) {
  .br--spWide {
      display: block
  }
}

.br--sp {
  display: none
}

@media screen and (max-width: 480px) {
  .br--sp {
      display: block
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.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 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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
}

.slick-slide:focus {
  outline: 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 rgba(0, 0, 0, 0)
}

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

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal
}

.slick-prev,
.slick-next {
  display: block;
  height: 40px;
  width: 40px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  padding: 0;
  border: none;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0)
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
  border-color: #cbcfd5
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25
}

.slick-prev:before,
.slick-next:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e5e9ee;
  background: #fff;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: blue;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: 0
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  background: #fff url(https://jibunde-esute.com/img/web/home/icon__arrow--left.svg);
  background-size: 16px 16px !important
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: 0
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  background: #fff url(https://jibunde-esute.com/img/web/home/icon__arrow--right.svg);
  background-size: 16px 16px !important
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: rgba(0, 0, 0, 0);
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.pswp img {
  max-width: none
}

.pswp--animate_opacity {
  opacity: .001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
  display: block
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
  background: #222
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: .75;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  -webkit-box-shadow: none;
  box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1
}

.pswp__button:active {
  outline: none;
  opacity: .9
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../img/common/library/photoSwipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px
}

@media(-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {

  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
      background-image: url(../img/common/library/photoSwipe/default-skin.svg)
  }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
      background: none
  }
}

.pswp__button--close {
  background-position: 0 -44px
}

.pswp__button--share {
  background-position: -44px -44px
}

.pswp__button--fs {
  display: none
}

.pswp--supports-fs .pswp__button--fs {
  display: block
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute
}

.pswp__button--arrow--left {
  left: 0
}

.pswp__button--arrow--right {
  right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, .3);
  height: 30px;
  width: 32px;
  position: absolute
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity
}

.pswp__share-modal--hidden {
  display: none
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s;
  -webkit-backface-visibility: hidden;
  will-change: transform
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
  opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d
}

a.pswp__share--download:hover {
  background: #ddd
}

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: .75;
  padding: 0 10px
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px
}

.pswp__caption small {
  font-size: 11px;
  color: #bbb
}

.pswp__caption__center {
  color: #eee;
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 16px;
  padding: 16px;
  line-height: 20px
}

.pswp__caption__center .description {
  display: block;
  color: #fff !important;
  margin: 8px 0 0
}

.pswp__caption--empty {
  display: none
}

.pswp__caption--fake {
  visibility: hidden
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  will-change: opacity;
  direction: ltr
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px
}

.pswp__preloader--active {
  opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url(../img/common/library/photoSwipe/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: .75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
      position: relative;
      left: auto;
      top: auto;
      margin: 0;
      float: right
  }
}

@-webkit-keyframes clockwise {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes clockwise {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@-webkit-keyframes donut-rotate {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  50% {
      -webkit-transform: rotate(-140deg);
      transform: rotate(-140deg)
  }

  100% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }
}

@keyframes donut-rotate {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  50% {
      -webkit-transform: rotate(-140deg);
      transform: rotate(-140deg)
  }

  100% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }
}

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__top-bar {
  opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none
}

.pswp__element--disabled {
  display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
  background: none
}

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

.remodal,
[data-remodal-id] {
  display: none
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none
}

.remodal-wrapper {
  min-height: 750px;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 10000;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px;
  margin: 0 0 40px;
  display: none;
  text-align: center;
  -webkit-overflow-scrolling: touch
}

@media screen and (max-width: 560px) {
  .remodal-wrapper {
      min-height: auto;
      margin: 0;
      padding: 0 8px;
      top: 0
  }
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""
}

.remodal-wrapper--fit {
  top: 0;
  margin: 0;
  overflow: auto;
  min-height: auto
}

.remodal-wrapper--fit .p-remodal {
  max-height: none
}

@media screen and (max-width: 480px) {
  .remodal-wrapper--fit .p-remodal {
      padding: 24px 0px 12px
  }
}

@media screen and (max-width: 480px) {
  .remodal-wrapper--fit .p-remodal--space {
      padding: 24px 16px 12px
  }
}

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

.remodal-is-initialized {
  display: inline-block
}

.p-remodal {
  max-height: 100%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  display: none
}

.remodal-is-opened .p-remodal {
  display: inline-flex
}

.p-remodal--select .p-remodal__head__title {
  text-align: center;
  letter-spacing: .1rem
}

.p-remodal--select .p-remodal__head {
  border-bottom: 1px solid #999
}

.p-remodal--select .p-remodal__contents {
  padding: 0
}

.p-remodal--select .p-remodal__foot {
  border-top: 1px solid #999;
  padding: 24px 16px
}

.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button,
.p-remodal--select .p-remodal__foot .p-buttonWrap .p-home__middleNav__button,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--small,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--full,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--line,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--weak,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--inlineArrow,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--inline,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--form,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--action,
.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--accent {
  width: auto;
  min-width: 240px
}

.p-remodal--select .p-remodal__foot .p-buttonWrap .c-button--cancel {
  color: #929292;
  border-color: #929292
}

.p-remodal--select .p-remodal__foot .l-12__fix50 {
  margin-left: 24px
}

.p-remodal--select .p-remodal__foot .l-12__fix100 input {
  text-align: right
}

.p-remodal--select .p-remodal__foot .l-12__fix140 input {
  text-align: right
}

.p-remodal--select .p-table__other {
  padding: 4px 8px 8px
}

.p-remodal--select .p-table__other__item__total {
  display: flex;
  align-items: baseline;
  justify-content: flex-end
}

.p-remodal--select .p-table__other__item__total__price {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin: 0 8px
}

.p-remodal--select .p-table__item {
  padding: 4px;
  font-size: 12px
}

.p-remodal--select .p-table .p-table__tableHead .p-table__item {
  font-size: 12px;
  color: #91a6be;
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  border-left: solid 1px rgba(145, 166, 191, .3);
  min-height: 36px;
  padding-left: 8px
}

.p-remodal--select .p-table__data input {
  height: 32px;
  text-align: right
}

.p-remodal--column {
  flex-direction: column
}

.p-remodal__layout {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  border: 1px solid #e5e9ee;
  box-shadow: 0px 2px 12px -4px rgba(156, 159, 170, .3960784314);
  background: #fff;
  margin: auto
}

.p-remodal__layout--480 {
  max-width: 480px
}

.p-remodal__layout--subscription {
  border-radius: 8px;
  padding: 10px;
  height: 100%
}

.p-remodal__layout--campaign {
  border: none
}

.p-remodal__layout--campaign--rental>form {
  background: #ea738e;
  padding: 4px
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign {
  background: #ea738e;
  border: solid 1px #fff;
  padding: 4px
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body {
  padding: 10px 8px
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body:before {
  display: none
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action__title {
  font-size: 16px;
  font-weight: 900;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action__title span {
  font-size: 23px;
  margin: 2px 0 0;
  display: inline-block
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action__title span strong {
  font-size: 34px;
  font-family: "Lato", sans-serif;
  font-weight: 900
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action__title span strong small {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif
}

.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action .p-buttonWrap .c-button--main,
.p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action .p-buttonWrap .p-pagination__list__button {
  font-size: 21px;
  font-weight: 900;
  font-family: "Lato", "Noto Sans JP", sans-serif;
  box-shadow: 0 4px 8px #bd6a7c
}

@media screen and (max-width: 480px) {

  .p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action .p-buttonWrap .c-button--main,
  .p-remodal__layout--campaign--rental>form .p-remodal__campaign__body__action .p-buttonWrap .p-pagination__list__button {
      font-size: 19px
  }
}

.p-remodal__form {
  display: flex;
  flex-direction: column
}

.p-remodal__scroll {
  max-height: 100%;
  overflow: auto;
  flex: auto;
  min-width: 0
}

.p-remodal__scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.p-remodal__scroll::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #f2f4f7
}

.p-remodal__scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #0a2372
}

.p-remodal__head {
  width: 100%;
  flex: none;
  padding: 24px;
  border-bottom: 1px solid #f7f2f2
}

.p-remodal__head__description {
  font-size: 13px;
  margin: .5rem 0 0
}

.p-remodal__middle {
  padding: 12px 24px;
  border-bottom: 1px solid #f7f2f2;
  flex: none;
  margin-bottom: -1px
}

.p-remodal__body {
  width: 100%;
  min-height: 240px
}

.p-remodal__body--heightAuto {
  min-height: 0
}

.p-remodal__body__shop__info {
  padding: 12px 16px;
  text-align: center;
  border-bottom: 1px solid #f7f2f2
}

.p-remodal__body__shop .p-form {
  padding: 16px 16px 24px;
  max-width: 280px;
  margin: auto
}

.p-remodal__body__shop .p-form__title {
  color: #444;
  font-weight: 600;
  margin: 0 0 4px
}

.p-remodal__contents {
  text-align: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 24px 24px 36px
}

@media screen and (max-width: 480px) {
  .p-remodal__contents {
      padding: 24px 16px 36px
  }
}

.p-remodal__contents--thin {
  padding: 1.5rem .5rem .5rem
}

.p-remodal__foot {
  width: 100%;
  flex: none;
  border-top: 1px solid #f7f2f2;
  padding: 24px
}

@media screen and (max-width: 480px) {
  .p-remodal__foot {
      padding: 20px 16px
  }
}

.p-remodal__foot--thin {
  padding: 16px
}

.p-remodal__foot .p-buttonWrap {
  justify-content: center
}

.p-remodal__foot .p-buttonWrap .c-button,
.p-remodal__foot .p-buttonWrap .p-home__middleNav__button,
.p-remodal__foot .p-buttonWrap .c-button--small,
.p-remodal__foot .p-buttonWrap .c-button--full,
.p-remodal__foot .p-buttonWrap .c-button--line,
.p-remodal__foot .p-buttonWrap .c-button--weak,
.p-remodal__foot .p-buttonWrap .c-button--inlineArrow,
.p-remodal__foot .p-buttonWrap .c-button--inline,
.p-remodal__foot .p-buttonWrap .c-button--form,
.p-remodal__foot .p-buttonWrap .c-button--action,
.p-remodal__foot .p-buttonWrap .c-button--accent {
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  min-width: 120px;
  width: 100%;
  border-radius: 4px;
  padding: 0 24px;
  justify-content: center
}

@media screen and (max-width: 480px) {

  .p-remodal__foot .p-buttonWrap .c-button,
  .p-remodal__foot .p-buttonWrap .p-home__middleNav__button,
  .p-remodal__foot .p-buttonWrap .c-button--small,
  .p-remodal__foot .p-buttonWrap .c-button--full,
  .p-remodal__foot .p-buttonWrap .c-button--line,
  .p-remodal__foot .p-buttonWrap .c-button--weak,
  .p-remodal__foot .p-buttonWrap .c-button--inlineArrow,
  .p-remodal__foot .p-buttonWrap .c-button--inline,
  .p-remodal__foot .p-buttonWrap .c-button--form,
  .p-remodal__foot .p-buttonWrap .c-button--action,
  .p-remodal__foot .p-buttonWrap .c-button--accent {
      padding: 0 16px
  }
}

.p-remodal__foot .p-buttonWrap .c-button--prev {
  color: #7f8391;
  border-color: #e5e9ee
}

.p-remodal__foot .p-buttonWrap .c-button--next {
  color: #fff;
  border-color: #1a73e8;
  background-color: #1a73e8
}

.p-remodal__foot .p-buttonWrap .c-button--next span {
  display: inline-block;
  font-size: 12px;
  margin: 0 0 0 .5em
}

.p-remodal__foot .p-buttonWrap .c-button--checkout {
  padding: 0 8px;
  min-width: 150px
}

.p-remodal__foot .p-buttonWrap .c-button--narrow {
  padding: 0;
  min-width: auto;
  color: #666
}

.p-remodal.remodal-is-opened {
  opacity: 1;
  pointer-events: all
}

.p-remodal__closeButton {
  position: absolute;
  top: 14px;
  right: 4px;
  z-index: 1;
  display: block;
  overflow: visible;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color .2s;
  transition: color .2s;
  text-decoration: none;
  border: 0;
  outline: 0;
  border-radius: 50%;
  background-color: #f2f4f6;
  background-image: url(https://jibunde-esute.com/img/web/modal/close.png);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, .2);
  border: solid 1px #c9cbd5
}

.p-remodal__closeButton:hover,
.p-remodal__closeButton:focus {
  color: #2b2e38
}

.p-remodal__closeButton:before {
  display: none
}

.p-remodal__campaign {
  position: relative;
  background: #db5a77
}

.p-remodal__campaign__head {
  padding: 0;
  position: relative;
  border-radius: 8px 8px 0 0
}

.p-remodal__campaign__head:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 14px 0 14px;
  border-color: #e8617f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  display: none
}

.p-remodal__campaign__head__image {
  height: auto;
  width: 100%;
  display: block;
  margin: auto
}

.p-remodal__campaign__body {
  padding: 24px 24px 32px;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-remodal__campaign__body {
      padding: 16px 18px 20px
  }
}

.p-remodal__campaign__body:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -36%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.p-remodal__campaign__body__info__title {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: #fff
}

.p-remodal__campaign__body__info__title:before,
.p-remodal__campaign__body__info__title:after {
  content: "";
  width: 2px;
  height: 14px;
  background: #fff;
  margin: 0 8px 0 0;
  transform: rotate(-6deg)
}

.p-remodal__campaign__body__info__title:after {
  margin: 0 0 0 8px;
  transform: rotate(6deg)
}

.p-remodal__campaign__body__info__description {
  font-size: 13px;
  line-height: 1.3rem;
  margin: 10px 0 0
}

.p-remodal__campaign__body__info .c-input--date {
  width: 100%
}

.p-remodal__campaign__body__action__title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  line-height: 1.5em
}

.p-remodal__campaign__body__action__title>small {
  font-size: 16px;
  display: block;
  margin: 0 0 4px
}

.p-remodal__campaign__body__action__title strong {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  margin: 0 4px
}

.p-remodal__campaign__body__action__title strong small {
  font-size: 18px;
  font-weight: 800
}

.p-remodal__campaign__body__action .p-buttonWrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 8px
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--main,
.p-remodal__campaign__body__action .p-buttonWrap .p-pagination__list__button {
  height: 72px;
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  justify-content: center;
  border-radius: 8px;
  border: solid 2px #fff;
  color: #f8f250;
  flex-direction: column;
  line-height: 1;
  position: relative;
  background: #1e5799;
  background: -moz-linear-gradient(top, #62BA56 0%, #88DD7C 6%, #5FBA53 28%, #53AD48 50%, #217117 100%);
  background: -webkit-linear-gradient(top, #62BA56 0%, #88DD7C 6%, #5FBA53 28%, #53AD48 50%, #217117 100%);
  background: linear-gradient(to bottom, #62BA56 0%, #88DD7C 6%, #5FBA53 28%, #53AD48 50%, #217117 100%);
  box-shadow: 0 4px 8px #d24362
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--main:hover,
.p-remodal__campaign__body__action .p-buttonWrap .p-pagination__list__button:hover {
  opacity: .8
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--main:after,
.p-remodal__campaign__body__action .p-buttonWrap .p-pagination__list__button:after {
  content: "";
  width: 12px;
  height: 9px;
  background: url(https://jibunde-esute.com/img/web/registration/ico_arrow.svg) no-repeat center;
  background-size: contain;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%) rotate(-90deg);
  position: absolute;
  display: none
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--main small,
.p-remodal__campaign__body__action .p-buttonWrap .p-pagination__list__button small {
  margin: 5px 0 0;
  color: #e70012
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--text {
  margin-top: 6px;
  padding: 0;
  justify-content: center;
  width: 100%;
  color: #222;
  font-size: 13px;
  font-weight: 600;
  border: solid 1px #ffe634;
  height: 40px;
  justify-content: center;
  background: #ffe634;
  position: relative
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--text:after {
  content: "";
  width: 12px;
  height: 9px;
  background: url(https://jibunde-esute.com/img/web/registration/ico_arrow.svg) no-repeat center;
  background-size: contain;
  margin: 0 0 0 6px;
  transform: translate(0, -50%) rotate(-90deg);
  opacity: .8;
  position: absolute;
  right: 16px;
  top: 50%
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--text:hover {
  background: #f5f5f5
}

.p-remodal__campaign__body__action .p-buttonWrap .c-button--text b {
  color: #e93b3b;
  display: inline-block;
  margin: 0 2px 0 0;
  font-size: 16px;
  font-weight: 800
}

.p-remodal__campaign__body__action .annotation {
  margin: 16px 0 0;
  padding: 8px;
  max-height: 80px;
  overflow: auto;
  background: rgba(255, 255, 255, .1)
}

.p-remodal__campaign__body__action .annotation::-webkit-scrollbar {
  width: 6px;
  height: 6px
}

.p-remodal__campaign__body__action .annotation::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #e8738d
}

.p-remodal__campaign__body__action .annotation::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #f0a1a1
}

.p-remodal__campaign__body__action .annotation p {
  font-size: 11px;
  color: #582828
}

.p-remodal__campaign__shops {
  opacity: 0;
  overflow: hidden;
  height: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  padding: 24px 32px 32px;
  border: solid 1px #d1dae3;
  border-radius: 16px 16px 8px 8px;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
  transition: all .2s ease;
  pointer-events: none
}

.p-remodal__campaign__shops.view {
  opacity: 1;
  height: auto;
  pointer-events: all
}

.p-remodal__campaign__shops__head .ttl {
  text-align: center;
  color: #444;
  font-weight: 600
}

.p-remodal__campaign__shops__body .p-remodal__body__shop .p-form {
  padding: 16px 0px 24px
}

.p-remodal__campaign__shops__body .p-remodal__body__shop .p-form__title {
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: .04em;
  color: #666
}

.p-remodal__campaign__shops__body .p-remodal__body__shop .p-form__list__item .label {
  color: #666;
  font-weight: 400;
  font-size: 12px
}

.p-remodal__campaign__shops__body .p-remodal__body__shop__info {
  text-align: left;
  padding: 12px 0px;
  border-color: #eee
}

.p-remodal__campaign__shops__foot .p-buttonWrap {
  display: flex;
  margin: -2px;
  align-items: center
}

.p-remodal__campaign__shops__foot .p-buttonWrap .c-button,
.p-remodal__campaign__shops__foot .p-buttonWrap .p-home__middleNav__button,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--small,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--full,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--line,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--weak,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--inlineArrow,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--inline,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--form,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--action,
.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--accent {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .04em;
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
  height: 40px;
  padding: 0 16px;
  margin: 2px
}

.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--text {
  flex: 0 0 auto;
  min-width: 100px;
  border: solid 1px #ddd;
  height: 40px;
  justify-content: center
}

.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--form {
  flex: auto;
  justify-content: center;
  font-weight: 600;
  color: #fff;
  border: 1px solid #3577c4;
  background: #3577c4
}

.p-remodal__campaign__shops__foot .p-buttonWrap .c-button--form:hover {
  color: #fff;
  border-color: #345f92;
  background: #345f92
}

.p-remodal__campaign--anniversary {
  background: #ef6d91
}

.p-remodal__campaign--anniversary .p-remodal__campaign__head__image {
  width: 100%;
  background: url(https://jibunde-esute.com/img/web/home/p-modal__campaign__head__image-5th_anniversary.webp);
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.p-remodal__campaign--anniversary .p-remodal__campaign__head__image:hover {
  background: url(https://jibunde-esute.com/img/web/home/p-modal__campaign__head__image-5th_anniversary--hover.webp)
}

.p-remodal__campaign--anniversary .p-remodal__campaign__head__image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 115%
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body {
  padding: 0 18px 24px
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body:before {
  display: none
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap {
  margin-top: 0
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .p-home__middleNav__button,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--small,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--full,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--line,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--weak,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inlineArrow,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inline,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--form,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--action,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--accent {
  background: #f8f250;
  background: -moz-linear-gradient(top, #faf063 0%, #f8f31e 6%, #f5eb0d 28%, #eee10f 50%, #ecdc16 100%);
  background: -webkit-linear-gradient(top, #faf063 0%, #f8f31e 6%, #f5eb0d 28%, #eee10f 50%, #ecdc16 100%);
  background: linear-gradient(to bottom, #faf063 0%, #f8f31e 6%, #f5eb0d 28%, #eee10f 50%, #ecdc16 100%);
  color: #222;
  display: flex;
  flex-direction: row;
  font-weight: 800;
  font-size: 22px;
  padding: 6px 16px 0 0;
  box-shadow: 0 4px 8px rgba(84, 80, 34, .3);
  position: relative
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .p-home__middleNav__button:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--small:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--full:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--line:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--weak:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inlineArrow:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inline:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--form:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--action:after,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--accent:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #222;
  display: block
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .p-home__middleNav__button strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--small strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--full strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--line strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--weak strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inlineArrow strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inline strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--form strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--action strong,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--accent strong {
  font-weight: 800;
  font-size: 44px;
  margin: -6px 0 0
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .p-home__middleNav__button b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--small b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--full b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--line b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--weak b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inlineArrow b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--inline b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--form b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--action b,
.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .p-buttonWrap .c-button--accent b {
  font-weight: 800;
  color: #ff1616
}

.p-remodal__campaign--anniversary .p-remodal__campaign__body__action .annotation {
  margin: 0
}

.p-remodal__campaign--anniversary--rental .p-remodal__campaign__head__image {
  width: 100%;
  background: url(../img/common/campaign/p-modal__campaign__head__image-5th_anniversary--rental.webp)
}

.p-remodal__campaign--anniversary--rental .p-remodal__campaign__head__image:hover {
  background: url(../img/common/campaign/p-modal__campaign__head__image-5th_anniversary--rental--hover.webp)
}

.p-remodal__campaign--anniversary--rental .p-remodal__campaign__body>p {
  display: table;
  margin: -4px auto 12px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  line-height: 1.4em;
  text-align: center
}

.p-remodal__telList__item {
  font-size: 14px;
  padding-left: 20px;
  position: relative
}

.p-remodal__telList__item:before {
  content: "・";
  position: absolute;
  left: 7px;
  top: 1px
}

.p-remodal__telList__item .p-buttonWrap {
  margin-top: 8px
}

.p-remodal__telList__item+.p-remodal__telList__item {
  margin: 12px 0 0
}

.p-remodal--machineDetail.remodal-is-opened {
  display: flex;
  flex-direction: column
}

.p-remodal--machineDetail .p-buttonWrap .c-button--negative {
  height: 64px;
  flex: 0 0 auto;
  min-width: 80px;
  justify-content: center
}

@media screen and (max-width: 480px) {

  .p-remodal--idRegister .p-remodal__foot .c-button,
  .p-remodal--idRegister .p-remodal__foot .p-home__middleNav__button,
  .p-remodal--idRegister .p-remodal__foot .c-button--small,
  .p-remodal--idRegister .p-remodal__foot .c-button--full,
  .p-remodal--idRegister .p-remodal__foot .c-button--line,
  .p-remodal--idRegister .p-remodal__foot .c-button--weak,
  .p-remodal--idRegister .p-remodal__foot .c-button--inlineArrow,
  .p-remodal--idRegister .p-remodal__foot .c-button--inline,
  .p-remodal--idRegister .p-remodal__foot .c-button--form,
  .p-remodal--idRegister .p-remodal__foot .c-button--action,
  .p-remodal--idRegister .p-remodal__foot .c-button--accent {
      padding: 0 12px
  }
}

@media screen and (max-width: 480px) {
  .p-remodal--idRegister .p-remodal__foot .c-button--negative {
      min-width: 70px;
      padding: 0 12px;
      flex: 0 0 auto;
      width: auto
  }
}

.p-remodal__notPayment__head {
  margin: 0 0 1.25rem
}

.p-remodal__notPayment__head__title {
  font-size: 1.5rem;
  color: #e55555;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-remodal__notPayment__head__title:before {
  content: "";
  width: 26px;
  height: 24px;
  background: url(https://jibunde-esute.com/img/web/icon/alert.svg) no-repeat center;
  background-size: contain;
  margin: 0 0 1rem
}

.p-remodal__notPayment__body__description {
  font-size: 13px;
  line-height: 1.8em;
  color: #444
}

.p-remodal__notPayment__body__description+.p-remodal__notPayment__body__description {
  margin: 1rem 0 0
}

.p-remodal__notPayment__howto {
  margin: 2.25rem 0 0
}

.p-remodal__notPayment__howto__head {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: solid 1px #eee
}

.p-remodal__notPayment__howto__head__title {
  font-size: 14px;
  font-weight: 600;
  color: #444;
  display: flex;
  align-items: flex-end
}

.p-remodal__notPayment__howto__head__title:after {
  content: "";
  margin: 0 0 .45rem .5rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #ddd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.p-remodal__notPayment__howto__body p {
  font-size: 13px;
  line-height: 1.8em;
  color: #444
}

.p-remodal__userStatus {
  width: 88px;
  height: 88px;
  display: block;
  margin: 12px auto 20px;
  background: #eee
}

.p-remodal__userStatus--settlement {
  background: url(../img/web/icon/failure--settlement.png) no-repeat center;
  background-size: contain;
  opacity: .7
}

.p-remodal--confirm .p-remodal__layout {
  background: #fbf6f6;
  border-color: #f0d9d9
}

.p-remodal--confirm .p-remodal__head {
  border-color: #f0d9d9
}

.p-remodal--confirm .p-remodal__body>.title {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #f75768;
  background: #f9f259;
  padding: 12px 8px 10px;
  line-height: 1;
  margin: 0 0 12px;
  letter-spacing: 0
}

.p-remodal--confirm .p-remodal__body>.description {
  font-size: 13px;
  color: #f75768;
  font-weight: 500;
  line-height: 1.7em
}

.p-remodal--confirm .p-remodal__foot {
  border-color: #f0d9d9
}

.p-remodal--confirm .p-remodal__foot .c-button--narrow {
  color: #c8afaf;
  width: auto;
  flex: 0 0 auto;
  min-width: 100px
}

.p-remodal--320 {
  max-width: 320px !important;
  min-width: auto;
  width: 100%
}

.p-remodal--min {
  max-width: 360px !important;
  min-width: auto;
  width: 100%
}

.p-remodal--narrow {
  max-width: 480px !important;
  min-width: auto;
  width: 100%
}

.p-remodal--middle {
  max-width: 640px !important;
  min-width: auto;
  width: 100%
}

.p-remodal--840 {
  max-width: 840px !important;
  min-width: auto;
  width: 100%
}

.p-remodal--wide {
  max-width: 960px !important;
  min-width: auto;
  width: 100%
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

.remodal-overlay {
  background: rgba(0, 0, 0, .5);
  backdrop-filter: blur(1px)
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes
}

.remodal {
  box-sizing: border-box;
  width: 100%;
  padding: 24px 12px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38
}

@media screen and (max-width: 480px) {
  .remodal {
      padding: 24px 12px
  }
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes
}

.remodal,
.remodal-wrapper:after {
  vertical-align: middle
}

.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background .2s;
  transition: background .2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0
}

.remodal-confirm {
  color: #fff;
  background: #81c784
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a
}

.remodal-cancel {
  color: #fff;
  background: #e57373
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350
}

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      opacity: 0
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0)
  }
}

@keyframes remodal-opening-keyframes {
  from {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      opacity: 0
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0)
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  to {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0;
      -webkit-filter: blur(0);
      filter: blur(0)
  }
}

@keyframes remodal-closing-keyframes {
  from {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }

  to {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0;
      -webkit-filter: blur(0);
      filter: blur(0)
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.lt-ie9 .remodal-overlay {
  background: #2b2e38
}

.lt-ie9 .remodal {
  width: 700px
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-button-icon-only {
  text-indent: 0
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
  z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
  border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
  border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}

.ui-checkboxradio-disabled {
  pointer-events: none
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px .4em;
  margin: .5em 0 0 0;
  height: auto;
  border: 0
}

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333
}

.ui-widget-content a {
  color: #333
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold
}

.ui-widget-header a {
  color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-caret-1-n {
  background-position: 0 0
}

.ui-icon-caret-1-ne {
  background-position: -16px 0
}

.ui-icon-caret-1-e {
  background-position: -32px 0
}

.ui-icon-caret-1-se {
  background-position: -48px 0
}

.ui-icon-caret-1-s {
  background-position: -65px 0
}

.ui-icon-caret-1-sw {
  background-position: -80px 0
}

.ui-icon-caret-1-w {
  background-position: -96px 0
}

.ui-icon-caret-1-nw {
  background-position: -112px 0
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666
}

.l-body {
  min-height: 750px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 0
}

@media screen and (max-width: 480px) {
  .l-body {
      min-height: 580px
  }
}

.l-base {
  display: flex;
  flex: auto;
  min-width: 0;
  min-height: 640px
}

@media screen and (max-width: 1080px) {
  .l-base {
      min-height: 560px
  }
}

@media screen and (max-width: 768px) {
  .l-base {
      min-height: auto
  }
}

.l-header {
  height: 56px;
  position: relative
}

@media screen and (max-width: 560px) {
  .l-header {
      height: 48px
  }
}

.l-header--wide {
  height: 104px
}

@media screen and (max-width: 560px) {
  .l-header--wide {
      height: 96px
  }
}

.l-main {
  display: flex;
  flex: auto;
  min-width: 0
}

.l-container {
  max-width: 1160px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto
}

@media screen and (max-width: 480px) {
  .l-container {
      padding: 0 16px
  }
}

.l-container--full {
  max-width: none;
  padding: 0
}

.l-container--full .p-product_content__breadcrumbs--pc {
  padding: 8px 24px;
  margin: 0
}

.l-home {
  width: 100%
}

.l-page {
  width: 100%;
  flex: auto;
  min-width: 0
}

.l-page__wrap {
  width: 100%;
  flex: auto;
  min-width: 0;
  display: flex;
  flex-direction: column
}

.l-page__attention {
  color: #fff;
  padding: 1rem 0;
  background-color: #f75769
}

@media screen and (max-width: 560px) {
  .l-page__attention {
      padding: .75rem 0
  }
}

.l-page__attention .l-container {
  display: flex;
  align-items: center;
  max-width: 800px
}

@media screen and (max-width: 560px) {
  .l-page__attention .l-container {
      flex-direction: column
  }
}

.l-page__attention__head {
  flex: auto
}

.l-page__attention__head__title {
  color: #fff;
  font-size: 15px;
  font-weight: 700
}

.l-page__attention__head__description {
  color: #fff;
  line-height: 1.3em;
  margin: 4px 0 0
}

@media screen and (max-width: 560px) {
  .l-page__attention__head__description {
      margin: 0
  }
}

.l-page__attention__body {
  flex: 0 0 200px;
  margin: 0 0 0 24px
}

@media screen and (max-width: 560px) {
  .l-page__attention__body {
      flex: none;
      width: 100%;
      margin: 8px 0 0
  }
}

.l-page__attention__body .c-button,
.l-page__attention__body .p-home__middleNav__button,
.l-page__attention__body .c-button--small,
.l-page__attention__body .c-button--full,
.l-page__attention__body .c-button--line,
.l-page__attention__body .c-button--weak,
.l-page__attention__body .c-button--inlineArrow,
.l-page__attention__body .c-button--inline,
.l-page__attention__body .c-button--form,
.l-page__attention__body .c-button--action,
.l-page__attention__body .c-button--accent {
  color: #f75769;
  font-weight: 600;
  background-color: #fff
}

.l-page__attention__body .c-button:hover,
.l-page__attention__body .p-home__middleNav__button:hover,
.l-page__attention__body .c-button--small:hover,
.l-page__attention__body .c-button--full:hover,
.l-page__attention__body .c-button--line:hover,
.l-page__attention__body .c-button--weak:hover,
.l-page__attention__body .c-button--inlineArrow:hover,
.l-page__attention__body .c-button--inline:hover,
.l-page__attention__body .c-button--form:hover,
.l-page__attention__body .c-button--action:hover,
.l-page__attention__body .c-button--accent:hover {
  background-color: rgba(255, 255, 255, .5)
}

.l-onlineShop__frame {
  padding: 32px 40px 0;
  max-width: 1280px;
  width: 100%;
  min-height: 800px;
  margin: 0 auto;
  position: relative
}

@media screen and (max-width: 1080px) {
  .l-onlineShop__frame {
      min-height: 720px
  }
}

@media screen and (max-width: 768px) {
  .l-onlineShop__frame {
      min-height: auto
  }
}

@media screen and (max-width: 560px) {
  .l-onlineShop__frame {
      padding: 16px 12px 0
  }
}

.l-onlineShop__sidebar {
  width: 240px;
  position: absolute;
  top: 32px;
  left: 40px
}

@media screen and (max-width: 1080px) {
  .l-onlineShop__sidebar {
      width: 200px
  }
}

@media screen and (max-width: 768px) {
  .l-onlineShop__sidebar {
      position: initial;
      width: 100%;
      margin: 0 0 24px
  }
}

.l-onlineShop__main {
  display: block;
  padding-left: 320px
}

@media screen and (max-width: 1080px) {
  .l-onlineShop__main {
      padding-left: 240px
  }
}

@media screen and (max-width: 768px) {
  .l-onlineShop__main {
      padding-left: 0
  }
}

.l-12 {
  display: flex;
  flex-wrap: wrap
}

.l-12__1 {
  display: flex;
  flex-direction: column;
  width: 8.3333333333%
}

.l-12__2 {
  display: flex;
  flex-direction: column;
  width: 16.6666666667%
}

.l-12__3 {
  display: flex;
  flex-direction: column;
  width: 25%
}

.l-12__4 {
  display: flex;
  flex-direction: column;
  width: 33.3333333333%
}

.l-12__5 {
  display: flex;
  flex-direction: column;
  width: 41.6666666667%
}

.l-12__6 {
  display: flex;
  flex-direction: column;
  width: 50%
}

.l-12__7 {
  display: flex;
  flex-direction: column;
  width: 58.3333333333%
}

.l-12__8 {
  display: flex;
  flex-direction: column;
  width: 66.6666666667%
}

.l-12__9 {
  display: flex;
  flex-direction: column;
  width: 75%
}

.l-12__10 {
  display: flex;
  flex-direction: column;
  width: 83.3333333333%
}

.l-12__11 {
  display: flex;
  flex-direction: column;
  width: 91.6666666667%
}

.l-12__12 {
  display: flex;
  flex-direction: column;
  width: 100%
}

@media screen and (max-width: 1280px) {
  .l-12__1--pc {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%
  }

  .l-12__2--pc {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%
  }

  .l-12__3--pc {
      display: flex;
      flex-direction: column;
      width: 25%
  }

  .l-12__4--pc {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%
  }

  .l-12__5--pc {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%
  }

  .l-12__6--pc {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .l-12__7--pc {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%
  }

  .l-12__8--pc {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%
  }

  .l-12__9--pc {
      display: flex;
      flex-direction: column;
      width: 75%
  }

  .l-12__10--pc {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%
  }

  .l-12__11--pc {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%
  }

  .l-12__12--pc {
      display: flex;
      flex-direction: column;
      width: 100%
  }
}

@media screen and (max-width: 1080px) {
  .l-12__1--note {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%
  }

  .l-12__2--note {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%
  }

  .l-12__3--note {
      display: flex;
      flex-direction: column;
      width: 25%
  }

  .l-12__4--note {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%
  }

  .l-12__5--note {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%
  }

  .l-12__6--note {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .l-12__7--note {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%
  }

  .l-12__8--note {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%
  }

  .l-12__9--note {
      display: flex;
      flex-direction: column;
      width: 75%
  }

  .l-12__10--note {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%
  }

  .l-12__11--note {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%
  }

  .l-12__12--note {
      display: flex;
      flex-direction: column;
      width: 100%
  }
}

@media screen and (max-width: 768px) {
  .l-12__1--tablet {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%
  }

  .l-12__2--tablet {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%
  }

  .l-12__3--tablet {
      display: flex;
      flex-direction: column;
      width: 25%
  }

  .l-12__4--tablet {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%
  }

  .l-12__5--tablet {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%
  }

  .l-12__6--tablet {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .l-12__7--tablet {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%
  }

  .l-12__8--tablet {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%
  }

  .l-12__9--tablet {
      display: flex;
      flex-direction: column;
      width: 75%
  }

  .l-12__10--tablet {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%
  }

  .l-12__11--tablet {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%
  }

  .l-12__12--tablet {
      display: flex;
      flex-direction: column;
      width: 100%
  }
}

@media screen and (max-width: 560px) {
  .l-12__1--spWide {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%
  }

  .l-12__2--spWide {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%
  }

  .l-12__3--spWide {
      display: flex;
      flex-direction: column;
      width: 25%
  }

  .l-12__4--spWide {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%
  }

  .l-12__5--spWide {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%
  }

  .l-12__6--spWide {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .l-12__7--spWide {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%
  }

  .l-12__8--spWide {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%
  }

  .l-12__9--spWide {
      display: flex;
      flex-direction: column;
      width: 75%
  }

  .l-12__10--spWide {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%
  }

  .l-12__11--spWide {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%
  }

  .l-12__12--spWide {
      display: flex;
      flex-direction: column;
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .l-12__1--sp {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%
  }

  .l-12__2--sp {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%
  }

  .l-12__3--sp {
      display: flex;
      flex-direction: column;
      width: 25%
  }

  .l-12__4--sp {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%
  }

  .l-12__5--sp {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%
  }

  .l-12__6--sp {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .l-12__7--sp {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%
  }

  .l-12__8--sp {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%
  }

  .l-12__9--sp {
      display: flex;
      flex-direction: column;
      width: 75%
  }

  .l-12__10--sp {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%
  }

  .l-12__11--sp {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%
  }

  .l-12__12--sp {
      display: flex;
      flex-direction: column;
      width: 100%
  }
}

@media screen and (max-width: 374px) {
  .l-12__1--spNarrow {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%
  }

  .l-12__2--spNarrow {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%
  }

  .l-12__3--spNarrow {
      display: flex;
      flex-direction: column;
      width: 25%
  }

  .l-12__4--spNarrow {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%
  }

  .l-12__5--spNarrow {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%
  }

  .l-12__6--spNarrow {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .l-12__7--spNarrow {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%
  }

  .l-12__8--spNarrow {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%
  }

  .l-12__9--spNarrow {
      display: flex;
      flex-direction: column;
      width: 75%
  }

  .l-12__10--spNarrow {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%
  }

  .l-12__11--spNarrow {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%
  }

  .l-12__12--spNarrow {
      display: flex;
      flex-direction: column;
      width: 100%
  }
}

@media screen and (min-width: 1025px) {
  .l-12__1--minPc {
      display: flex;
      flex-direction: column;
      width: 8.3333333333%
  }

  .l-12__2--minPc {
      display: flex;
      flex-direction: column;
      width: 16.6666666667%
  }

  .l-12__3--minPc {
      display: flex;
      flex-direction: column;
      width: 25%
  }

  .l-12__4--minPc {
      display: flex;
      flex-direction: column;
      width: 33.3333333333%
  }

  .l-12__5--minPc {
      display: flex;
      flex-direction: column;
      width: 41.6666666667%
  }

  .l-12__6--minPc {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .l-12__7--minPc {
      display: flex;
      flex-direction: column;
      width: 58.3333333333%
  }

  .l-12__8--minPc {
      display: flex;
      flex-direction: column;
      width: 66.6666666667%
  }

  .l-12__9--minPc {
      display: flex;
      flex-direction: column;
      width: 75%
  }

  .l-12__10--minPc {
      display: flex;
      flex-direction: column;
      width: 83.3333333333%
  }

  .l-12__11--minPc {
      display: flex;
      flex-direction: column;
      width: 91.6666666667%
  }

  .l-12__12--minPc {
      display: flex;
      flex-direction: column;
      width: 100%
  }
}

.l-12--gap8 {
  margin: -4px
}

.l-12--gap8>* {
  padding: 4px
}

.l-12--gap16 {
  margin: -8px
}

.l-12--gap16>* {
  padding: 8px
}

.l-12--gap24 {
  margin: -12px
}

.l-12--gap24>* {
  padding: 12px
}

.l-12--gap32 {
  margin: -16px
}

.l-12--gap32>* {
  padding: 16px
}

.l-12--gap40 {
  margin: -20px
}

.l-12--gap40>* {
  padding: 20px
}

.l-12--gap48 {
  margin: -24px
}

.l-12--gap48>* {
  padding: 24px
}

.l-12--gap56 {
  margin: -28px
}

.l-12--gap56>* {
  padding: 28px
}

.l-12--gap64 {
  margin: -32px
}

.l-12--gap64>* {
  padding: 32px
}

.l-12--gap72 {
  margin: -36px
}

.l-12--gap72>* {
  padding: 36px
}

.l-12--gap80 {
  margin: -40px
}

.l-12--gap80>* {
  padding: 40px
}

@media screen and (max-width: 1280px) {
  .l-12--gap8--pc {
      margin: -4px
  }

  .l-12--gap8--pc>* {
      padding: 4px
  }

  .l-12--gap16--pc {
      margin: -8px
  }

  .l-12--gap16--pc>* {
      padding: 8px
  }

  .l-12--gap24--pc {
      margin: -12px
  }

  .l-12--gap24--pc>* {
      padding: 12px
  }

  .l-12--gap32--pc {
      margin: -16px
  }

  .l-12--gap32--pc>* {
      padding: 16px
  }

  .l-12--gap40--pc {
      margin: -20px
  }

  .l-12--gap40--pc>* {
      padding: 20px
  }

  .l-12--gap48--pc {
      margin: -24px
  }

  .l-12--gap48--pc>* {
      padding: 24px
  }

  .l-12--gap56--pc {
      margin: -28px
  }

  .l-12--gap56--pc>* {
      padding: 28px
  }

  .l-12--gap64--pc {
      margin: -32px
  }

  .l-12--gap64--pc>* {
      padding: 32px
  }

  .l-12--gap72--pc {
      margin: -36px
  }

  .l-12--gap72--pc>* {
      padding: 36px
  }

  .l-12--gap80--pc {
      margin: -40px
  }

  .l-12--gap80--pc>* {
      padding: 40px
  }
}

@media screen and (max-width: 1080px) {
  .l-12--gap8--note {
      margin: -4px
  }

  .l-12--gap8--note>* {
      padding: 4px
  }

  .l-12--gap16--note {
      margin: -8px
  }

  .l-12--gap16--note>* {
      padding: 8px
  }

  .l-12--gap24--note {
      margin: -12px
  }

  .l-12--gap24--note>* {
      padding: 12px
  }

  .l-12--gap32--note {
      margin: -16px
  }

  .l-12--gap32--note>* {
      padding: 16px
  }

  .l-12--gap40--note {
      margin: -20px
  }

  .l-12--gap40--note>* {
      padding: 20px
  }

  .l-12--gap48--note {
      margin: -24px
  }

  .l-12--gap48--note>* {
      padding: 24px
  }

  .l-12--gap56--note {
      margin: -28px
  }

  .l-12--gap56--note>* {
      padding: 28px
  }

  .l-12--gap64--note {
      margin: -32px
  }

  .l-12--gap64--note>* {
      padding: 32px
  }

  .l-12--gap72--note {
      margin: -36px
  }

  .l-12--gap72--note>* {
      padding: 36px
  }

  .l-12--gap80--note {
      margin: -40px
  }

  .l-12--gap80--note>* {
      padding: 40px
  }
}

@media screen and (max-width: 768px) {
  .l-12--gap8--tablet {
      margin: -4px
  }

  .l-12--gap8--tablet>* {
      padding: 4px
  }

  .l-12--gap16--tablet {
      margin: -8px
  }

  .l-12--gap16--tablet>* {
      padding: 8px
  }

  .l-12--gap24--tablet {
      margin: -12px
  }

  .l-12--gap24--tablet>* {
      padding: 12px
  }

  .l-12--gap32--tablet {
      margin: -16px
  }

  .l-12--gap32--tablet>* {
      padding: 16px
  }

  .l-12--gap40--tablet {
      margin: -20px
  }

  .l-12--gap40--tablet>* {
      padding: 20px
  }

  .l-12--gap48--tablet {
      margin: -24px
  }

  .l-12--gap48--tablet>* {
      padding: 24px
  }

  .l-12--gap56--tablet {
      margin: -28px
  }

  .l-12--gap56--tablet>* {
      padding: 28px
  }

  .l-12--gap64--tablet {
      margin: -32px
  }

  .l-12--gap64--tablet>* {
      padding: 32px
  }

  .l-12--gap72--tablet {
      margin: -36px
  }

  .l-12--gap72--tablet>* {
      padding: 36px
  }

  .l-12--gap80--tablet {
      margin: -40px
  }

  .l-12--gap80--tablet>* {
      padding: 40px
  }
}

@media screen and (max-width: 560px) {
  .l-12--gap8--spWide {
      margin: -4px
  }

  .l-12--gap8--spWide>* {
      padding: 4px
  }

  .l-12--gap16--spWide {
      margin: -8px
  }

  .l-12--gap16--spWide>* {
      padding: 8px
  }

  .l-12--gap24--spWide {
      margin: -12px
  }

  .l-12--gap24--spWide>* {
      padding: 12px
  }

  .l-12--gap32--spWide {
      margin: -16px
  }

  .l-12--gap32--spWide>* {
      padding: 16px
  }

  .l-12--gap40--spWide {
      margin: -20px
  }

  .l-12--gap40--spWide>* {
      padding: 20px
  }

  .l-12--gap48--spWide {
      margin: -24px
  }

  .l-12--gap48--spWide>* {
      padding: 24px
  }

  .l-12--gap56--spWide {
      margin: -28px
  }

  .l-12--gap56--spWide>* {
      padding: 28px
  }

  .l-12--gap64--spWide {
      margin: -32px
  }

  .l-12--gap64--spWide>* {
      padding: 32px
  }

  .l-12--gap72--spWide {
      margin: -36px
  }

  .l-12--gap72--spWide>* {
      padding: 36px
  }

  .l-12--gap80--spWide {
      margin: -40px
  }

  .l-12--gap80--spWide>* {
      padding: 40px
  }
}

@media screen and (max-width: 480px) {
  .l-12--gap8--sp {
      margin: -4px
  }

  .l-12--gap8--sp>* {
      padding: 4px
  }

  .l-12--gap16--sp {
      margin: -8px
  }

  .l-12--gap16--sp>* {
      padding: 8px
  }

  .l-12--gap24--sp {
      margin: -12px
  }

  .l-12--gap24--sp>* {
      padding: 12px
  }

  .l-12--gap32--sp {
      margin: -16px
  }

  .l-12--gap32--sp>* {
      padding: 16px
  }

  .l-12--gap40--sp {
      margin: -20px
  }

  .l-12--gap40--sp>* {
      padding: 20px
  }

  .l-12--gap48--sp {
      margin: -24px
  }

  .l-12--gap48--sp>* {
      padding: 24px
  }

  .l-12--gap56--sp {
      margin: -28px
  }

  .l-12--gap56--sp>* {
      padding: 28px
  }

  .l-12--gap64--sp {
      margin: -32px
  }

  .l-12--gap64--sp>* {
      padding: 32px
  }

  .l-12--gap72--sp {
      margin: -36px
  }

  .l-12--gap72--sp>* {
      padding: 36px
  }

  .l-12--gap80--sp {
      margin: -40px
  }

  .l-12--gap80--sp>* {
      padding: 40px
  }
}

@media screen and (max-width: 374px) {
  .l-12--gap8--spNarrow {
      margin: -4px
  }

  .l-12--gap8--spNarrow>* {
      padding: 4px
  }

  .l-12--gap16--spNarrow {
      margin: -8px
  }

  .l-12--gap16--spNarrow>* {
      padding: 8px
  }

  .l-12--gap24--spNarrow {
      margin: -12px
  }

  .l-12--gap24--spNarrow>* {
      padding: 12px
  }

  .l-12--gap32--spNarrow {
      margin: -16px
  }

  .l-12--gap32--spNarrow>* {
      padding: 16px
  }

  .l-12--gap40--spNarrow {
      margin: -20px
  }

  .l-12--gap40--spNarrow>* {
      padding: 20px
  }

  .l-12--gap48--spNarrow {
      margin: -24px
  }

  .l-12--gap48--spNarrow>* {
      padding: 24px
  }

  .l-12--gap56--spNarrow {
      margin: -28px
  }

  .l-12--gap56--spNarrow>* {
      padding: 28px
  }

  .l-12--gap64--spNarrow {
      margin: -32px
  }

  .l-12--gap64--spNarrow>* {
      padding: 32px
  }

  .l-12--gap72--spNarrow {
      margin: -36px
  }

  .l-12--gap72--spNarrow>* {
      padding: 36px
  }

  .l-12--gap80--spNarrow {
      margin: -40px
  }

  .l-12--gap80--spNarrow>* {
      padding: 40px
  }
}

@media screen and (min-width: 1025px) {
  .l-12--gap8--minPc {
      margin: -4px
  }

  .l-12--gap8--minPc>* {
      padding: 4px
  }

  .l-12--gap16--minPc {
      margin: -8px
  }

  .l-12--gap16--minPc>* {
      padding: 8px
  }

  .l-12--gap24--minPc {
      margin: -12px
  }

  .l-12--gap24--minPc>* {
      padding: 12px
  }

  .l-12--gap32--minPc {
      margin: -16px
  }

  .l-12--gap32--minPc>* {
      padding: 16px
  }

  .l-12--gap40--minPc {
      margin: -20px
  }

  .l-12--gap40--minPc>* {
      padding: 20px
  }

  .l-12--gap48--minPc {
      margin: -24px
  }

  .l-12--gap48--minPc>* {
      padding: 24px
  }

  .l-12--gap56--minPc {
      margin: -28px
  }

  .l-12--gap56--minPc>* {
      padding: 28px
  }

  .l-12--gap64--minPc {
      margin: -32px
  }

  .l-12--gap64--minPc>* {
      padding: 32px
  }

  .l-12--gap72--minPc {
      margin: -36px
  }

  .l-12--gap72--minPc>* {
      padding: 36px
  }

  .l-12--gap80--minPc {
      margin: -40px
  }

  .l-12--gap80--minPc>* {
      padding: 40px
  }
}

.l-12__auto {
  flex: auto;
  min-width: 0
}

.l-12__fix10 {
  flex: 0 0 10px;
  min-width: 0
}

.l-12__fix20 {
  flex: 0 0 20px;
  min-width: 0
}

.l-12__fix30 {
  flex: 0 0 30px;
  min-width: 0
}

.l-12__fix40 {
  flex: 0 0 40px;
  min-width: 0
}

.l-12__fix50 {
  flex: 0 0 50px;
  min-width: 0
}

.l-12__fix60 {
  flex: 0 0 60px;
  min-width: 0
}

.l-12__fix70 {
  flex: 0 0 70px;
  min-width: 0
}

.l-12__fix80 {
  flex: 0 0 80px;
  min-width: 0
}

.l-12__fix90 {
  flex: 0 0 90px;
  min-width: 0
}

.l-12__fix100 {
  flex: 0 0 100px;
  min-width: 0
}

.l-12__fix110 {
  flex: 0 0 110px;
  min-width: 0
}

.l-12__fix120 {
  flex: 0 0 120px;
  min-width: 0
}

.l-12__fix130 {
  flex: 0 0 130px;
  min-width: 0
}

.l-12__fix140 {
  flex: 0 0 140px;
  min-width: 0
}

.l-12__fix150 {
  flex: 0 0 150px;
  min-width: 0
}

.l-12__fix160 {
  flex: 0 0 160px;
  min-width: 0
}

.l-12__fix170 {
  flex: 0 0 170px;
  min-width: 0
}

.l-12__fix180 {
  flex: 0 0 180px;
  min-width: 0
}

.l-12__fix190 {
  flex: 0 0 190px;
  min-width: 0
}

.l-12__fix200 {
  flex: 0 0 200px;
  min-width: 0
}

.l-12__fix210 {
  flex: 0 0 210px;
  min-width: 0
}

.l-12__fix220 {
  flex: 0 0 220px;
  min-width: 0
}

.l-12__fix230 {
  flex: 0 0 230px;
  min-width: 0
}

.l-12__fix240 {
  flex: 0 0 240px;
  min-width: 0
}

.l-12__fix250 {
  flex: 0 0 250px;
  min-width: 0
}

.l-12__fix260 {
  flex: 0 0 260px;
  min-width: 0
}

.l-12__fix270 {
  flex: 0 0 270px;
  min-width: 0
}

.l-12__fix280 {
  flex: 0 0 280px;
  min-width: 0
}

.l-12__fix290 {
  flex: 0 0 290px;
  min-width: 0
}

.l-12__fix300 {
  flex: 0 0 300px;
  min-width: 0
}

.l-12__fix310 {
  flex: 0 0 310px;
  min-width: 0
}

.l-12__fix320 {
  flex: 0 0 320px;
  min-width: 0
}

.l-12__fix330 {
  flex: 0 0 330px;
  min-width: 0
}

.l-12__fix340 {
  flex: 0 0 340px;
  min-width: 0
}

.l-12__fix350 {
  flex: 0 0 350px;
  min-width: 0
}

.l-12__fix360 {
  flex: 0 0 360px;
  min-width: 0
}

.l-12__fix370 {
  flex: 0 0 370px;
  min-width: 0
}

.l-12__fix380 {
  flex: 0 0 380px;
  min-width: 0
}

.l-12__fix390 {
  flex: 0 0 390px;
  min-width: 0
}

.l-12__fix400 {
  flex: 0 0 400px;
  min-width: 0
}

.l-12__fix410 {
  flex: 0 0 410px;
  min-width: 0
}

.l-12__fix420 {
  flex: 0 0 420px;
  min-width: 0
}

.l-12__fix430 {
  flex: 0 0 430px;
  min-width: 0
}

.l-12__fix440 {
  flex: 0 0 440px;
  min-width: 0
}

.l-12__fix450 {
  flex: 0 0 450px;
  min-width: 0
}

.l-12__fix460 {
  flex: 0 0 460px;
  min-width: 0
}

.l-12__fix470 {
  flex: 0 0 470px;
  min-width: 0
}

.l-12__fix480 {
  flex: 0 0 480px;
  min-width: 0
}

.l-12__fix490 {
  flex: 0 0 490px;
  min-width: 0
}

.l-12__fix500 {
  flex: 0 0 500px;
  min-width: 0
}

.l-12__fix510 {
  flex: 0 0 510px;
  min-width: 0
}

.l-12__fix520 {
  flex: 0 0 520px;
  min-width: 0
}

.l-12__fix530 {
  flex: 0 0 530px;
  min-width: 0
}

.l-12__fix540 {
  flex: 0 0 540px;
  min-width: 0
}

.l-12__fix550 {
  flex: 0 0 550px;
  min-width: 0
}

.l-12__fix560 {
  flex: 0 0 560px;
  min-width: 0
}

.l-12__fix570 {
  flex: 0 0 570px;
  min-width: 0
}

.l-12__fix580 {
  flex: 0 0 580px;
  min-width: 0
}

.l-12__fix590 {
  flex: 0 0 590px;
  min-width: 0
}

.l-12__fix600 {
  flex: 0 0 600px;
  min-width: 0
}

@media screen and (max-width: 1280px) {
  .l-12__fix10--pc {
      flex: 0 0 10px;
      min-width: 0
  }

  .l-12__fix20--pc {
      flex: 0 0 20px;
      min-width: 0
  }

  .l-12__fix30--pc {
      flex: 0 0 30px;
      min-width: 0
  }

  .l-12__fix40--pc {
      flex: 0 0 40px;
      min-width: 0
  }

  .l-12__fix50--pc {
      flex: 0 0 50px;
      min-width: 0
  }

  .l-12__fix60--pc {
      flex: 0 0 60px;
      min-width: 0
  }

  .l-12__fix70--pc {
      flex: 0 0 70px;
      min-width: 0
  }

  .l-12__fix80--pc {
      flex: 0 0 80px;
      min-width: 0
  }

  .l-12__fix90--pc {
      flex: 0 0 90px;
      min-width: 0
  }

  .l-12__fix100--pc {
      flex: 0 0 100px;
      min-width: 0
  }

  .l-12__fix110--pc {
      flex: 0 0 110px;
      min-width: 0
  }

  .l-12__fix120--pc {
      flex: 0 0 120px;
      min-width: 0
  }

  .l-12__fix130--pc {
      flex: 0 0 130px;
      min-width: 0
  }

  .l-12__fix140--pc {
      flex: 0 0 140px;
      min-width: 0
  }

  .l-12__fix150--pc {
      flex: 0 0 150px;
      min-width: 0
  }

  .l-12__fix160--pc {
      flex: 0 0 160px;
      min-width: 0
  }

  .l-12__fix170--pc {
      flex: 0 0 170px;
      min-width: 0
  }

  .l-12__fix180--pc {
      flex: 0 0 180px;
      min-width: 0
  }

  .l-12__fix190--pc {
      flex: 0 0 190px;
      min-width: 0
  }

  .l-12__fix200--pc {
      flex: 0 0 200px;
      min-width: 0
  }

  .l-12__fix210--pc {
      flex: 0 0 210px;
      min-width: 0
  }

  .l-12__fix220--pc {
      flex: 0 0 220px;
      min-width: 0
  }

  .l-12__fix230--pc {
      flex: 0 0 230px;
      min-width: 0
  }

  .l-12__fix240--pc {
      flex: 0 0 240px;
      min-width: 0
  }

  .l-12__fix250--pc {
      flex: 0 0 250px;
      min-width: 0
  }

  .l-12__fix260--pc {
      flex: 0 0 260px;
      min-width: 0
  }

  .l-12__fix270--pc {
      flex: 0 0 270px;
      min-width: 0
  }

  .l-12__fix280--pc {
      flex: 0 0 280px;
      min-width: 0
  }

  .l-12__fix290--pc {
      flex: 0 0 290px;
      min-width: 0
  }

  .l-12__fix300--pc {
      flex: 0 0 300px;
      min-width: 0
  }

  .l-12__fix310--pc {
      flex: 0 0 310px;
      min-width: 0
  }

  .l-12__fix320--pc {
      flex: 0 0 320px;
      min-width: 0
  }

  .l-12__fix330--pc {
      flex: 0 0 330px;
      min-width: 0
  }

  .l-12__fix340--pc {
      flex: 0 0 340px;
      min-width: 0
  }

  .l-12__fix350--pc {
      flex: 0 0 350px;
      min-width: 0
  }

  .l-12__fix360--pc {
      flex: 0 0 360px;
      min-width: 0
  }

  .l-12__fix370--pc {
      flex: 0 0 370px;
      min-width: 0
  }

  .l-12__fix380--pc {
      flex: 0 0 380px;
      min-width: 0
  }

  .l-12__fix390--pc {
      flex: 0 0 390px;
      min-width: 0
  }

  .l-12__fix400--pc {
      flex: 0 0 400px;
      min-width: 0
  }

  .l-12__fix410--pc {
      flex: 0 0 410px;
      min-width: 0
  }

  .l-12__fix420--pc {
      flex: 0 0 420px;
      min-width: 0
  }

  .l-12__fix430--pc {
      flex: 0 0 430px;
      min-width: 0
  }

  .l-12__fix440--pc {
      flex: 0 0 440px;
      min-width: 0
  }

  .l-12__fix450--pc {
      flex: 0 0 450px;
      min-width: 0
  }

  .l-12__fix460--pc {
      flex: 0 0 460px;
      min-width: 0
  }

  .l-12__fix470--pc {
      flex: 0 0 470px;
      min-width: 0
  }

  .l-12__fix480--pc {
      flex: 0 0 480px;
      min-width: 0
  }

  .l-12__fix490--pc {
      flex: 0 0 490px;
      min-width: 0
  }

  .l-12__fix500--pc {
      flex: 0 0 500px;
      min-width: 0
  }

  .l-12__fix510--pc {
      flex: 0 0 510px;
      min-width: 0
  }

  .l-12__fix520--pc {
      flex: 0 0 520px;
      min-width: 0
  }

  .l-12__fix530--pc {
      flex: 0 0 530px;
      min-width: 0
  }

  .l-12__fix540--pc {
      flex: 0 0 540px;
      min-width: 0
  }

  .l-12__fix550--pc {
      flex: 0 0 550px;
      min-width: 0
  }

  .l-12__fix560--pc {
      flex: 0 0 560px;
      min-width: 0
  }

  .l-12__fix570--pc {
      flex: 0 0 570px;
      min-width: 0
  }

  .l-12__fix580--pc {
      flex: 0 0 580px;
      min-width: 0
  }

  .l-12__fix590--pc {
      flex: 0 0 590px;
      min-width: 0
  }

  .l-12__fix600--pc {
      flex: 0 0 600px;
      min-width: 0
  }
}

@media screen and (max-width: 1080px) {
  .l-12__fix10--note {
      flex: 0 0 10px;
      min-width: 0
  }

  .l-12__fix20--note {
      flex: 0 0 20px;
      min-width: 0
  }

  .l-12__fix30--note {
      flex: 0 0 30px;
      min-width: 0
  }

  .l-12__fix40--note {
      flex: 0 0 40px;
      min-width: 0
  }

  .l-12__fix50--note {
      flex: 0 0 50px;
      min-width: 0
  }

  .l-12__fix60--note {
      flex: 0 0 60px;
      min-width: 0
  }

  .l-12__fix70--note {
      flex: 0 0 70px;
      min-width: 0
  }

  .l-12__fix80--note {
      flex: 0 0 80px;
      min-width: 0
  }

  .l-12__fix90--note {
      flex: 0 0 90px;
      min-width: 0
  }

  .l-12__fix100--note {
      flex: 0 0 100px;
      min-width: 0
  }

  .l-12__fix110--note {
      flex: 0 0 110px;
      min-width: 0
  }

  .l-12__fix120--note {
      flex: 0 0 120px;
      min-width: 0
  }

  .l-12__fix130--note {
      flex: 0 0 130px;
      min-width: 0
  }

  .l-12__fix140--note {
      flex: 0 0 140px;
      min-width: 0
  }

  .l-12__fix150--note {
      flex: 0 0 150px;
      min-width: 0
  }

  .l-12__fix160--note {
      flex: 0 0 160px;
      min-width: 0
  }

  .l-12__fix170--note {
      flex: 0 0 170px;
      min-width: 0
  }

  .l-12__fix180--note {
      flex: 0 0 180px;
      min-width: 0
  }

  .l-12__fix190--note {
      flex: 0 0 190px;
      min-width: 0
  }

  .l-12__fix200--note {
      flex: 0 0 200px;
      min-width: 0
  }

  .l-12__fix210--note {
      flex: 0 0 210px;
      min-width: 0
  }

  .l-12__fix220--note {
      flex: 0 0 220px;
      min-width: 0
  }

  .l-12__fix230--note {
      flex: 0 0 230px;
      min-width: 0
  }

  .l-12__fix240--note {
      flex: 0 0 240px;
      min-width: 0
  }

  .l-12__fix250--note {
      flex: 0 0 250px;
      min-width: 0
  }

  .l-12__fix260--note {
      flex: 0 0 260px;
      min-width: 0
  }

  .l-12__fix270--note {
      flex: 0 0 270px;
      min-width: 0
  }

  .l-12__fix280--note {
      flex: 0 0 280px;
      min-width: 0
  }

  .l-12__fix290--note {
      flex: 0 0 290px;
      min-width: 0
  }

  .l-12__fix300--note {
      flex: 0 0 300px;
      min-width: 0
  }

  .l-12__fix310--note {
      flex: 0 0 310px;
      min-width: 0
  }

  .l-12__fix320--note {
      flex: 0 0 320px;
      min-width: 0
  }

  .l-12__fix330--note {
      flex: 0 0 330px;
      min-width: 0
  }

  .l-12__fix340--note {
      flex: 0 0 340px;
      min-width: 0
  }

  .l-12__fix350--note {
      flex: 0 0 350px;
      min-width: 0
  }

  .l-12__fix360--note {
      flex: 0 0 360px;
      min-width: 0
  }

  .l-12__fix370--note {
      flex: 0 0 370px;
      min-width: 0
  }

  .l-12__fix380--note {
      flex: 0 0 380px;
      min-width: 0
  }

  .l-12__fix390--note {
      flex: 0 0 390px;
      min-width: 0
  }

  .l-12__fix400--note {
      flex: 0 0 400px;
      min-width: 0
  }

  .l-12__fix410--note {
      flex: 0 0 410px;
      min-width: 0
  }

  .l-12__fix420--note {
      flex: 0 0 420px;
      min-width: 0
  }

  .l-12__fix430--note {
      flex: 0 0 430px;
      min-width: 0
  }

  .l-12__fix440--note {
      flex: 0 0 440px;
      min-width: 0
  }

  .l-12__fix450--note {
      flex: 0 0 450px;
      min-width: 0
  }

  .l-12__fix460--note {
      flex: 0 0 460px;
      min-width: 0
  }

  .l-12__fix470--note {
      flex: 0 0 470px;
      min-width: 0
  }

  .l-12__fix480--note {
      flex: 0 0 480px;
      min-width: 0
  }

  .l-12__fix490--note {
      flex: 0 0 490px;
      min-width: 0
  }

  .l-12__fix500--note {
      flex: 0 0 500px;
      min-width: 0
  }

  .l-12__fix510--note {
      flex: 0 0 510px;
      min-width: 0
  }

  .l-12__fix520--note {
      flex: 0 0 520px;
      min-width: 0
  }

  .l-12__fix530--note {
      flex: 0 0 530px;
      min-width: 0
  }

  .l-12__fix540--note {
      flex: 0 0 540px;
      min-width: 0
  }

  .l-12__fix550--note {
      flex: 0 0 550px;
      min-width: 0
  }

  .l-12__fix560--note {
      flex: 0 0 560px;
      min-width: 0
  }

  .l-12__fix570--note {
      flex: 0 0 570px;
      min-width: 0
  }

  .l-12__fix580--note {
      flex: 0 0 580px;
      min-width: 0
  }

  .l-12__fix590--note {
      flex: 0 0 590px;
      min-width: 0
  }

  .l-12__fix600--note {
      flex: 0 0 600px;
      min-width: 0
  }
}

@media screen and (max-width: 768px) {
  .l-12__fix10--tablet {
      flex: 0 0 10px;
      min-width: 0
  }

  .l-12__fix20--tablet {
      flex: 0 0 20px;
      min-width: 0
  }

  .l-12__fix30--tablet {
      flex: 0 0 30px;
      min-width: 0
  }

  .l-12__fix40--tablet {
      flex: 0 0 40px;
      min-width: 0
  }

  .l-12__fix50--tablet {
      flex: 0 0 50px;
      min-width: 0
  }

  .l-12__fix60--tablet {
      flex: 0 0 60px;
      min-width: 0
  }

  .l-12__fix70--tablet {
      flex: 0 0 70px;
      min-width: 0
  }

  .l-12__fix80--tablet {
      flex: 0 0 80px;
      min-width: 0
  }

  .l-12__fix90--tablet {
      flex: 0 0 90px;
      min-width: 0
  }

  .l-12__fix100--tablet {
      flex: 0 0 100px;
      min-width: 0
  }

  .l-12__fix110--tablet {
      flex: 0 0 110px;
      min-width: 0
  }

  .l-12__fix120--tablet {
      flex: 0 0 120px;
      min-width: 0
  }

  .l-12__fix130--tablet {
      flex: 0 0 130px;
      min-width: 0
  }

  .l-12__fix140--tablet {
      flex: 0 0 140px;
      min-width: 0
  }

  .l-12__fix150--tablet {
      flex: 0 0 150px;
      min-width: 0
  }

  .l-12__fix160--tablet {
      flex: 0 0 160px;
      min-width: 0
  }

  .l-12__fix170--tablet {
      flex: 0 0 170px;
      min-width: 0
  }

  .l-12__fix180--tablet {
      flex: 0 0 180px;
      min-width: 0
  }

  .l-12__fix190--tablet {
      flex: 0 0 190px;
      min-width: 0
  }

  .l-12__fix200--tablet {
      flex: 0 0 200px;
      min-width: 0
  }

  .l-12__fix210--tablet {
      flex: 0 0 210px;
      min-width: 0
  }

  .l-12__fix220--tablet {
      flex: 0 0 220px;
      min-width: 0
  }

  .l-12__fix230--tablet {
      flex: 0 0 230px;
      min-width: 0
  }

  .l-12__fix240--tablet {
      flex: 0 0 240px;
      min-width: 0
  }

  .l-12__fix250--tablet {
      flex: 0 0 250px;
      min-width: 0
  }

  .l-12__fix260--tablet {
      flex: 0 0 260px;
      min-width: 0
  }

  .l-12__fix270--tablet {
      flex: 0 0 270px;
      min-width: 0
  }

  .l-12__fix280--tablet {
      flex: 0 0 280px;
      min-width: 0
  }

  .l-12__fix290--tablet {
      flex: 0 0 290px;
      min-width: 0
  }

  .l-12__fix300--tablet {
      flex: 0 0 300px;
      min-width: 0
  }

  .l-12__fix310--tablet {
      flex: 0 0 310px;
      min-width: 0
  }

  .l-12__fix320--tablet {
      flex: 0 0 320px;
      min-width: 0
  }

  .l-12__fix330--tablet {
      flex: 0 0 330px;
      min-width: 0
  }

  .l-12__fix340--tablet {
      flex: 0 0 340px;
      min-width: 0
  }

  .l-12__fix350--tablet {
      flex: 0 0 350px;
      min-width: 0
  }

  .l-12__fix360--tablet {
      flex: 0 0 360px;
      min-width: 0
  }

  .l-12__fix370--tablet {
      flex: 0 0 370px;
      min-width: 0
  }

  .l-12__fix380--tablet {
      flex: 0 0 380px;
      min-width: 0
  }

  .l-12__fix390--tablet {
      flex: 0 0 390px;
      min-width: 0
  }

  .l-12__fix400--tablet {
      flex: 0 0 400px;
      min-width: 0
  }

  .l-12__fix410--tablet {
      flex: 0 0 410px;
      min-width: 0
  }

  .l-12__fix420--tablet {
      flex: 0 0 420px;
      min-width: 0
  }

  .l-12__fix430--tablet {
      flex: 0 0 430px;
      min-width: 0
  }

  .l-12__fix440--tablet {
      flex: 0 0 440px;
      min-width: 0
  }

  .l-12__fix450--tablet {
      flex: 0 0 450px;
      min-width: 0
  }

  .l-12__fix460--tablet {
      flex: 0 0 460px;
      min-width: 0
  }

  .l-12__fix470--tablet {
      flex: 0 0 470px;
      min-width: 0
  }

  .l-12__fix480--tablet {
      flex: 0 0 480px;
      min-width: 0
  }

  .l-12__fix490--tablet {
      flex: 0 0 490px;
      min-width: 0
  }

  .l-12__fix500--tablet {
      flex: 0 0 500px;
      min-width: 0
  }

  .l-12__fix510--tablet {
      flex: 0 0 510px;
      min-width: 0
  }

  .l-12__fix520--tablet {
      flex: 0 0 520px;
      min-width: 0
  }

  .l-12__fix530--tablet {
      flex: 0 0 530px;
      min-width: 0
  }

  .l-12__fix540--tablet {
      flex: 0 0 540px;
      min-width: 0
  }

  .l-12__fix550--tablet {
      flex: 0 0 550px;
      min-width: 0
  }

  .l-12__fix560--tablet {
      flex: 0 0 560px;
      min-width: 0
  }

  .l-12__fix570--tablet {
      flex: 0 0 570px;
      min-width: 0
  }

  .l-12__fix580--tablet {
      flex: 0 0 580px;
      min-width: 0
  }

  .l-12__fix590--tablet {
      flex: 0 0 590px;
      min-width: 0
  }

  .l-12__fix600--tablet {
      flex: 0 0 600px;
      min-width: 0
  }
}

@media screen and (max-width: 560px) {
  .l-12__fix10--spWide {
      flex: 0 0 10px;
      min-width: 0
  }

  .l-12__fix20--spWide {
      flex: 0 0 20px;
      min-width: 0
  }

  .l-12__fix30--spWide {
      flex: 0 0 30px;
      min-width: 0
  }

  .l-12__fix40--spWide {
      flex: 0 0 40px;
      min-width: 0
  }

  .l-12__fix50--spWide {
      flex: 0 0 50px;
      min-width: 0
  }

  .l-12__fix60--spWide {
      flex: 0 0 60px;
      min-width: 0
  }

  .l-12__fix70--spWide {
      flex: 0 0 70px;
      min-width: 0
  }

  .l-12__fix80--spWide {
      flex: 0 0 80px;
      min-width: 0
  }

  .l-12__fix90--spWide {
      flex: 0 0 90px;
      min-width: 0
  }

  .l-12__fix100--spWide {
      flex: 0 0 100px;
      min-width: 0
  }

  .l-12__fix110--spWide {
      flex: 0 0 110px;
      min-width: 0
  }

  .l-12__fix120--spWide {
      flex: 0 0 120px;
      min-width: 0
  }

  .l-12__fix130--spWide {
      flex: 0 0 130px;
      min-width: 0
  }

  .l-12__fix140--spWide {
      flex: 0 0 140px;
      min-width: 0
  }

  .l-12__fix150--spWide {
      flex: 0 0 150px;
      min-width: 0
  }

  .l-12__fix160--spWide {
      flex: 0 0 160px;
      min-width: 0
  }

  .l-12__fix170--spWide {
      flex: 0 0 170px;
      min-width: 0
  }

  .l-12__fix180--spWide {
      flex: 0 0 180px;
      min-width: 0
  }

  .l-12__fix190--spWide {
      flex: 0 0 190px;
      min-width: 0
  }

  .l-12__fix200--spWide {
      flex: 0 0 200px;
      min-width: 0
  }

  .l-12__fix210--spWide {
      flex: 0 0 210px;
      min-width: 0
  }

  .l-12__fix220--spWide {
      flex: 0 0 220px;
      min-width: 0
  }

  .l-12__fix230--spWide {
      flex: 0 0 230px;
      min-width: 0
  }

  .l-12__fix240--spWide {
      flex: 0 0 240px;
      min-width: 0
  }

  .l-12__fix250--spWide {
      flex: 0 0 250px;
      min-width: 0
  }

  .l-12__fix260--spWide {
      flex: 0 0 260px;
      min-width: 0
  }

  .l-12__fix270--spWide {
      flex: 0 0 270px;
      min-width: 0
  }

  .l-12__fix280--spWide {
      flex: 0 0 280px;
      min-width: 0
  }

  .l-12__fix290--spWide {
      flex: 0 0 290px;
      min-width: 0
  }

  .l-12__fix300--spWide {
      flex: 0 0 300px;
      min-width: 0
  }

  .l-12__fix310--spWide {
      flex: 0 0 310px;
      min-width: 0
  }

  .l-12__fix320--spWide {
      flex: 0 0 320px;
      min-width: 0
  }

  .l-12__fix330--spWide {
      flex: 0 0 330px;
      min-width: 0
  }

  .l-12__fix340--spWide {
      flex: 0 0 340px;
      min-width: 0
  }

  .l-12__fix350--spWide {
      flex: 0 0 350px;
      min-width: 0
  }

  .l-12__fix360--spWide {
      flex: 0 0 360px;
      min-width: 0
  }

  .l-12__fix370--spWide {
      flex: 0 0 370px;
      min-width: 0
  }

  .l-12__fix380--spWide {
      flex: 0 0 380px;
      min-width: 0
  }

  .l-12__fix390--spWide {
      flex: 0 0 390px;
      min-width: 0
  }

  .l-12__fix400--spWide {
      flex: 0 0 400px;
      min-width: 0
  }

  .l-12__fix410--spWide {
      flex: 0 0 410px;
      min-width: 0
  }

  .l-12__fix420--spWide {
      flex: 0 0 420px;
      min-width: 0
  }

  .l-12__fix430--spWide {
      flex: 0 0 430px;
      min-width: 0
  }

  .l-12__fix440--spWide {
      flex: 0 0 440px;
      min-width: 0
  }

  .l-12__fix450--spWide {
      flex: 0 0 450px;
      min-width: 0
  }

  .l-12__fix460--spWide {
      flex: 0 0 460px;
      min-width: 0
  }

  .l-12__fix470--spWide {
      flex: 0 0 470px;
      min-width: 0
  }

  .l-12__fix480--spWide {
      flex: 0 0 480px;
      min-width: 0
  }

  .l-12__fix490--spWide {
      flex: 0 0 490px;
      min-width: 0
  }

  .l-12__fix500--spWide {
      flex: 0 0 500px;
      min-width: 0
  }

  .l-12__fix510--spWide {
      flex: 0 0 510px;
      min-width: 0
  }

  .l-12__fix520--spWide {
      flex: 0 0 520px;
      min-width: 0
  }

  .l-12__fix530--spWide {
      flex: 0 0 530px;
      min-width: 0
  }

  .l-12__fix540--spWide {
      flex: 0 0 540px;
      min-width: 0
  }

  .l-12__fix550--spWide {
      flex: 0 0 550px;
      min-width: 0
  }

  .l-12__fix560--spWide {
      flex: 0 0 560px;
      min-width: 0
  }

  .l-12__fix570--spWide {
      flex: 0 0 570px;
      min-width: 0
  }

  .l-12__fix580--spWide {
      flex: 0 0 580px;
      min-width: 0
  }

  .l-12__fix590--spWide {
      flex: 0 0 590px;
      min-width: 0
  }

  .l-12__fix600--spWide {
      flex: 0 0 600px;
      min-width: 0
  }
}

@media screen and (max-width: 480px) {
  .l-12__fix10--sp {
      flex: 0 0 10px;
      min-width: 0
  }

  .l-12__fix20--sp {
      flex: 0 0 20px;
      min-width: 0
  }

  .l-12__fix30--sp {
      flex: 0 0 30px;
      min-width: 0
  }

  .l-12__fix40--sp {
      flex: 0 0 40px;
      min-width: 0
  }

  .l-12__fix50--sp {
      flex: 0 0 50px;
      min-width: 0
  }

  .l-12__fix60--sp {
      flex: 0 0 60px;
      min-width: 0
  }

  .l-12__fix70--sp {
      flex: 0 0 70px;
      min-width: 0
  }

  .l-12__fix80--sp {
      flex: 0 0 80px;
      min-width: 0
  }

  .l-12__fix90--sp {
      flex: 0 0 90px;
      min-width: 0
  }

  .l-12__fix100--sp {
      flex: 0 0 100px;
      min-width: 0
  }

  .l-12__fix110--sp {
      flex: 0 0 110px;
      min-width: 0
  }

  .l-12__fix120--sp {
      flex: 0 0 120px;
      min-width: 0
  }

  .l-12__fix130--sp {
      flex: 0 0 130px;
      min-width: 0
  }

  .l-12__fix140--sp {
      flex: 0 0 140px;
      min-width: 0
  }

  .l-12__fix150--sp {
      flex: 0 0 150px;
      min-width: 0
  }

  .l-12__fix160--sp {
      flex: 0 0 160px;
      min-width: 0
  }

  .l-12__fix170--sp {
      flex: 0 0 170px;
      min-width: 0
  }

  .l-12__fix180--sp {
      flex: 0 0 180px;
      min-width: 0
  }

  .l-12__fix190--sp {
      flex: 0 0 190px;
      min-width: 0
  }

  .l-12__fix200--sp {
      flex: 0 0 200px;
      min-width: 0
  }

  .l-12__fix210--sp {
      flex: 0 0 210px;
      min-width: 0
  }

  .l-12__fix220--sp {
      flex: 0 0 220px;
      min-width: 0
  }

  .l-12__fix230--sp {
      flex: 0 0 230px;
      min-width: 0
  }

  .l-12__fix240--sp {
      flex: 0 0 240px;
      min-width: 0
  }

  .l-12__fix250--sp {
      flex: 0 0 250px;
      min-width: 0
  }

  .l-12__fix260--sp {
      flex: 0 0 260px;
      min-width: 0
  }

  .l-12__fix270--sp {
      flex: 0 0 270px;
      min-width: 0
  }

  .l-12__fix280--sp {
      flex: 0 0 280px;
      min-width: 0
  }

  .l-12__fix290--sp {
      flex: 0 0 290px;
      min-width: 0
  }

  .l-12__fix300--sp {
      flex: 0 0 300px;
      min-width: 0
  }

  .l-12__fix310--sp {
      flex: 0 0 310px;
      min-width: 0
  }

  .l-12__fix320--sp {
      flex: 0 0 320px;
      min-width: 0
  }

  .l-12__fix330--sp {
      flex: 0 0 330px;
      min-width: 0
  }

  .l-12__fix340--sp {
      flex: 0 0 340px;
      min-width: 0
  }

  .l-12__fix350--sp {
      flex: 0 0 350px;
      min-width: 0
  }

  .l-12__fix360--sp {
      flex: 0 0 360px;
      min-width: 0
  }

  .l-12__fix370--sp {
      flex: 0 0 370px;
      min-width: 0
  }

  .l-12__fix380--sp {
      flex: 0 0 380px;
      min-width: 0
  }

  .l-12__fix390--sp {
      flex: 0 0 390px;
      min-width: 0
  }

  .l-12__fix400--sp {
      flex: 0 0 400px;
      min-width: 0
  }

  .l-12__fix410--sp {
      flex: 0 0 410px;
      min-width: 0
  }

  .l-12__fix420--sp {
      flex: 0 0 420px;
      min-width: 0
  }

  .l-12__fix430--sp {
      flex: 0 0 430px;
      min-width: 0
  }

  .l-12__fix440--sp {
      flex: 0 0 440px;
      min-width: 0
  }

  .l-12__fix450--sp {
      flex: 0 0 450px;
      min-width: 0
  }

  .l-12__fix460--sp {
      flex: 0 0 460px;
      min-width: 0
  }

  .l-12__fix470--sp {
      flex: 0 0 470px;
      min-width: 0
  }

  .l-12__fix480--sp {
      flex: 0 0 480px;
      min-width: 0
  }

  .l-12__fix490--sp {
      flex: 0 0 490px;
      min-width: 0
  }

  .l-12__fix500--sp {
      flex: 0 0 500px;
      min-width: 0
  }

  .l-12__fix510--sp {
      flex: 0 0 510px;
      min-width: 0
  }

  .l-12__fix520--sp {
      flex: 0 0 520px;
      min-width: 0
  }

  .l-12__fix530--sp {
      flex: 0 0 530px;
      min-width: 0
  }

  .l-12__fix540--sp {
      flex: 0 0 540px;
      min-width: 0
  }

  .l-12__fix550--sp {
      flex: 0 0 550px;
      min-width: 0
  }

  .l-12__fix560--sp {
      flex: 0 0 560px;
      min-width: 0
  }

  .l-12__fix570--sp {
      flex: 0 0 570px;
      min-width: 0
  }

  .l-12__fix580--sp {
      flex: 0 0 580px;
      min-width: 0
  }

  .l-12__fix590--sp {
      flex: 0 0 590px;
      min-width: 0
  }

  .l-12__fix600--sp {
      flex: 0 0 600px;
      min-width: 0
  }
}

@media screen and (max-width: 374px) {
  .l-12__fix10--spNarrow {
      flex: 0 0 10px;
      min-width: 0
  }

  .l-12__fix20--spNarrow {
      flex: 0 0 20px;
      min-width: 0
  }

  .l-12__fix30--spNarrow {
      flex: 0 0 30px;
      min-width: 0
  }

  .l-12__fix40--spNarrow {
      flex: 0 0 40px;
      min-width: 0
  }

  .l-12__fix50--spNarrow {
      flex: 0 0 50px;
      min-width: 0
  }

  .l-12__fix60--spNarrow {
      flex: 0 0 60px;
      min-width: 0
  }

  .l-12__fix70--spNarrow {
      flex: 0 0 70px;
      min-width: 0
  }

  .l-12__fix80--spNarrow {
      flex: 0 0 80px;
      min-width: 0
  }

  .l-12__fix90--spNarrow {
      flex: 0 0 90px;
      min-width: 0
  }

  .l-12__fix100--spNarrow {
      flex: 0 0 100px;
      min-width: 0
  }

  .l-12__fix110--spNarrow {
      flex: 0 0 110px;
      min-width: 0
  }

  .l-12__fix120--spNarrow {
      flex: 0 0 120px;
      min-width: 0
  }

  .l-12__fix130--spNarrow {
      flex: 0 0 130px;
      min-width: 0
  }

  .l-12__fix140--spNarrow {
      flex: 0 0 140px;
      min-width: 0
  }

  .l-12__fix150--spNarrow {
      flex: 0 0 150px;
      min-width: 0
  }

  .l-12__fix160--spNarrow {
      flex: 0 0 160px;
      min-width: 0
  }

  .l-12__fix170--spNarrow {
      flex: 0 0 170px;
      min-width: 0
  }

  .l-12__fix180--spNarrow {
      flex: 0 0 180px;
      min-width: 0
  }

  .l-12__fix190--spNarrow {
      flex: 0 0 190px;
      min-width: 0
  }

  .l-12__fix200--spNarrow {
      flex: 0 0 200px;
      min-width: 0
  }

  .l-12__fix210--spNarrow {
      flex: 0 0 210px;
      min-width: 0
  }

  .l-12__fix220--spNarrow {
      flex: 0 0 220px;
      min-width: 0
  }

  .l-12__fix230--spNarrow {
      flex: 0 0 230px;
      min-width: 0
  }

  .l-12__fix240--spNarrow {
      flex: 0 0 240px;
      min-width: 0
  }

  .l-12__fix250--spNarrow {
      flex: 0 0 250px;
      min-width: 0
  }

  .l-12__fix260--spNarrow {
      flex: 0 0 260px;
      min-width: 0
  }

  .l-12__fix270--spNarrow {
      flex: 0 0 270px;
      min-width: 0
  }

  .l-12__fix280--spNarrow {
      flex: 0 0 280px;
      min-width: 0
  }

  .l-12__fix290--spNarrow {
      flex: 0 0 290px;
      min-width: 0
  }

  .l-12__fix300--spNarrow {
      flex: 0 0 300px;
      min-width: 0
  }

  .l-12__fix310--spNarrow {
      flex: 0 0 310px;
      min-width: 0
  }

  .l-12__fix320--spNarrow {
      flex: 0 0 320px;
      min-width: 0
  }

  .l-12__fix330--spNarrow {
      flex: 0 0 330px;
      min-width: 0
  }

  .l-12__fix340--spNarrow {
      flex: 0 0 340px;
      min-width: 0
  }

  .l-12__fix350--spNarrow {
      flex: 0 0 350px;
      min-width: 0
  }

  .l-12__fix360--spNarrow {
      flex: 0 0 360px;
      min-width: 0
  }

  .l-12__fix370--spNarrow {
      flex: 0 0 370px;
      min-width: 0
  }

  .l-12__fix380--spNarrow {
      flex: 0 0 380px;
      min-width: 0
  }

  .l-12__fix390--spNarrow {
      flex: 0 0 390px;
      min-width: 0
  }

  .l-12__fix400--spNarrow {
      flex: 0 0 400px;
      min-width: 0
  }

  .l-12__fix410--spNarrow {
      flex: 0 0 410px;
      min-width: 0
  }

  .l-12__fix420--spNarrow {
      flex: 0 0 420px;
      min-width: 0
  }

  .l-12__fix430--spNarrow {
      flex: 0 0 430px;
      min-width: 0
  }

  .l-12__fix440--spNarrow {
      flex: 0 0 440px;
      min-width: 0
  }

  .l-12__fix450--spNarrow {
      flex: 0 0 450px;
      min-width: 0
  }

  .l-12__fix460--spNarrow {
      flex: 0 0 460px;
      min-width: 0
  }

  .l-12__fix470--spNarrow {
      flex: 0 0 470px;
      min-width: 0
  }

  .l-12__fix480--spNarrow {
      flex: 0 0 480px;
      min-width: 0
  }

  .l-12__fix490--spNarrow {
      flex: 0 0 490px;
      min-width: 0
  }

  .l-12__fix500--spNarrow {
      flex: 0 0 500px;
      min-width: 0
  }

  .l-12__fix510--spNarrow {
      flex: 0 0 510px;
      min-width: 0
  }

  .l-12__fix520--spNarrow {
      flex: 0 0 520px;
      min-width: 0
  }

  .l-12__fix530--spNarrow {
      flex: 0 0 530px;
      min-width: 0
  }

  .l-12__fix540--spNarrow {
      flex: 0 0 540px;
      min-width: 0
  }

  .l-12__fix550--spNarrow {
      flex: 0 0 550px;
      min-width: 0
  }

  .l-12__fix560--spNarrow {
      flex: 0 0 560px;
      min-width: 0
  }

  .l-12__fix570--spNarrow {
      flex: 0 0 570px;
      min-width: 0
  }

  .l-12__fix580--spNarrow {
      flex: 0 0 580px;
      min-width: 0
  }

  .l-12__fix590--spNarrow {
      flex: 0 0 590px;
      min-width: 0
  }

  .l-12__fix600--spNarrow {
      flex: 0 0 600px;
      min-width: 0
  }
}

@media screen and (min-width: 1025px) {
  .l-12__fix10--minPc {
      flex: 0 0 10px;
      min-width: 0
  }

  .l-12__fix20--minPc {
      flex: 0 0 20px;
      min-width: 0
  }

  .l-12__fix30--minPc {
      flex: 0 0 30px;
      min-width: 0
  }

  .l-12__fix40--minPc {
      flex: 0 0 40px;
      min-width: 0
  }

  .l-12__fix50--minPc {
      flex: 0 0 50px;
      min-width: 0
  }

  .l-12__fix60--minPc {
      flex: 0 0 60px;
      min-width: 0
  }

  .l-12__fix70--minPc {
      flex: 0 0 70px;
      min-width: 0
  }

  .l-12__fix80--minPc {
      flex: 0 0 80px;
      min-width: 0
  }

  .l-12__fix90--minPc {
      flex: 0 0 90px;
      min-width: 0
  }

  .l-12__fix100--minPc {
      flex: 0 0 100px;
      min-width: 0
  }

  .l-12__fix110--minPc {
      flex: 0 0 110px;
      min-width: 0
  }

  .l-12__fix120--minPc {
      flex: 0 0 120px;
      min-width: 0
  }

  .l-12__fix130--minPc {
      flex: 0 0 130px;
      min-width: 0
  }

  .l-12__fix140--minPc {
      flex: 0 0 140px;
      min-width: 0
  }

  .l-12__fix150--minPc {
      flex: 0 0 150px;
      min-width: 0
  }

  .l-12__fix160--minPc {
      flex: 0 0 160px;
      min-width: 0
  }

  .l-12__fix170--minPc {
      flex: 0 0 170px;
      min-width: 0
  }

  .l-12__fix180--minPc {
      flex: 0 0 180px;
      min-width: 0
  }

  .l-12__fix190--minPc {
      flex: 0 0 190px;
      min-width: 0
  }

  .l-12__fix200--minPc {
      flex: 0 0 200px;
      min-width: 0
  }

  .l-12__fix210--minPc {
      flex: 0 0 210px;
      min-width: 0
  }

  .l-12__fix220--minPc {
      flex: 0 0 220px;
      min-width: 0
  }

  .l-12__fix230--minPc {
      flex: 0 0 230px;
      min-width: 0
  }

  .l-12__fix240--minPc {
      flex: 0 0 240px;
      min-width: 0
  }

  .l-12__fix250--minPc {
      flex: 0 0 250px;
      min-width: 0
  }

  .l-12__fix260--minPc {
      flex: 0 0 260px;
      min-width: 0
  }

  .l-12__fix270--minPc {
      flex: 0 0 270px;
      min-width: 0
  }

  .l-12__fix280--minPc {
      flex: 0 0 280px;
      min-width: 0
  }

  .l-12__fix290--minPc {
      flex: 0 0 290px;
      min-width: 0
  }

  .l-12__fix300--minPc {
      flex: 0 0 300px;
      min-width: 0
  }

  .l-12__fix310--minPc {
      flex: 0 0 310px;
      min-width: 0
  }

  .l-12__fix320--minPc {
      flex: 0 0 320px;
      min-width: 0
  }

  .l-12__fix330--minPc {
      flex: 0 0 330px;
      min-width: 0
  }

  .l-12__fix340--minPc {
      flex: 0 0 340px;
      min-width: 0
  }

  .l-12__fix350--minPc {
      flex: 0 0 350px;
      min-width: 0
  }

  .l-12__fix360--minPc {
      flex: 0 0 360px;
      min-width: 0
  }

  .l-12__fix370--minPc {
      flex: 0 0 370px;
      min-width: 0
  }

  .l-12__fix380--minPc {
      flex: 0 0 380px;
      min-width: 0
  }

  .l-12__fix390--minPc {
      flex: 0 0 390px;
      min-width: 0
  }

  .l-12__fix400--minPc {
      flex: 0 0 400px;
      min-width: 0
  }

  .l-12__fix410--minPc {
      flex: 0 0 410px;
      min-width: 0
  }

  .l-12__fix420--minPc {
      flex: 0 0 420px;
      min-width: 0
  }

  .l-12__fix430--minPc {
      flex: 0 0 430px;
      min-width: 0
  }

  .l-12__fix440--minPc {
      flex: 0 0 440px;
      min-width: 0
  }

  .l-12__fix450--minPc {
      flex: 0 0 450px;
      min-width: 0
  }

  .l-12__fix460--minPc {
      flex: 0 0 460px;
      min-width: 0
  }

  .l-12__fix470--minPc {
      flex: 0 0 470px;
      min-width: 0
  }

  .l-12__fix480--minPc {
      flex: 0 0 480px;
      min-width: 0
  }

  .l-12__fix490--minPc {
      flex: 0 0 490px;
      min-width: 0
  }

  .l-12__fix500--minPc {
      flex: 0 0 500px;
      min-width: 0
  }

  .l-12__fix510--minPc {
      flex: 0 0 510px;
      min-width: 0
  }

  .l-12__fix520--minPc {
      flex: 0 0 520px;
      min-width: 0
  }

  .l-12__fix530--minPc {
      flex: 0 0 530px;
      min-width: 0
  }

  .l-12__fix540--minPc {
      flex: 0 0 540px;
      min-width: 0
  }

  .l-12__fix550--minPc {
      flex: 0 0 550px;
      min-width: 0
  }

  .l-12__fix560--minPc {
      flex: 0 0 560px;
      min-width: 0
  }

  .l-12__fix570--minPc {
      flex: 0 0 570px;
      min-width: 0
  }

  .l-12__fix580--minPc {
      flex: 0 0 580px;
      min-width: 0
  }

  .l-12__fix590--minPc {
      flex: 0 0 590px;
      min-width: 0
  }

  .l-12__fix600--minPc {
      flex: 0 0 600px;
      min-width: 0
  }
}

.l-12--nowrap {
  flex-wrap: nowrap
}

.l-12--start {
  align-items: flex-start
}

.l-12--center {
  align-items: center;
  justify-content: center
}

.l-12--right {
  align-items: flex-end
}

.l-12__line {
  width: 100%
}

.l-12__line:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e5e9ee
}

.p-box__head {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 24px;
  margin: 0 0 24px;
  background: #000
}

.p-box--blue .p-box__head {
  background: blue
}

.p-box__body {
  padding: 24px;
  background: #fff;
  border: 1px solid #000
}

.p-box--blue .p-box__body {
  background: skyblue
}

.c-button,
.p-home__middleNav__button,
.c-button--small,
.c-button--full,
.c-button--line,
.c-button--weak,
.c-button--inlineArrow,
.c-button--inline,
.c-button--form,
.c-button--action,
.c-button--accent {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .04em;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  height: 32px;
  padding: 0 16px;
  -webkit-appearance: none;
  appearance: none;
  cursor: none;
}

.c-button.beyond,
.beyond.p-home__middleNav__button,
.beyond.c-button--small,
.beyond.c-button--full,
.beyond.c-button--line,
.beyond.c-button--weak,
.beyond.c-button--inlineArrow,
.beyond.c-button--inline,
.beyond.c-button--form,
.beyond.c-button--action,
.beyond.c-button--accent {
  background: #238B3E;
}

.c-button--beyond {
  background: #238B3E;
  color: #fff;
  height: 48px;
  min-width: 220px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-weight: 600
}
.c-button--beyond img {
  width: 20px;
  margin-right: 10px;
}

.c-button--beyond:hover {
  background: #238B3E;
  transition: all .3s ease
}

.c-button--beyond--mypage {
  display: inline-flex;
  align-items: center;
  min-width: 1px;
  background: #fff;
  border: 1px solid #8c8c8c;
  border-radius: 2px;
  padding: 0;
  height: 48px
}

.c-button--beyond--mypage:hover {
  background: #fff;
  border: 1px solid #176e3a;
  transition: all .3s ease
}

.c-button--beyond--mypage:hover .c-text--accent {
  color: #176e3a;
  transition: all .3s ease
}

.c-button--beyond--menu {
  align-items: center;
  gap: 6px;
  border-radius: 30px;
  min-width: 1px;
  height: 38px;
  width: 80%;
  margin: 32px auto 0;
  background: #fff;
  border: 1px solid #8c8c8c;
  display: flex
}

@media screen and (max-width: 480px) {
  .c-button--beyond--menu {
      width: 100%;
      max-width: 260px
  }
}

.c-button--beyond--menu.shop--gr:hover {
  background: #f0f0f0;
  transition: all .3s ease
}

.c-button--accent {
  color: #fff;
  background: #176e39;
  border-color: #176e39
}

.c-button--accent:hover {
  color: #fff;
  border-color: #cc5772;
  background: #cc5772
}

.c-button--accent--shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .08)
}

.c-button--accent--high {
  color: #fff;
  background: #db5875;
  border-color: #db5875
}

.c-button--accent--high:hover {
  border-color: #c53b59;
  background: #c53b59
}

.c-button--accent--high--men {
  color: #fff;
  background: #3577c4;
  border-color: #3577c4
}

.c-button--accent--high--men:hover {
  border-color: #345f92;
  background: #345f92
}

.c-button--action {
  color: #fff;
  background: #176e3a;
  border-color: #176e3a
}

.c-button--action:hover {
  color: #fff;
  border-color: #36582f;
  background: #36582f
}

.c-button--main,
.p-pagination__list__button {
  color: #fff;
  background: #d68490;
  border-color: #d68490
}

.c-button--main:hover,
.p-pagination__list__button:hover {
  color: #fff;
  border-color: #bf6975;
  background: #bf6975
}

.c-button--formAccent {
  color: #fff;
  background: #1a73e8;
  border-color: #1a73e8
}

.c-button--formAccent:hover {
  color: #fff;
  border-color: #1d5db2;
  background: #1d5db2
}

.c-button--form {
  color: #fff;
  border: 1px solid #3577c4;
  background: #3577c4
}

.c-button--form:hover {
  color: #fff;
  border-color: #345f92;
  background: #345f92
}

.c-button--form--beyond {
  border: 1px solid #176e3a;
  background: #176e3a
}

.c-button--form--beyond:hover {
  color: #fff;
  border-color: #36582f !important;
  background: #36582f !important
}

.c-button--prev {
  color: #29324b;
  border: 1px solid #b6b9c3;
  background: #fff
}

.c-button--next {
  color: #fff;
  border: 1px solid #1a73e8;
  background: #1a73e8
}

.c-button--inline {
  color: #3577c4;
  padding: 0
}

.c-button--inline--beyond {
  color: #176e3a
}

.c-button--inline:hover {
  text-decoration: underline
}

.c-button--inlineArrow {
  color: #3577c4;
  padding: 0;
  display: inline-flex;
  align-items: center
}

.c-button--inlineArrow:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(../img/web/button/right.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 0 4px
}

.c-button--inlineArrow:hover {
  text-decoration: underline
}

.c-button--weak {
  color: #87a781;
  background: #e4eee1;
  font-weight: 500;
  border: none
}

.c-button--weak:hover {
  background: #c9d7c5
}

.c-button--round {
  border-radius: 4px
}

.c-button--narrow {
  min-width: auto;
  padding: 0
}

.c-button--line {
  color: #238B3E;
  border: 1px solid #238B3E;
  background: #fff
}

.c-button--line:hover {
  color: #fff;
  background: #238B3E;
}

.c-button--line--beyond {
  color: #fff;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0);
  transition: .2s;
  margin-left: 16px
}

.c-button--line--beyond:hover {
  color: #176e3a;
  background: #fff
}

.c-button--line.c-button--negative:hover {
  color: #91a6be;
  background: rgba(0, 0, 0, 0);
  border-color: #91a6be
}

.c-button--negative {
  color: #91a6be;
  border: 1px solid #e5e9ee;
  background: rgba(0, 0, 0, 0)
}

.c-button--negative:hover {
  border-color: #91a6be;
  background: #f1f4f7;
  color: #91a6be
}

.c-button--cart {
  background: none;
  border-color: #aaa;
  color: #fff;
  height: 32px;
  min-width: 120px;
  padding: 0 40px;
  border-radius: 4px;
  justify-content: center;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  position: relative
}

@media screen and (max-width: 768px) {
  .c-button--cart {
      min-width: 100px;
      padding-left: 30px
  }
}

.c-button--cart:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/web/onlineShop/cart.svg);
  background-size: 20px 20px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  transition: all .1s ease
}

@media screen and (max-width: 768px) {
  .c-button--cart:before {
      left: 5px
  }
}

.c-button--cart[data-cart]:after {
  content: attr(data-cart);
  font-size: 12px;
  font-weight: 700;
  color: #fff !important;
  height: 20px;
  min-width: 20px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  background: #176e39;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  line-height: 1
}

@media screen and (max-width: 768px) {
  .c-button--cart[data-cart]:after {
      right: 8px
  }
}

.c-button--cart[data-cart="0"] {
  min-width: 96px
}

@media screen and (max-width: 768px) {
  .c-button--cart[data-cart="0"] {
      min-width: 80px
  }
}

.c-button--cart[data-cart="0"]:after {
  display: none
}

.c-button--cart--black {
  color: #000;
  border-color: #000;
  justify-content: flex-start
}

.c-button--cart--black:before {
  background: url(../img/web/onlineShop/cart--black.svg)
}

.c-button--cart--black:hover {
  color: #fff;
  background: #000
}

.c-button--cart--black:hover:before {
  background: url(../img/web/onlineShop/cart.svg)
}

.c-button--addToCart {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 3px;
  height: 64px;
  width: 100%;
  background: #176e39;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .1);
  cursor: pointer
}

.c-button--addToCart:hover {
  background: #cc5772
}

.c-button--addToCart.c-button--rakuten {
  background: #fff;
  color: #176e39 !important;
  border: solid 1px #176e39;
  box-shadow: 0 2px 4px rgba(167, 68, 91, .16);
  font-size: 15px !important
}

.c-button--addToCart.c-button--rakuten:hover {
  background: #fff5f7
}

.c-button--addToCart.c-button--soldOut {
  background: #b7b7b7;
  color: #fff !important;
  font-size: 15px !important;
  box-shadow: none;
  cursor: auto
}

.c-button--buy {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  height: 80px;
  width: 100%;
  background: #176e39;
  justify-content: center;
  box-shadow: 0px 4px 12px -4px rgba(0, 0, 0, .2);
  cursor: pointer
}

.c-button--buy:hover {
  background: #cc5772
}

.c-button--change {
  padding: 0;
  color: #3577c4
}

.c-button--agree {
  background: #e9eaf0;
  color: #c8cbd3;
  pointer-events: none
}

.c-button--agree.checked {
  background: #3577c4;
  color: #fff;
  pointer-events: all
}

.c-button--qr,
.c-button--cp {
  border: solid 1px #518bcc;
  color: #518bcc
}

.c-button--qr:before,
.c-button--cp:before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  background: url(../img/web/button/qr.svg) no-repeat center;
  background-size: contain;
  margin: 0 6px 0 0
}

.c-button--cp:before {
  display: none
}

.c-button--sns {
  min-width: auto;
  flex: auto;
  min-width: 1px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  justify-content: center;
  padding: 0 4px
}

.c-button--sns:before {
  content: "";
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.c-button--sns--line {
  background: #3cbf5a
}

.c-button--sns--line:before {
  background-image: url(../img/common/icon/c-button--line.png)
}

.c-button--sns--line:hover {
  background: #33a84e
}

.c-button--sns--twitter {
  background: #03a9f4
}

.c-button--sns--twitter:before {
  background-image: url(../img/common/icon/c-button--twitter.png)
}

.c-button--sns--twitter:hover {
  background: #0492d2
}

.c-button--mens {
  border-color: #3454dd;
  color: #3454dd
}

.c-button--mens:hover {
  background: #f5f7fd
}

.c-button--mens .genderType {
  margin: 0 6px 0 0
}

.c-button--ladys {
  border-color: #f5669d;
  color: #f5669d
}

.c-button--ladys:hover {
  background: #fff9fb
}

.c-button--ladys .genderType {
  margin: 0 6px 0 0
}

.c-button--edit {
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  color: #1b7eeb;
  height: auto;
  padding: 0
}

.c-button__ghost--line {
  border: none
}

.c-button__ghost--space {
  padding: 0
}

.c-button__underLine:hover {
  text-decoration: underline
}

.c-button--large {
  height: 40px
}

.c-button--xlarge {
  height: 3rem;
  padding: 0 2rem
}

@media screen and (max-width: 480px) {
  .c-button--xlarge {
      padding: 0 1.25rem
  }
}

.c-button--small {
  height: 32px
}

.c-button--full {
  width: 100%;
  justify-content: center
}

.c-button--wide {
  min-width: 180px;
  justify-content: center;
  padding: 0 32px
}

.c-button--small {
  height: 24px;
  font-size: 12px
}

.c-button--smallNarrow {
  padding: 0 8px
}

.c-button--download {
  color: #176e39 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 3px;
  border: 1px solid #176e39;
  background: #fff;
  cursor: pointer;
  padding: 8px 16px
}

.c-button--download:hover {
  color: #fff !important;
  background: #176e39 !important
}

.c-text__lv1,
.p-warranty__section__head__title,
.p-onlineShopDetail__name,
.p-virtual__section__head__title,
.p-virtual__mainVisual__copy,
.p-about__feature__item__text .title,
.p-shopContact__item__number {
  color: #222;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.45833em;
  letter-spacing: .04em
}

@media screen and (max-width: 768px) {

  .c-text__lv1,
  .p-warranty__section__head__title,
  .p-onlineShopDetail__name,
  .p-virtual__section__head__title,
  .p-virtual__mainVisual__copy,
  .p-about__feature__item__text .title,
  .p-shopContact__item__number {
      font-size: 26px
  }
}

.c-text__lv2,
.p-warrantyMypage__head__title,
.p-warrantyLogin__head__title,
.p-warrantyStep__head__title,
.p-warranty__plan__option__head__title,
.p-warranty__about__list__body__title,
.p-warranty__section__head__title--small,
.p-onlineShopComplete__title,
.p-registration__step__current,
.p-cleanProgram__head__title,
.p-about__feature__item__text .copy,
.p-home__inbody__body__text__title,
.p-home__sportsGym__body__text__title,
.p-home__sportsGym__head__english,
.p-home__reason__item__text:before {
  color: #222;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5em;
  letter-spacing: .04em
}

@media screen and (max-width: 768px) {

  .c-text__lv2,
  .p-warrantyMypage__head__title,
  .p-warrantyLogin__head__title,
  .p-warrantyStep__head__title,
  .p-warranty__plan__option__head__title,
  .p-warranty__about__list__body__title,
  .p-warranty__section__head__title--small,
  .p-onlineShopComplete__title,
  .p-registration__step__current,
  .p-cleanProgram__head__title,
  .p-about__feature__item__text .copy,
  .p-home__inbody__body__text__title,
  .p-home__sportsGym__body__text__title,
  .p-home__sportsGym__head__english,
  .p-home__reason__item__text:before {
      font-size: 24px
  }
}

.c-text__lv3,
.p-warrantyStep__choice__title,
.p-warranty__plan__list__head__title,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__title,
.p-onlineShopCart__main__head__title,
.p-passwordReset__title,
.p-virtual__machine__list__body__copy,
.p-virtual__mainVisual__description,
.p-contact__complete .title,
.p-qa__item__head .title,
.p-price__list__detail__data,
.p-home__sportsGym__body__text__english {
  color: #222;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.45833em;
  letter-spacing: .13em
}

@media screen and (max-width: 768px) {

  .c-text__lv3,
  .p-warrantyStep__choice__title,
  .p-warranty__plan__list__head__title,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__title,
  .p-onlineShopCart__main__head__title,
  .p-passwordReset__title,
  .p-virtual__machine__list__body__copy,
  .p-virtual__mainVisual__description,
  .p-contact__complete .title,
  .p-qa__item__head .title,
  .p-price__list__detail__data,
  .p-home__sportsGym__body__text__english {
      font-size: 16px
  }
}

.c-text__lv4,
.p-pricePlan__section__head__title,
.p-warrantyId__head__plan,
.p-warrantyStep__complete__body__copy,
.p-warrantyStep__notice__head__title,
.p-warrantyStep__head__copy,
.p-warranty__plan__option__list__head__title,
.p-warranty__plan__list__head__title--small,
.p-warranty__about__list__head .number,
.p-warranty__about__list__head .title,
.p-warranty__section__head__copy,
.p-onlineShopMain__head__text__count,
.p-media__list__body__title,
.p-review__list--old .p-review__list__body__title,
.p-review__list__body__title,
.p-virtual__plan__dataList li .unit--yen,
.p-virtual__plan__dataList li .price,
.p-virtual__plan__dataList li .time,
.p-virtual__plan__dataList li .machine,
.p-virtual__machine__list__body__name,
.p-virtual__service__list__title,
.p-virtual__section__head__description,
.p-qa__item__body>.title,
.p-price__type__body__text .copy,
.p-about__feature__item__text .description b,
.p-article__body h4,
.p-article .ql-editor h4,
.p-home__shop__list__text__title,
.p-home__inbody__body__text__catchPhrase,
.p-home__sportsGym__body__text__catchPhrase,
.p-home__machine__list__item .title,
.p-home__icon__list__label,
.p-remodal__head__title {
  color: #222;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5em;
  letter-spacing: .04em
}

@media screen and (max-width: 768px) {

  .c-text__lv4,
  .p-pricePlan__section__head__title,
  .p-warrantyId__head__plan,
  .p-warrantyStep__complete__body__copy,
  .p-warrantyStep__notice__head__title,
  .p-warrantyStep__head__copy,
  .p-warranty__plan__option__list__head__title,
  .p-warranty__plan__list__head__title--small,
  .p-warranty__about__list__head .number,
  .p-warranty__about__list__head .title,
  .p-warranty__section__head__copy,
  .p-onlineShopMain__head__text__count,
  .p-media__list__body__title,
  .p-review__list--old .p-review__list__body__title,
  .p-review__list__body__title,
  .p-virtual__plan__dataList li .unit--yen,
  .p-virtual__plan__dataList li .price,
  .p-virtual__plan__dataList li .time,
  .p-virtual__plan__dataList li .machine,
  .p-virtual__machine__list__body__name,
  .p-virtual__service__list__title,
  .p-virtual__section__head__description,
  .p-qa__item__body>.title,
  .p-price__type__body__text .copy,
  .p-about__feature__item__text .description b,
  .p-article__body h4,
  .p-article .ql-editor h4,
  .p-home__shop__list__text__title,
  .p-home__inbody__body__text__catchPhrase,
  .p-home__sportsGym__body__text__catchPhrase,
  .p-home__machine__list__item .title,
  .p-home__icon__list__label,
  .p-remodal__head__title {
      font-size: 16px
  }
}

.c-text__lv5,
.p-warrantyId__body__name,
.p-warrantyId__body__title,
.p-warrantyStep__complete__head__title,
.p-warrantyStep__choice__copy,
.p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
.p-warrantyStep__item__head__title,
.p-warrantyStep__plan__head__title,
.p-warranty__plan__list__head__description,
.p-onlineShopSidebar__main__head__title,
.p-onlineShop__recommend__head__title,
.p-onlineShop__ranking__head__title,
.p-price__benefit__sub__body__title,
.c-text__lv5--base,
.p-contact__complete .description,
.p-shopDetail__list__data,
.p-home__qa__item__answer>a,
.p-home__qa__item__answer p,
.p-home__shop__list__text__address,
.p-dataList__head,
.p-media__list__body__data__target,
.p-review__list--old .p-review__list__body__data__target,
.p-review__list__body__data__target,
.p-virtual__reception__form__head,
.p-virtual__service__list__number,
.p-cleanProgram__head__description,
.p-qa__category__label,
.p-qa__nav__label__text,
.p-price__firstTime__head .title,
.p-price__list__detail__data .unit,
.p-price__list__item__main .title,
.p-about__feature__item__text .description,
.p-shopContact__item__title,
.p-shopDetail__video__frame .label,
.p-home__qa__item__question .title,
.p-home__shop__tab__button,
.p-home__sportsGym__foot__item,
.p-home__news__info__list>li a,
.p-burgerMenu__cover__list .label,
.p-burgerMenu__cover__title,
.c-input--file label:after,
.c-button--addToCart,
.c-button--buy {
  color: #222;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: .04em
}

@media screen and (max-width: 768px) {

  .c-text__lv5,
  .p-warrantyId__body__name,
  .p-warrantyId__body__title,
  .p-warrantyStep__complete__head__title,
  .p-warrantyStep__choice__copy,
  .p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
  .p-warrantyStep__item__head__title,
  .p-warrantyStep__plan__head__title,
  .p-warranty__plan__list__head__description,
  .p-onlineShopSidebar__main__head__title,
  .p-onlineShop__recommend__head__title,
  .p-onlineShop__ranking__head__title,
  .p-price__benefit__sub__body__title,
  .c-text__lv5--base,
  .p-contact__complete .description,
  .p-shopDetail__list__data,
  .p-home__qa__item__answer>a,
  .p-home__qa__item__answer p,
  .p-home__shop__list__text__address,
  .p-dataList__head,
  .p-media__list__body__data__target,
  .p-review__list--old .p-review__list__body__data__target,
  .p-review__list__body__data__target,
  .p-virtual__reception__form__head,
  .p-virtual__service__list__number,
  .p-cleanProgram__head__description,
  .p-qa__category__label,
  .p-qa__nav__label__text,
  .p-price__firstTime__head .title,
  .p-price__list__detail__data .unit,
  .p-price__list__item__main .title,
  .p-about__feature__item__text .description,
  .p-shopContact__item__title,
  .p-shopDetail__video__frame .label,
  .p-home__qa__item__question .title,
  .p-home__shop__tab__button,
  .p-home__sportsGym__foot__item,
  .p-home__news__info__list>li a,
  .p-burgerMenu__cover__list .label,
  .p-burgerMenu__cover__title,
  .c-input--file label:after,
  .c-button--addToCart,
  .c-button--buy {
      font-size: 14px
  }
}

.c-text__lv5--base,
.p-contact__complete .description,
.p-shopDetail__list__data,
.p-home__qa__item__answer>a,
.p-home__qa__item__answer p,
.p-home__shop__list__text__address {
  color: #666;
  font-weight: 400
}

.c-text__lv6,
.p-notification__link,
.p-notification__description,
.p-warrantyMypage__head__name,
.p-warrantyId__head__description,
.p-price__benefit__sub__foot__title,
.p-dataList__list__label,
.p-onlineShopEdit__item__label,
.p-onlineShopDetail__data__item__head,
.p-onlineShopDetail__stock,
.p-onlineShopDetail__price .unit,
.p-onlineShopMain__list__text__title,
.p-onlineShopMain__head__text__count .unit,
.p-onlineShop__topTitle__kana,
.p-passwordReset__description,
.p-listInfo__item__head__title,
.p-registration__body .p-listForm__item__head__title,
.p-media__list__body__data__detail__list__data,
.p-media__list__body__category,
.p-review__list--old .p-review__list__body__data__detail__list__data,
.p-review__list--old .p-review__list__body__category,
.p-review__list__body__data__detail__list__data,
.p-review__list__body__category,
.p-virtual__plan__dataList li .label,
.p-cleanProgram__list__text__label,
.p-machine__photoList figure figcaption,
.p-shopDetail__facilityList__item__label,
.p-shopDetail__list__label,
.p-header__nav__list:not(.p-header__nav__list--action) a,
.p-header__nav__list--action:not(.p-header__nav__list--action) a {
  color: #222;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.45455em;
  letter-spacing: .04em
}

.c-text__lv7,
.p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__content,
.p-onlineShopHeader__nav__list>li a,
.p-registration__head__description,
.p-registration__head--beyond__description,
.p-media__list__body__data__detail__list__label,
.p-review__list--old .p-review__list__body__data__detail__list__label,
.p-review__list__body__data__detail__list__label,
.p-listForm__label,
.p-price__list__detail__label,
.p-home__shop__list__facility__list p,
.pswp__caption__center .description {
  color: #222;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45455em;
  letter-spacing: .04em
}

.c-text__sub,
.p-onlineShopDetail__stock .unit,
.p-registration__body .p-listForm__item__body>p {
  color: #666;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: .04em
}

.c-text__note,
.p-warranty__notice__item__body__description,
.p-agreeCheck__body ol li:before,
.p-agreeCheck__body p,
.p-onlineShopSidebar__main__head__kana,
.p-ecHome__itemCard__text .price span,
.p-ecHome__card .price span,
.p-onlineShop__recommend__head__kana,
.p-onlineShop__ranking__head__kana,
.p-columnDetail__navigation__prev:before,
.p-columnDetail__navigation__next:before,
.p-onlineShopEdit__item__data small,
.p-onlineShopMain__list__text__price .unit,
.p-onlineShopMain__list__text__category,
.p-registration__body .p-listForm__item__body>span,
.p-virtual__machine__list__body__name span,
.p-formSuccess .message,
.p-formError .message,
.p-listForm__label--required:before,
.p-price__list__detail__data .taxExcluded,
.c-input--birth .c-input .unit,
.c-input--birth .c-input--radio--beyond .unit,
.c-input--birth .c-input--radio .unit,
.c-input--birth .c-input--checkbox .unit,
.c-input--birth .c-input--file .unit,
.c-input--birth .c-input--full .unit,
.c-input--birth .c-input--select .unit {
  color: #999;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.45455em;
  letter-spacing: 0;
  display: inline-block
}

@media screen and (max-width: 768px) {

  .c-text__note,
  .p-warranty__notice__item__body__description,
  .p-agreeCheck__body ol li:before,
  .p-agreeCheck__body p,
  .p-onlineShopSidebar__main__head__kana,
  .p-ecHome__itemCard__text .price span,
  .p-ecHome__card .price span,
  .p-onlineShop__recommend__head__kana,
  .p-onlineShop__ranking__head__kana,
  .p-columnDetail__navigation__prev:before,
  .p-columnDetail__navigation__next:before,
  .p-onlineShopEdit__item__data small,
  .p-onlineShopMain__list__text__price .unit,
  .p-onlineShopMain__list__text__category,
  .p-registration__body .p-listForm__item__body>span,
  .p-virtual__machine__list__body__name span,
  .p-formSuccess .message,
  .p-formError .message,
  .p-listForm__label--required:before,
  .p-price__list__detail__data .taxExcluded,
  .c-input--birth .c-input .unit,
  .c-input--birth .c-input--radio--beyond .unit,
  .c-input--birth .c-input--radio .unit,
  .c-input--birth .c-input--checkbox .unit,
  .c-input--birth .c-input--file .unit,
  .c-input--birth .c-input--full .unit,
  .c-input--birth .c-input--select .unit {
      font-size: 10px
  }
}

.c-text__color--accent {
  color: #176e39
}

.c-text__color--accent--high {
  color: #e75574
}

.c-text__weight--800 {
  font-weight: 800
}

.c-text__weight--700,
.p-warrantyMypage__head__title,
.p-warrantyLogin__head__title,
.p-warranty__plan__option__head__title,
.p-onlineShopComplete__title,
.p-onlineShopDetail__data__item__head,
.p-onlineShopDetail__price,
.p-virtual__reception__form__head,
.p-virtual__plan__dataList li .price,
.p-virtual__plan__dataList li .time,
.p-virtual__plan__dataList li .machine,
.p-virtual__machine__list__body__name,
.p-virtual__machine__list__body__copy,
.p-virtual__service__list__title,
.p-virtual__service__list__number,
.p-virtual__section__head__description,
.p-virtual__section__head__title,
.p-virtual__mainVisual__copy,
.p-formSuccess .message,
.p-formError .message,
.p-cleanProgram__head__title,
.p-listForm__label--required:before,
.p-qa__item__head .title,
.p-price__firstTime__head .title,
.p-price__list__detail__data,
.p-price__list__item__main .title,
.p-price__type__body__text .copy,
.p-about__feature__item__text .copy,
.p-about__feature__item__text .title,
.p-shopContact__item__number,
.p-shopDetail__video__frame .label,
.p-home__qa__item__answer>a,
.p-home__inbody__body__text__catchPhrase,
.p-home__inbody__body__text__title,
.p-home__sportsGym__foot__item,
.p-home__sportsGym__body__text__catchPhrase,
.p-home__sportsGym__body__text__title,
.p-home__sportsGym__body__text__english,
.p-home__sportsGym__head__title,
.p-home__sportsGym__head__english,
.p-home__machine__list__item .title,
.p-home__reason__item__text .description b,
.p-home__reason__item__text .title,
.p-home__reason__item__text:before,
.p-burgerMenu__cover__title,
.c-input--file label:after {
  font-weight: 700
}

.c-text__bold {
  font-weight: 700
}

.c-text--link {
  color: #3577c4;
  text-decoration: underline
}

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

.c-text__letter--none {
  letter-spacing: 0
}

.c-text__data--title {
  display: flex
}

.c-text__data--title:before {
  content: attr(data-ttl) " :";
  margin: 0 6px 0 0
}

.c-text__br {
  display: none
}

@media screen and (max-width: 480px) {
  .c-text__br--sp {
      display: block
  }
}

.c-text__coin {
  display: inline-flex;
  align-items: center;
  color: #eda83b;
  font-size: 18px;
  font-weight: 600;
  line-height: 1
}

.c-text__coin:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/web/mypage/charge_coin.png) no-repeat center;
  background-size: contain;
  margin: 0 6px 0 0
}

.c-text__coin.c-text__color--accent--high {
  color: #e75574
}

.c-text--accent--high {
  color: #db5875
}

.c-text--announce {
  color: #f33232;
  text-align: center;
  letter-spacing: .05rem
}

.c-text--alert {
  color: #db5875;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2em
}

.c-text--dotted {
  display: flex
}

.c-text--dotted:before {
  content: "・";
  flex: 0 0 auto;
  margin: 0 8px 0 0
}

.c-text--dotted+.c-text--dotted {
  margin: 6px 0 0
}

.c-text--point {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #444
}

.c-text--point .number {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .05em;
  margin: 0 0 0 6px;
  color: #e0778d
}

.c-text--point .number:before {
  content: "";
  width: 14px;
  height: 14px;
  margin: 0 6px 0 0;
  background: url(../img/common/icon/point.svg) no-repeat center;
  background-size: contain
}

.c-text--point--white {
  color: #fff
}

.c-text--point--white .number {
  color: #fff
}

.c-image,
.c-image--notification,
.c-image--wide,
.c-image--standard {
  display: block;
  width: 100%;
  height: auto;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

.c-image--half {
  background-size: 50% auto !important
}

.c-image--70 {
  background-size: 70% auto !important
}

.c-image:before,
.c-image--notification:before,
.c-image--wide:before,
.c-image--standard:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}

.c-image--standard:before {
  padding-top: 75%
}

.c-image--wide:before {
  padding-top: 56.25%
}

.c-image--round {
  border-radius: 50%
}

.c-image--48 {
  width: 48px
}

.c-image--64 {
  width: 64px
}

.c-image--80 {
  width: 80px
}

.c-image--120 {
  width: 120px
}

.c-image--160 {
  width: 160px
}

.c-image--200 {
  width: 200px
}

.c-image--notification {
  background: url(../img/common/icon/notification--outline.svg)
}

.c-image--notification:hover {
  background: url(../img/common/icon/notification--fill.svg)
}

.c-input,
.c-input--radio--beyond,
.c-input--radio,
.c-input--checkbox,
.c-input--file,
.c-input--select,
.c-input--full {
  display: inline-flex;
  position: relative
}

.c-input--checkbox--beyond label {
  color: #176e3a !important;
  cursor: pointer
}

.c-input--checkbox--beyond input[type=checkbox]:checked+label {
  color: #3577c4
}

.c-input--checkbox--beyond input[type=checkbox]:checked+label:before {
  background: url(../img/common/beyondshoes/checkbox--checked.svg) !important
}

.c-input--beyond input {
  border-color: #176e3a !important
}

.c-input--beyond select {
  border-color: #176e3a !important;
  border: 1px solid #176e3a
}

.c-input--select select,
.c-input textarea,
.c-input--radio--beyond textarea,
.c-input--radio textarea,
.c-input--checkbox textarea,
.c-input--file textarea,
.c-input--select textarea,
.c-input--full textarea,
.c-input input,
.c-input--radio--beyond input,
.c-input--radio input,
.c-input--checkbox input,
.c-input--file input,
.c-input--select input,
.c-input--full input {
  font-size: 16px;
  letter-spacing: .04em;
  height: 40px;
  padding: 0 12px;
  width: 100%;
  border: 1px solid #91a6be;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media screen and (max-width: 480px) {

  .c-input--select select,
  .c-input textarea,
  .c-input--radio--beyond textarea,
  .c-input--radio textarea,
  .c-input--checkbox textarea,
  .c-input--file textarea,
  .c-input--select textarea,
  .c-input--full textarea,
  .c-input input,
  .c-input--radio--beyond input,
  .c-input--radio input,
  .c-input--checkbox input,
  .c-input--file input,
  .c-input--select input,
  .c-input--full input {
      height: 40px
  }
}

.c-input ::-webkit-input-placeholder,
.c-input--radio--beyond ::-webkit-input-placeholder,
.c-input--radio ::-webkit-input-placeholder,
.c-input--checkbox ::-webkit-input-placeholder,
.c-input--file ::-webkit-input-placeholder,
.c-input--select ::-webkit-input-placeholder,
.c-input--full ::-webkit-input-placeholder {
  color: #bbb
}

.c-input :-ms-input-placeholder,
.c-input--radio--beyond :-ms-input-placeholder,
.c-input--radio :-ms-input-placeholder,
.c-input--checkbox :-ms-input-placeholder,
.c-input--file :-ms-input-placeholder,
.c-input--select :-ms-input-placeholder,
.c-input--full :-ms-input-placeholder {
  color: #bbb
}

.c-input ::-moz-placeholder,
.c-input--radio--beyond ::-moz-placeholder,
.c-input--radio ::-moz-placeholder,
.c-input--checkbox ::-moz-placeholder,
.c-input--file ::-moz-placeholder,
.c-input--select ::-moz-placeholder,
.c-input--full ::-moz-placeholder {
  color: #bbb
}

.c-input input:disabled,
.c-input--radio--beyond input:disabled,
.c-input--radio input:disabled,
.c-input--checkbox input:disabled,
.c-input--file input:disabled,
.c-input--select input:disabled,
.c-input--full input:disabled {
  color: #222;
  background-color: #e9eaf0
}

.c-input--small input {
  height: 32px
}

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

.c-input textarea,
.c-input--radio--beyond textarea,
.c-input--radio textarea,
.c-input--checkbox textarea,
.c-input--file textarea,
.c-input--select textarea,
.c-input--full textarea {
  overflow: auto;
  padding: 8px 8px;
  resize: none;
  min-height: 64px
}

@media screen and (max-width: 480px) {

  .c-input textarea,
  .c-input--radio--beyond textarea,
  .c-input--radio textarea,
  .c-input--checkbox textarea,
  .c-input--file textarea,
  .c-input--select textarea,
  .c-input--full textarea {
      padding: 5px 8px
  }
}

.c-input input[type=number]::-webkit-outer-spin-button,
.c-input--radio--beyond input[type=number]::-webkit-outer-spin-button,
.c-input--radio input[type=number]::-webkit-outer-spin-button,
.c-input--checkbox input[type=number]::-webkit-outer-spin-button,
.c-input--file input[type=number]::-webkit-outer-spin-button,
.c-input--select input[type=number]::-webkit-outer-spin-button,
.c-input--full input[type=number]::-webkit-outer-spin-button,
.c-input input[type=number]::-webkit-inner-spin-button,
.c-input--radio--beyond input[type=number]::-webkit-inner-spin-button,
.c-input--radio input[type=number]::-webkit-inner-spin-button,
.c-input--checkbox input[type=number]::-webkit-inner-spin-button,
.c-input--file input[type=number]::-webkit-inner-spin-button,
.c-input--select input[type=number]::-webkit-inner-spin-button,
.c-input--full input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.c-input input[type=number],
.c-input--radio--beyond input[type=number],
.c-input--radio input[type=number],
.c-input--checkbox input[type=number],
.c-input--file input[type=number],
.c-input--select input[type=number],
.c-input--full input[type=number] {
  -moz-appearance: textfield
}

.c-input--full {
  width: 100%
}

.c-input--full input,
.c-input--full textarea {
  width: 100%
}

.c-input--full #coupin_btn {
  transition: .5s ease-in-out
}

@keyframes spin {
  0% {
      transform: rotate(0deg)
  }

  100% {
      transform: rotate(360deg)
  }
}

.c-input .loading,
.c-input--radio--beyond .loading,
.c-input--radio .loading,
.c-input--checkbox .loading,
.c-input--file .loading,
.c-input--select .loading,
.c-input--full .loading {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: .25rem solid rgba(255, 255, 255, .2);
  border-top-color: #fff;
  animation: spin 1s infinite linear
}

.c-input--half {
  width: 50%
}

.c-input--half input,
.c-input--half textarea {
  width: 100%
}

.c-input--select {
  position: relative
}

.c-input--select:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/web/p-input/select.svg);
  background-size: 20px 20px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none
}

.c-input--select select {
  padding-right: 24px;
  background: #fff
}

.c-input--select select::-ms-expand {
  display: none
}

.c-input--select--image .select2__user {
  display: flex;
  font-weight: 500;
  align-items: center
}

.c-input--select--image .select2__user__image {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 50%;
  margin: 0 8px 0 0
}

.c-input--select.c-input--beyond:before {
  background: url(../img/web/p-input/select--beyond.svg);
  right: 6px
}

.c-input--select2:before {
  display: none
}

.c-input--select2 .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0
}

.c-input--select2 .select2-container .select2-selection--single .select2-selection__rendered[title=選択してください] {
  color: #c1c1c1
}

.c-input--select2 .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #91a6be;
  background: #f3f7fb;
  height: 44px;
  padding: 4px 12px
}

.c-input--select2 .select2-container--default .select2-selection--single {
  font-size: 16px;
  height: 44px;
  padding: 0 8px;
  width: 100%;
  border: 1px solid #91a6be;
  border-radius: 3px
}

.c-input--select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px
}

.c-input--select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
  width: 44px
}

.c-input--select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  width: 24px;
  height: 24px;
  background: url(../img/web/p-input/select.svg);
  background-size: 20px 20px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  transform: translateY(-50%);
  pointer-events: none
}

.c-input--starEvaluation .c-input--select {
  border: 1px solid #91a6be;
  border-radius: 4px
}

.c-input--starEvaluation .c-input--select select {
  width: auto;
  padding: 0 1rem;
  border: none;
  padding-right: 120px
}

.c-input--starEvaluation .c-input--select .c-starEvaluation {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translate(0px, -50%);
  pointer-events: none
}

.c-input--birth {
  margin: -4px
}

.c-input--birth .c-input,
.c-input--birth .c-input--radio--beyond,
.c-input--birth .c-input--radio,
.c-input--birth .c-input--checkbox,
.c-input--birth .c-input--file,
.c-input--birth .c-input--full,
.c-input--birth .c-input--select {
  position: relative;
  padding: 4px
}

.c-input--birth .c-input--year {
  width: 88px
}

.c-input--birth .c-input--month,
.c-input--birth .c-input--day {
  width: 72px
}

.c-input--birth .c-input input,
.c-input--birth .c-input--radio--beyond input,
.c-input--birth .c-input--radio input,
.c-input--birth .c-input--checkbox input,
.c-input--birth .c-input--file input,
.c-input--birth .c-input--full input,
.c-input--birth .c-input--select input {
  padding-right: 24px
}

.c-input--birth .c-input .unit,
.c-input--birth .c-input--radio--beyond .unit,
.c-input--birth .c-input--radio .unit,
.c-input--birth .c-input--checkbox .unit,
.c-input--birth .c-input--file .unit,
.c-input--birth .c-input--full .unit,
.c-input--birth .c-input--select .unit {
  font-weight: 500;
  color: #29324b;
  position: absolute;
  right: 9px;
  top: 55%;
  transform: translate(0, -50%)
}

.c-input--file {
  display: flex;
  flex-direction: column;
  position: relative
}

.c-input--file input[type=file] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}

.c-input--file label {
  border: 1px solid;
  border-radius: 3px;
  cursor: pointer;
  position: relative
}

.c-input--file label:after {
  content: "アップロード";
  font-size: 10px !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(154, 191, 155, .5);
  transition: all .2s ease;
  position: absolute;
  top: 0;
  left: 0
}

.c-input--file label:hover:after {
  background: rgba(154, 191, 155, .7)
}

.c-input--file .c-button--remove {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}

.c-input--file--text label {
  background: #f2f4f6;
  border: solid 1px #dee3e8;
  min-height: 56px;
  padding: 8px 24px;
  display: flex;
  align-items: center;
  cursor: pointer
}

.c-input--file--text label:after {
  display: none
}

.c-input--file--text label span {
  color: #b1b6bc;
  font-size: 16px
}

.c-input--file--text label.active {
  border-color: #1a73e8;
  background: rgba(26, 115, 232, .07)
}

.c-input--file--text label.active span {
  color: #1a73e8
}

.c-input--file--face label.c-image--round {
  border-radius: 50%;
  overflow: hidden
}

.c-input--file--face label:after {
  content: "顔写真を登録";
  font-size: 12px !important
}

.c-input--file--face .c-button--negative {
  padding: 0 2px;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  margin: 6px 0 0;
  border-color: #91a6be;
  background: #f6faff
}

.c-input--fileAdd {
  display: flex
}

.c-input--fileAdd input {
  position: absolute;
  opacity: 0;
  pointer-events: none
}

.c-input--fileAdd label {
  height: 40px;
  flex: auto;
  min-width: 1px;
  border: 1px solid #91a6be;
  font-size: 16px;
  letter-spacing: .04em;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding: 4px 12px 4px 40px;
  position: relative;
  cursor: pointer
}

.c-input--fileAdd label:before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(../img/web/recruit/icon_fileAdd.svg) no-repeat center;
  background-size: contain
}

.c-input--fileAdd label span {
  color: #b6b9c3
}

.c-input--fileAdd label.active {
  border-color: #1a73e8;
  background: rgba(26, 115, 232, .07)
}

.c-input--fileAdd label.active span {
  color: #1a73e8
}

.c-input--fileAdd .c-button,
.c-input--fileAdd .p-home__middleNav__button,
.c-input--fileAdd .c-button--accent,
.c-input--fileAdd .c-button--action,
.c-input--fileAdd .c-button--form,
.c-input--fileAdd .c-button--inline,
.c-input--fileAdd .c-button--inlineArrow,
.c-input--fileAdd .c-button--weak,
.c-input--fileAdd .c-button--line,
.c-input--fileAdd .c-button--full,
.c-input--fileAdd .c-button--small {
  margin: 0 0 0 6px;
  height: 40px;
  flex: 0 0 auto;
  padding: 0 8px;
  min-width: 90px;
  justify-content: center
}

.c-input--fileAdd .c-button--form {
  padding: 0 16px 0 8px
}

.c-input--fileAdd .c-button--form:before {
  content: "";
  width: 26px;
  height: 26px;
  background: url(../img/web/recruit/icon_fileAdd--white.svg) no-repeat center;
  background-size: contain;
  margin: 0 4px 0 0
}

.c-input--linkAdd {
  display: flex;
  position: relative
}

.c-input--linkAdd:before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(../img/web/recruit/icon_linkAdd.svg) no-repeat center;
  background-size: contain
}

.c-input--linkAdd input {
  height: 40px;
  flex: auto;
  min-width: 1px;
  border: 1px solid #91a6be;
  font-size: 16px;
  letter-spacing: .04em;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding: 4px 12px 4px 40px
}

.c-input--linkAdd .c-button,
.c-input--linkAdd .p-home__middleNav__button,
.c-input--linkAdd .c-button--accent,
.c-input--linkAdd .c-button--action,
.c-input--linkAdd .c-button--form,
.c-input--linkAdd .c-button--inline,
.c-input--linkAdd .c-button--inlineArrow,
.c-input--linkAdd .c-button--weak,
.c-input--linkAdd .c-button--line,
.c-input--linkAdd .c-button--full,
.c-input--linkAdd .c-button--small {
  margin: 0 0 0 6px;
  height: 40px;
  flex: 0 0 auto;
  padding: 0 8px;
  min-width: 90px;
  justify-content: center
}

.c-input--linkAdd .c-button--form {
  padding: 0 16px 0 8px
}

.c-input--linkAdd .c-button--form:before {
  content: "";
  width: 26px;
  height: 26px;
  background: url(../img/web/recruit/icon_linkAdd--white.svg) no-repeat center;
  background-size: contain;
  margin: 0 4px 0 0
}

.c-input--textarea textarea {
  min-height: 140px
}

.c-input--radio--beyond input[type=radio],
.c-input--radio input[type=radio],
.c-input--checkbox input[type=checkbox],
.c-input .c-input--checkbox--beyond input[type=checkbox],
.c-input--radio--beyond .c-input--checkbox--beyond input[type=checkbox],
.c-input--radio .c-input--checkbox--beyond input[type=checkbox],
.c-input--checkbox--beyond .c-input input[type=checkbox],
.c-input--checkbox--beyond .c-input--radio--beyond input[type=checkbox],
.c-input--checkbox--beyond .c-input--radio input[type=checkbox],
.c-input--full .c-input--checkbox--beyond input[type=checkbox],
.c-input--checkbox--beyond .c-input--full input[type=checkbox],
.c-input--select .c-input--checkbox--beyond input[type=checkbox],
.c-input--checkbox--beyond .c-input--select input[type=checkbox],
.c-input--file .c-input--checkbox--beyond input[type=checkbox],
.c-input--checkbox--beyond .c-input--file input[type=checkbox] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}

.c-input--radio--beyond label:before,
.c-input--radio label:before,
.c-input--checkbox label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/web/p-input/radio.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%)
}

.c-input--radio--beyond label,
.c-input--radio label,
.c-input--checkbox label,
.c-input .c-input--checkbox--beyond label,
.c-input--checkbox--beyond .c-input label,
.c-input--full .c-input--checkbox--beyond label,
.c-input--checkbox--beyond .c-input--full label,
.c-input--select .c-input--checkbox--beyond label,
.c-input--checkbox--beyond .c-input--select label,
.c-input--file .c-input--checkbox--beyond label,
.c-input--checkbox--beyond .c-input--file label {
  color: #91a6be;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 32px;
  padding: 0 12px 0 20px;
  position: relative
}

.c-input--checkbox {
  display: flex;
  flex-wrap: wrap;
  width: auto
}

.c-input--checkbox--column {
  flex-direction: column
}

.c-input--checkbox input[type=checkbox]:checked+label {
  color: #3577c4
}

.c-input--checkbox input[type=checkbox]:checked+label:before {
  background: url(../img/web/p-input/checkbox--checked.svg)
}

.c-input--checkbox label {
  cursor: pointer
}

.c-input--checkbox label:before {
  background: url(../img/common/beyondshoes/checkbox.svg)
}

.c-input--checkbox label.full {
  width: 100%
}

.c-input--checkbox--label {
  margin: -2px
}

.c-input--checkbox--label label {
  margin: 2px;
  border: 1px solid #e5e9ee;
  border-radius: 2px;
  padding-left: 24px;
  cursor: pointer
}

.c-input--checkbox--label label:hover {
  color: #3577c4;
  border-color: #3577c4
}

.c-input--checkbox--label label:before {
  left: 4px;
  width: 16px;
  height: 16px;
  background: url(../img/web/p-input/checkbox.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

.c-input--checkbox--label label:last-of-type {
  padding-right: 12px
}

.c-input--checkbox--label input[type=radio]:checked+label {
  color: #fff;
  border-color: #3577c4;
  background: #3577c4
}

.c-input--checkbox--label input[type=radio]:checked+label:before {
  background: url(../img/web/p-input/checkbox--checked--white.svg)
}

.c-input--checkbox--label input[type=radio]:checked+label.label--error {
  border-color: #f75769;
  background: #f75769
}

.c-input--checkbox--terms {
  padding: 0 0 0 4px;
  margin: 16px 0 0
}

.c-input--checkbox--terms label {
  color: #7f8391
}

.c-input--checkbox--terms label a {
  color: #7f8391;
  text-decoration: underline;
  margin: 0 1px 0 0
}

.c-input--checkbox--terms input:checked+label a {
  color: #518acc
}

.c-input--checkbox--allcheck {
  margin: 14px 0 -8px;
  display: inline-flex
}

@media screen and (max-width: 480px) {
  .c-input--checkbox--allcheck {
      margin: 10px 0 -8px
  }
}

.c-input--checkbox--allcheck label {
  border: solid 2px #91a5be;
  border-radius: 3px;
  padding: 0 24px 0 40px;
  font-size: 13px;
  height: 40px;
  color: #344d70;
  font-weight: 500;
  letter-spacing: .04em
}

.c-input--checkbox--allcheck label:before {
  left: 11px
}

.c-input--checkbox--allcheck input:checked+label {
  border-color: #6093cb;
  background: #f1f6fc
}

.c-input--machine label {
  height: auto;
  width: 100%;
  padding: 8px;
  border: solid 1px #91a6be;
  border-radius: 4px;
  cursor: pointer
}

.c-input--machine label:before {
  left: 2px;
  top: 12px
}

.c-input--machine label .p-list--nowrap .p-list__item+.p-list__item {
  margin: 2px 0 0
}

.c-input--machine label .p-list [class*=c-text] {
  color: #91a6be
}

.c-input--machine input:checked+label {
  border-color: #518acc
}

.c-input--machine input:checked+label .p-list [class*=c-text] {
  color: #518acc
}

.c-input--radio {
  display: flex;
  flex-wrap: wrap;
  width: auto
}

.c-input--radio input[type=radio]:checked+label {
  color: #3577c4
}

.c-input--radio input[type=radio]:checked+label:before {
  background: url(../img/web/p-input/radio--checked.svg)
}

.c-input--radio label:before {
  background: url(../img/web/p-input/radio.svg)
}

.c-input--radio--label {
  margin: -4px
}

.c-input--radio--label--beyond input[type=radio]:checked+label:before {
  background: url(../img/common/beyondshoes/radio--checked.svg) !important
}

.c-input--radio--label label {
  background: #fff;
  height: 40px;
  margin: 4px;
  padding: 0 24px 0 40px;
  border: 1px solid #e5e9ee;
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label {
      padding: 0 16px 0 32px
  }
}

.c-input--radio--label label.heightAuto {
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px
}

.c-input--radio--label label.large {
  height: 48px
}

.c-input--radio--label label.small {
  padding: 0 16px 0 32px
}

.c-input--radio--label label.half {
  width: calc(50% - 8px)
}

.c-input--radio--label label.full {
  width: calc(100% - 4px)
}

.c-input--radio--label label:hover {
  color: #3577c4;
  border-color: #3577c4aa
}

.c-input--radio--label label:before {
  left: 8px;
  width: 16px;
  height: 16px;
  background: url(../img/common/beyondshoes/radio.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

.c-input--radio--label label small {
  font-size: 13px;
  margin: 0 0 0 6px
}

.c-input--radio--label label.c-input__label--plan {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  border: solid 2px #e5e9ed;
  height: auto;
  padding: 0;
  display: block;
  background: #fff
}

.c-input--radio--label label.c-input__label--plan:before {
  top: 9px;
  left: 12px;
  width: 20px;
  height: 20px;
  transform: translate(0, 0);
  z-index: 1
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan:before {
      top: 6px
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__head {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 0 0 2.8rem;
  background: #eee
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__head {
      min-height: 32px;
      padding: 0 0 0 2.5rem
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__head__title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__head__title {
      font-size: 1rem
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__body {
  padding: 8px 16px
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__body {
      padding: 8px
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception {
  display: flex;
  align-items: flex-end;
  padding: 0 0 .5rem;
  border-bottom: solid 1px #e8ecef
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__reception {
      flex-direction: column;
      align-items: flex-start;
      padding: 0 0 .25rem
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop {
  display: flex;
  align-items: flex-end
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop+.c-input__label__reception__shop {
  margin: 0 0 0 auto;
  padding: 0 0 0 .5rem
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop+.c-input__label__reception__shop {
      margin: 0;
      padding: 0
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__title {
  font-size: .8125rem;
  font-weight: 600;
  margin: 0 .85rem 0 0;
  color: #444
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__title {
      font-size: .75rem;
      font-weight: 500;
      color: #666;
      width: 60px;
      margin: 0 .5rem 0 0
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__time {
  font-size: .875rem;
  font-weight: 600;
  color: #444
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__time {
      display: flex;
      align-items: center;
      flex: auto;
      min-width: 1px
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__time .unit {
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: -0.05rem;
  margin: 0 0 0 .25rem
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__time img {
  display: block;
  height: 18px;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__time img {
      margin: 0 .5rem 0 0
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__time--using {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__reception__shop__time--using {
      font-size: 1.5rem
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price {
  padding: .5rem 0 .2rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price {
      flex-direction: column
  }
}

@media screen and (max-width: 480px) {

  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before,
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after {
      display: flex;
      align-items: flex-end
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price,
.c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price {
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: flex-end;
  line-height: 1
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price .taxin,
.c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
  font-size: .7rem;
  font-weight: 600;
  flex: 0 0 auto;
  width: 1rem;
  display: inline-block;
  transform: translate(0px, -4px)
}

@media screen and (max-width: 480px) {

  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price .taxin,
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
      width: auto;
      margin: 0 .5rem 0 0
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price .unit,
.c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .unit {
  font-size: .875rem;
  font-weight: 600;
  flex: 0 0 auto;
  letter-spacing: -0.08rem;
  margin: 0 0 0 .25rem;
  transform: translate(0px, -6px)
}

@media screen and (max-width: 480px) {

  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price .unit,
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .unit {
      font-size: .75rem;
      transform: translate(0px, -3px)
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .title {
  font-size: 12px;
  font-weight: 600;
  color: #b8c2ca
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .title {
      margin: 0 .5rem 0 0;
      color: #999 !important
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price {
  color: #b8c2ca
}

@media screen and (max-width: 560px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price {
      font-size: 2rem
  }
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price {
      font-size: 1.25rem;
      color: #999 !important
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price:before,
.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #b8c2ca;
  position: absolute;
  top: 40%;
  left: 0
}

@media screen and (max-width: 480px) {

  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price:before,
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price:after {
      top: 50%;
      background: #999 !important
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price:after {
  top: 60%
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__before .price:after {
      display: none
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__after {
  padding: 0 0 0 2.25rem;
  position: relative
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after {
      padding: 0
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__after:before {
  content: "";
  position: absolute;
  left: .875rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b8c2ca
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after:before {
      display: none
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price {
  font-size: 2.75rem;
  font-weight: 800;
  color: #f25757
}

@media screen and (max-width: 560px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price {
      font-size: 2.5rem
  }
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price {
      font-size: 2rem
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
  color: #f25757;
  transform: translate(0px, -4px);
  font-size: 14px;
  line-height: 1.2em;
  margin: 0 .25rem 0 0
}

@media screen and (max-width: 560px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
      font-size: 12px;
      transform: translate(0px, -5px)
  }
}

.c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .unit {
  color: #f25757;
  font-size: 1.125rem;
  font-weight: 900
}

@media screen and (max-width: 480px) {
  .c-input--radio--label label.c-input__label--plan .c-input__label__price__after .price .unit {
      font-size: .875rem;
      transform: translate(0px, -5px)
  }
}

.c-input--radio--label label.c-input__label--plan--lightGreen .c-input__label__head {
  background: #7dbf77
}

.c-input--radio--label label.c-input__label--plan--lightSapphire .c-input__label__head {
  background: #5876c6
}

.c-input--radio--label label.c-input__label--plan--lightPink .c-input__label__head {
  background: #f289c9
}

.c-input--radio--label label.c-input__label--plan--lightRuby .c-input__label__head {
  background: #c25175
}

.c-input--radio--label input[type=radio]:checked+label {
  color: #1a73e8;
  border-color: #1a73e8;
  background: #1a73e811;
  border-color: #176e3a;
  background: #edf3ec
}

.c-input--radio--label input[type=radio]:checked+label:before {
  background: url(../img/web/p-input/radio--checked.svg)
}

.c-input--radio--label input[type=radio]:checked+label.label--error {
  border-color: #f75769;
  background: #f75769
}

.c-input--radio--label input[type=radio]:checked+label.c-input__label--plan {
  background-color: #fff;
  border-width: 2px
}

.c-input--radio--label input[type=radio]:checked+label.c-input__label--plan .c-input__label__head {
  position: relative
}

.c-input--radio--label input[type=radio]:checked+label.c-input__label--plan .c-input__label__head:after {
  content: "-選択中-";
  position: absolute;
  right: 16px;
  top: 12px;
  font-size: .825rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: .05rem
}

@media screen and (max-width: 480px) {
  .c-input--radio--label input[type=radio]:checked+label.c-input__label--plan .c-input__label__head:after {
      font-size: .75rem;
      top: 9px
  }
}

.c-input--radio--label input[type=radio]:checked+label.c-input__label--plan--lightGreen {
  border-color: #7dbf77
}

.c-input--radio--label input[type=radio]:checked+label.c-input__label--plan--lightSapphire {
  border-color: #5876c6
}

.c-input--radio--label input[type=radio]:checked+label.c-input__label--plan--lightPink {
  border-color: #f289c9
}

.c-input--radio--label input[type=radio]:checked+label.c-input__label--plan--lightRuby {
  border-color: #c25175
}

.c-input--radio--label--machine label {
  padding: 0 16px 0 20px
}

.c-input--radio--label--machine label:before {
  top: 4px;
  left: 4px;
  transform: translateY(0)
}

.c-input--radio--label--machine label.heightAuto {
  padding-top: 8px;
  padding-bottom: 8px
}

.c-input--radio--label--machine label span {
  font-size: 13px;
  line-height: 1.3em
}

.c-input--radio--label--machine label span .c-text__bold {
  margin: 0 0 2px;
  font-size: 15px
}

.c-input--radio--label--machine input[type=radio]:checked+label {
  background: none
}

.c-input--radio--label--credit label {
  padding: 11px 16px 10px 40px;
  height: auto;
  min-height: 48px
}

.c-input--radio--label--credit label:before {
  left: 14px
}

.c-input--radio--label--credit label .p-text {
  margin: 6px 0 0
}

.c-input--radio--label--credit label .p-text img {
  width: auto;
  height: 22px
}

.c-input--radio--beyond {
  display: flex;
  flex-wrap: wrap;
  width: auto
}

.c-input--radio--beyond input[type=radio]:checked+label {
  color: #176e3a
}

.c-input--radio--beyond input[type=radio]:checked+label:before {
  background: url(../img/common/beyondshoes/radio--checked.svg)
}

.c-input--radio--beyond label:before {
  background: url(../img/common/beyondshoes/radio.svg)
}

.c-input--radio--beyond--label {
  margin: -4px
}

.c-input--radio--beyond--label--beyond input[type=radio]:checked+label:before {
  background: url(../img/common/beyondshoes/radio--checked.svg) !important
}

.c-input--radio--beyond--label label {
  background: #fff;
  height: 40px;
  margin: 4px;
  padding: 0 24px 0 40px;
  color: #91be9c;
  border: 1px solid #e7eee5;
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label {
      padding: 0 16px 0 32px
  }
}

.c-input--radio--beyond--label label.heightAuto {
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px
}

.c-input--radio--beyond--label label.large {
  height: 48px
}

.c-input--radio--beyond--label label.small {
  padding: 0 16px 0 32px
}

.c-input--radio--beyond--label label.half {
  width: calc(50% - 8px)
}

.c-input--radio--beyond--label label.full {
  width: calc(100% - 4px)
}

.c-input--radio--beyond--label label:hover {
  color: #176e3a;
  border-color: #176e3aaa
}

.c-input--radio--beyond--label label:before {
  left: 8px;
  width: 16px;
  height: 16px;
  background: url(../img/common/beyondshoes/radio.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

.c-input--radio--beyond--label label small {
  font-size: 13px;
  margin: 0 0 0 6px
}

.c-input--radio--beyond--label label.c-input__label--plan {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  border: solid 2px #e5e9ed;
  height: auto;
  padding: 0;
  display: block;
  background: #fff
}

.c-input--radio--beyond--label label.c-input__label--plan:before {
  top: 9px;
  left: 12px;
  width: 20px;
  height: 20px;
  transform: translate(0, 0);
  z-index: 1
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan:before {
      top: 6px
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__head {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 0 0 2.8rem;
  background: #eee
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__head {
      min-height: 32px;
      padding: 0 0 0 2.5rem
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__head__title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__head__title {
      font-size: 1rem
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__body {
  padding: 8px 16px
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__body {
      padding: 8px
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception {
  display: flex;
  align-items: flex-end;
  padding: 0 0 .5rem;
  border-bottom: solid 1px #e8ecef
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception {
      flex-direction: column;
      align-items: flex-start;
      padding: 0 0 .25rem
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop {
  display: flex;
  align-items: flex-end
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop+.c-input__label__reception__shop {
  margin: 0 0 0 auto;
  padding: 0 0 0 .5rem
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop+.c-input__label__reception__shop {
      margin: 0;
      padding: 0
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__title {
  font-size: .8125rem;
  font-weight: 600;
  margin: 0 .85rem 0 0;
  color: #444
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__title {
      font-size: .75rem;
      font-weight: 500;
      color: #666;
      width: 60px;
      margin: 0 .5rem 0 0
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__time {
  font-size: .875rem;
  font-weight: 600;
  color: #444
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__time {
      display: flex;
      align-items: center;
      flex: auto;
      min-width: 1px
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__time .unit {
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: -0.05rem;
  margin: 0 0 0 .25rem
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__time img {
  display: block;
  height: 18px;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__time img {
      margin: 0 .5rem 0 0
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__time--using {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__reception__shop__time--using {
      font-size: 1.5rem
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price {
  padding: .5rem 0 .2rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price {
      flex-direction: column
  }
}

@media screen and (max-width: 480px) {

  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before,
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after {
      display: flex;
      align-items: flex-end
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price,
.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price {
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: flex-end;
  line-height: 1
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price .taxin,
.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
  font-size: .7rem;
  font-weight: 600;
  flex: 0 0 auto;
  width: 1rem;
  display: inline-block;
  transform: translate(0px, -4px)
}

@media screen and (max-width: 480px) {

  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price .taxin,
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
      width: auto;
      margin: 0 .5rem 0 0
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price .unit,
.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .unit {
  font-size: .875rem;
  font-weight: 600;
  flex: 0 0 auto;
  letter-spacing: -0.08rem;
  margin: 0 0 0 .25rem;
  transform: translate(0px, -6px)
}

@media screen and (max-width: 480px) {

  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price .unit,
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .unit {
      font-size: .75rem;
      transform: translate(0px, -3px)
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .title {
  font-size: 12px;
  font-weight: 600;
  color: #b8c2ca
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .title {
      margin: 0 .5rem 0 0;
      color: #999 !important
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price {
  color: #b8c2ca
}

@media screen and (max-width: 560px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price {
      font-size: 2rem
  }
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price {
      font-size: 1.25rem;
      color: #999 !important
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price:before,
.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #b8c2ca;
  position: absolute;
  top: 40%;
  left: 0
}

@media screen and (max-width: 480px) {

  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price:before,
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price:after {
      top: 50%;
      background: #999 !important
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price:after {
  top: 60%
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__before .price:after {
      display: none
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after {
  padding: 0 0 0 2.25rem;
  position: relative
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after {
      padding: 0
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after:before {
  content: "";
  position: absolute;
  left: .875rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b8c2ca
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after:before {
      display: none
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price {
  font-size: 2.75rem;
  font-weight: 800;
  color: #f25757
}

@media screen and (max-width: 560px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price {
      font-size: 2.5rem
  }
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price {
      font-size: 2rem
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
  color: #f25757;
  transform: translate(0px, -4px);
  font-size: 14px;
  line-height: 1.2em;
  margin: 0 .25rem 0 0
}

@media screen and (max-width: 560px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .taxin {
      font-size: 12px;
      transform: translate(0px, -5px)
  }
}

.c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .unit {
  color: #f25757;
  font-size: 1.125rem;
  font-weight: 900
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label label.c-input__label--plan .c-input__label__price__after .price .unit {
      font-size: .875rem;
      transform: translate(0px, -5px)
  }
}

.c-input--radio--beyond--label label.c-input__label--plan--lightGreen .c-input__label__head {
  background: #7dbf77
}

.c-input--radio--beyond--label label.c-input__label--plan--lightSapphire .c-input__label__head {
  background: #5876c6
}

.c-input--radio--beyond--label label.c-input__label--plan--lightPink .c-input__label__head {
  background: #f289c9
}

.c-input--radio--beyond--label label.c-input__label--plan--lightRuby .c-input__label__head {
  background: #c25175
}

.c-input--radio--beyond--label input[type=radio]:checked+label {
  color: #176e3a;
  border-color: #176e3a;
  background: #176e3a11
}

.c-input--radio--beyond--label input[type=radio]:checked+label:before {
  background: url(../img/common/beyondshoes/radio--checked.svg) !important
}

.c-input--radio--beyond--label input[type=radio]:checked+label.label--error {
  border-color: #f75769;
  background: #f75769
}

.c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan {
  background-color: #fff;
  border-width: 2px
}

.c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan .c-input__label__head {
  position: relative
}

.c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan .c-input__label__head:after {
  content: "-選択中-";
  position: absolute;
  right: 16px;
  top: 12px;
  font-size: .825rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: .05rem
}

@media screen and (max-width: 480px) {
  .c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan .c-input__label__head:after {
      font-size: .75rem;
      top: 9px
  }
}

.c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan--lightGreen {
  border-color: #7dbf77
}

.c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan--lightSapphire {
  border-color: #5876c6
}

.c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan--lightPink {
  border-color: #f289c9
}

.c-input--radio--beyond--label input[type=radio]:checked+label.c-input__label--plan--lightRuby {
  border-color: #c25175
}

.c-input--radio--beyond--label--machine label {
  padding: 0 16px 0 20px
}

.c-input--radio--beyond--label--machine label:before {
  top: 4px;
  left: 4px;
  transform: translateY(0)
}

.c-input--radio--beyond--label--machine label.heightAuto {
  padding-top: 8px;
  padding-bottom: 8px
}

.c-input--radio--beyond--label--machine label span {
  font-size: 13px;
  line-height: 1.3em
}

.c-input--radio--beyond--label--machine label span .c-text__bold {
  margin: 0 0 2px;
  font-size: 15px
}

.c-input--radio--beyond--label--machine input[type=radio]:checked+label {
  background: none
}

.c-input--radio--beyond--label--credit label {
  padding: 11px 16px 10px 40px;
  height: auto;
  min-height: 48px
}

.c-input--radio--beyond--label--credit label:before {
  left: 14px
}

.c-input--radio--beyond--label--credit label .p-text {
  margin: 6px 0 0
}

.c-input--radio--beyond--label--credit label .p-text img {
  width: auto;
  height: 22px
}

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

.c-input--range input[type=range] {
  outline: 0;
  border: 0;
  border-radius: 500px;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .c-input--range input[type=range] {
      overflow: hidden;
      height: 12px !important;
      -webkit-appearance: none;
      background-color: #dee4eb
  }

  .c-input--range input[type=range]::-webkit-slider-runnable-track {
      height: 12px;
      -webkit-appearance: none;
      background: #dee4eb;
      border-radius: 50%
  }

  .c-input--range input[type=range]::-webkit-slider-thumb {
      width: 12px;
      -webkit-appearance: none;
      height: 12px;
      background: #fff;
      box-shadow: -500px 0 0 494px #3477c3;
      border-radius: 50%;
      transition: box-shadow .2s ease-in-out
  }
}

.c-input--range input[type=range]::-moz-range-progress {
  background-color: #3477c3
}

.c-input--range input[type=range]::-moz-range-track {
  background-color: #dee4eb
}

.c-input--range input[type=range]::-ms-fill-lower {
  background-color: #3477c3
}

.c-input--range input[type=range]::-ms-fill-upper {
  background-color: #dee4eb
}

.c-input--range .number {
  display: flex;
  justify-content: space-between;
  margin: 6px 0 0
}

.c-input--range .number span {
  font-size: 13px;
  font-weight: 500;
  color: #666
}

.c-input--error:before {
  color: #f75769 !important
}

.c-input--error input,
.c-input--error select,
.c-input--error textarea {
  border-color: #f75769
}

.c-input--error input::-webkit-input-placeholder,
.c-input--error select::-webkit-input-placeholder,
.c-input--error textarea::-webkit-input-placeholder {
  color: rgba(247, 87, 105, .5)
}

.c-input--error input:-ms-input-placeholder,
.c-input--error select:-ms-input-placeholder,
.c-input--error textarea:-ms-input-placeholder {
  color: #f75769 !important
}

.c-input--error input::-moz-placeholder,
.c-input--error select::-moz-placeholder,
.c-input--error textarea::-moz-placeholder {
  color: #f75769 !important
}

.c-input--column {
  flex-direction: column
}

.c-input--column>.c-input+.c-input,
.c-input--column>.c-input--full+.c-input,
.c-input--column>.c-input--select+.c-input,
.c-input--column>.c-input--file+.c-input,
.c-input--column>.c-input--checkbox+.c-input,
.c-input--column>.c-input--radio+.c-input,
.c-input--column>.c-input--radio--beyond+.c-input,
.c-input--column>.c-input+.c-input--full,
.c-input--column>.c-input--full+.c-input--full,
.c-input--column>.c-input--select+.c-input--full,
.c-input--column>.c-input--file+.c-input--full,
.c-input--column>.c-input--checkbox+.c-input--full,
.c-input--column>.c-input--radio+.c-input--full,
.c-input--column>.c-input--radio--beyond+.c-input--full,
.c-input--column>.c-input+.c-input--select,
.c-input--column>.c-input--full+.c-input--select,
.c-input--column>.c-input--select+.c-input--select,
.c-input--column>.c-input--file+.c-input--select,
.c-input--column>.c-input--checkbox+.c-input--select,
.c-input--column>.c-input--radio+.c-input--select,
.c-input--column>.c-input--radio--beyond+.c-input--select,
.c-input--column>.c-input+.c-input--file,
.c-input--column>.c-input--full+.c-input--file,
.c-input--column>.c-input--select+.c-input--file,
.c-input--column>.c-input--file+.c-input--file,
.c-input--column>.c-input--checkbox+.c-input--file,
.c-input--column>.c-input--radio+.c-input--file,
.c-input--column>.c-input--radio--beyond+.c-input--file,
.c-input--column>.c-input+.c-input--checkbox,
.c-input--column>.c-input--full+.c-input--checkbox,
.c-input--column>.c-input--select+.c-input--checkbox,
.c-input--column>.c-input--file+.c-input--checkbox,
.c-input--column>.c-input--checkbox+.c-input--checkbox,
.c-input--column>.c-input--radio+.c-input--checkbox,
.c-input--column>.c-input--radio--beyond+.c-input--checkbox,
.c-input--column>.c-input+.c-input--radio,
.c-input--column>.c-input--full+.c-input--radio,
.c-input--column>.c-input--select+.c-input--radio,
.c-input--column>.c-input--file+.c-input--radio,
.c-input--column>.c-input--checkbox+.c-input--radio,
.c-input--column>.c-input--radio+.c-input--radio,
.c-input--column>.c-input--radio--beyond+.c-input--radio,
.c-input--column>.c-input+.c-input--radio--beyond,
.c-input--column>.c-input--full+.c-input--radio--beyond,
.c-input--column>.c-input--select+.c-input--radio--beyond,
.c-input--column>.c-input--file+.c-input--radio--beyond,
.c-input--column>.c-input--checkbox+.c-input--radio--beyond,
.c-input--column>.c-input--radio+.c-input--radio--beyond,
.c-input--column>.c-input--radio--beyond+.c-input--radio--beyond {
  margin-top: 4px
}

.c-input__button--close {
  width: 32px;
  height: 32px;
  background: url(../img/web/mypage/close.svg) no-repeat center;
  background-size: contain
}

.c-input__charge {
  flex: 1;
  min-width: 1px
}

.c-input__charge__item {
  display: flex;
  align-items: center;
  padding: 6px 0
}

.c-input__charge__item+.c-input__charge__item {
  border-top: solid 1px #eee
}

.c-input__charge__item .price {
  flex: 0 0 auto;
  min-width: 1px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #222;
  display: flex;
  align-items: center
}

.c-input__charge__item .price:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  background: url(../img/web/mypage/charge_coin.png) no-repeat center;
  background-size: contain
}

.c-input__charge__item .price small {
  font-size: 14px;
  font-weight: 500;
  color: #888;
  margin: 0 0 0 4px
}

.c-input__charge__item label {
  margin-left: auto;
  display: flex !important;
  max-width: 160px !important;
  padding: 0 6px 0 30px !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 48px !important
}

.c-input__charge__item label small {
  font-size: 12px;
  margin: 3px 0 0
}

.c-input--selectColor>.title {
  font-size: 16px;
  font-weight: 500;
  color: #222
}

.c-input--selectColor .c-input,
.c-input--selectColor .c-input--full,
.c-input--selectColor .c-input--select,
.c-input--selectColor .c-input--file,
.c-input--selectColor .c-input--checkbox,
.c-input--selectColor .c-input--radio,
.c-input--selectColor .c-input--radio--beyond {
  align-items: center
}

.c-input--selectColor .c-input .count,
.c-input--selectColor .c-input--full .count,
.c-input--selectColor .c-input--select .count,
.c-input--selectColor .c-input--file .count,
.c-input--selectColor .c-input--checkbox .count,
.c-input--selectColor .c-input--radio .count,
.c-input--selectColor .c-input--radio--beyond .count {
  font-size: 12px;
  color: #888;
  padding-right: 4px
}

.c-input--selectColor .c-input input+label,
.c-input--selectColor .c-input--full input+label,
.c-input--selectColor .c-input--select input+label,
.c-input--selectColor .c-input--file input+label,
.c-input--selectColor .c-input--checkbox input+label,
.c-input--selectColor .c-input--radio input+label,
.c-input--selectColor .c-input--radio--beyond input+label {
  padding: 0;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.c-input--selectColor .c-input input+label:before,
.c-input--selectColor .c-input--full input+label:before,
.c-input--selectColor .c-input--select input+label:before,
.c-input--selectColor .c-input--file input+label:before,
.c-input--selectColor .c-input--checkbox input+label:before,
.c-input--selectColor .c-input--radio input+label:before,
.c-input--selectColor .c-input--radio--beyond input+label:before {
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: solid 1px #222;
  border-radius: 50%;
  opacity: 0
}

.c-input--selectColor .c-input input+label .point,
.c-input--selectColor .c-input--full input+label .point,
.c-input--selectColor .c-input--select input+label .point,
.c-input--selectColor .c-input--file input+label .point,
.c-input--selectColor .c-input--checkbox input+label .point,
.c-input--selectColor .c-input--radio input+label .point,
.c-input--selectColor .c-input--radio--beyond input+label .point {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px #ccc
}

.c-input--selectColor .c-input input:checked+label:before,
.c-input--selectColor .c-input--full input:checked+label:before,
.c-input--selectColor .c-input--select input:checked+label:before,
.c-input--selectColor .c-input--file input:checked+label:before,
.c-input--selectColor .c-input--checkbox input:checked+label:before,
.c-input--selectColor .c-input--radio input:checked+label:before,
.c-input--selectColor .c-input--radio--beyond input:checked+label:before {
  opacity: 1;
  background: none
}

.c-input--selectColor>.current {
  font-size: 12px;
  margin: 4px 0 0;
  color: #666 !important;
  font-weight: 400 !important
}

.l-body .select2-dropdown {
  border: 1px solid #91a6be
}

.l-body .select2-dropdown .select2__user {
  display: flex;
  font-weight: 500;
  align-items: center
}

.l-body .select2-dropdown .select2__user__image {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 50%;
  margin: 0 8px 0 0
}

.l-body .select2-container--default {
  width: 100% !important
}

.l-body .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #91a6be;
  background: #f3f7fb;
  height: 44px;
  padding: 4px 12px
}

.l-body .select2-container--default .select2-results__option--selected {
  background-color: #e5e9ee
}

.l-body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #e0778d
}

.l-body .ui-widget.ui-widget-content.ui-datepicker {
  padding: 0px;
  border: none
}

.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-widget-header {
  border-radius: 0;
  background: #db5875;
  color: #fff
}

.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-state-default {
  border: 1px solid #f3e6e6;
  background: #fff6f6
}

.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-state-default.ui-state-active {
  border: 1px solid #db5875;
  background: #db5875
}

.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-state-highlight {
  border: 1px solid #eaccd3;
  background: #eaccd3;
  color: #ca9aa4
}

.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev,
.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next {
  top: 4px
}

.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev {
  left: 4px;
  background: #fff url(../img/common/icon/datepicker-prev.svg) no-repeat center;
  background-size: contain
}

.l-body .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next {
  right: 4px;
  background: #fff url(../img/common/icon/datepicker-next.svg) no-repeat center;
  background-size: contain
}

.c-number__lv7,
.p-warranty__plan__option__list__content:after,
.p-onlineShopMain__list__text__price--reference,
.p-onlineShopMain__list__text__price,
.c-number__lv6,
.p-warrantyId__body__number,
.c-number__lv5,
.p-dataList__item,
.p-table__item__price,
.c-number__lv4,
.c-number__lv3,
.p-onlineShopDetail__price,
.c-number__lv2,
.c-number__lv1 {
  line-height: 1em;
  letter-spacing: 0em;
  font-weight: 900
}

.c-number__lv1 {
  font-size: 48px
}

.c-number__lv2 {
  font-size: 32px
}

.c-number__lv3,
.p-onlineShopDetail__price {
  font-size: 24px
}

.c-number__lv4 {
  font-size: 20px
}

.c-number__lv5,
.p-dataList__item,
.p-table__item__price {
  font-size: 16px
}

.c-number__lv6,
.p-warrantyId__body__number {
  font-size: 14px
}

.c-number__lv7,
.p-warranty__plan__option__list__content:after,
.p-onlineShopMain__list__text__price--reference,
.p-onlineShopMain__list__text__price {
  font-size: 12px
}

.c-link {
  color: #3577c4;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  text-decoration: underline;
  display: inline-flex;
  position: relative
}

.c-link--external {
  padding: 0 24px 0 0;
  background-image: url(../img/web/c-link/external--active.svg);
  background-size: 16px 16px;
  background-position: right center;
  background-repeat: no-repeat
}

.c-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
  width: 32px;
  height: 16px;
  transform: scale(0.8);
  transform-origin: center center
}

.c-mark:before {
  content: "必須"
}

.c-mark--required {
  color: #fff;
  background-color: #f75769
}

.c-mark--optional {
  color: #7f8391;
  background-color: #e9eaf0
}

.c-status__useType {
  font-size: 13px;
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  font-weight: 500;
  width: 64px;
  height: 21px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1
}

.c-status__useType--body {
  background: #3f6d9e
}

.c-status__useType--face {
  background: #e0778d
}

.c-ttl {
  font-size: 32px;
  font-weight: 600;
  color: #222
}

@media screen and (max-width: 480px) {
  .c-ttl {
      font-size: 24px
  }
}

.c-ttl .c-icon {
  width: 32px;
  height: 32px;
  fill: currentColor;
  transform: translate(0, 8px);
  margin: 0 12px 0 0
}

@media screen and (max-width: 480px) {
  .c-ttl .c-icon {
      width: 24px;
      height: 24px;
      transform: translate(0, 8px);
      margin: 0 8px 0 0
  }
}

.c-ttl--md {
  font-size: 18px;
  line-height: 1.4em
}

.c-ttl--sm {
  font-size: 14px
}

.c-ttl--icon {
  display: flex
}

.c-ttl--eng {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 40px
}

.c-description {
  font-size: 13px;
  line-height: 1.5em;
  color: #222
}

.c-icon--set {
  width: 0;
  height: 0;
  visibility: hidden;
  position: fixed;
  bottom: 0;
  pointer-events: none
}

.p-header {
  height: 56px;
  width: 100%;
  min-width: 360px;
  background: rgba(0, 0, 0, 0);
  padding: 0 8px 0 20px;
  border-bottom: 1px solid #e5e9ee;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5
}

@media screen and (max-width: 1080px) {
  .p-header {
      padding: 0 8px
  }
}

@media screen and (max-width: 560px) {
  .p-header {
      height: 48px;
      padding: 0 8px 0 0
  }
}

@media screen and (max-width: 374px) {
  .p-header {
      padding: 0 4px 0 0
  }
}

.p-header.is-active__show__background {
  background: rgba(255, 255, 255, .9);
  border-color: 1px solid #e5e9ee;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .3)
}

.p-header--beyond {
  background-color: #428330;
  align-items: center;
  justify-content: center;
  padding: 0 8px
}

.p-header--beyond.is-active__show__background {
  border: none;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .3);
  background: rgba(69, 130, 56, .8) !important
}

.p-header--warranty {
  border-bottom: 1px solid #e5e9ee
}

.p-header__logo {
  flex: none
}

.p-header--warranty .p-header__logo {
  margin-left: 12px
}

.p-header__logo a {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.p-header__logo a img {
  height: 24px;
  width: 125px
}

@media screen and (max-width: 768px) {
  .p-header__logo a img {
      height: 18px;
      width: 94px
  }
}

@media screen and (max-width: 560px) {
  .p-header__logo a img {
      height: 16px;
      width: 84px
  }
}

@media screen and (max-width: 480px) {
  .p-header__logo a img {
      height: auto;
      width: 76px
  }
}

.p-header__nav {
  flex: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.p-header__nav__list,
.p-header__nav__list--action {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.p-header__nav__list>li+li,
.p-header__nav__list--action>li+li {
  margin: 0 0 0 18px
}

@media screen and (max-width: 1280px) {

  .p-header__nav__list>li+li,
  .p-header__nav__list--action>li+li {
      margin: 0 0 0 12px
  }
}

@media screen and (max-width: 1080px) {

  .p-header__nav__list>li.hide--note,
  .p-header__nav__list--action>li.hide--note {
      display: none
  }
}

@media screen and (max-width: 768px) {

  .p-header__nav__list>li.hide--tablet,
  .p-header__nav__list--action>li.hide--tablet {
      display: none
  }
}

@media screen and (max-width: 560px) {

  .p-header__nav__list>li.hide--spWide,
  .p-header__nav__list--action>li.hide--spWide {
      display: none
  }
}

@media screen and (max-width: 1080px) {
  .p-header p-header--toHome {
      padding-left: 0px;
  }

  .p-header__nav__list:not(.p-header__nav__list--action),
  .p-header__nav__list--action:not(.p-header__nav__list--action) {
      display: none
  }
}

.p-header__nav__list:not(.p-header__nav__list--action) a,
.p-header__nav__list--action:not(.p-header__nav__list--action) a {
  font-size: 13px
}

.p-header__nav__list:not(.p-header__nav__list--action) a:hover,
.p-header__nav__list--action:not(.p-header__nav__list--action) a:hover {
  color: #176e39
}

.p-header__nav__list--action {
  margin: 0 0 0 16px
}

@media screen and (max-width: 1280px) {
  .p-header__nav__list--action {
      margin: 0 0 0 12px;
      display: flex
  }
}

@media screen and (max-width: 560px) {
  .p-header__nav__list--action {
      margin: 0 0 0 8px
  }
}

.p-header__nav__list--action li {
  display: flex;
  flex: 0 0 auto
}

.p-header__nav__list--action li+li {
  margin: 0 0 0 4px
}

.p-header__nav__list--action .c-button,
.p-header__nav__list--action .p-home__middleNav__button,
.p-header__nav__list--action .c-button--accent,
.p-header__nav__list--action .c-button--action,
.p-header__nav__list--action .c-button--form,
.p-header__nav__list--action .c-button--inline,
.p-header__nav__list--action .c-button--inlineArrow,
.p-header__nav__list--action .c-button--weak,
.p-header__nav__list--action .c-button--line,
.p-header__nav__list--action .c-button--full,
.p-header__nav__list--action .c-button--small {
  height: 40px;
  align-items: center;
  line-height: 1
}

@media screen and (max-width: 768px) {

  .p-header__nav__list--action .c-button,
  .p-header__nav__list--action .p-home__middleNav__button,
  .p-header__nav__list--action .c-button--accent,
  .p-header__nav__list--action .c-button--action,
  .p-header__nav__list--action .c-button--form,
  .p-header__nav__list--action .c-button--inline,
  .p-header__nav__list--action .c-button--inlineArrow,
  .p-header__nav__list--action .c-button--weak,
  .p-header__nav__list--action .c-button--line,
  .p-header__nav__list--action .c-button--full,
  .p-header__nav__list--action .c-button--small {
      font-size: 13px;
      padding: 0 8px
  }
}

.p-header__nav__list--action .c-button--text {
  color: #b8c6b5
}

@media screen and (max-width: 410px) {
  .p-header__nav__list--action .c-button--text {
      display: none
  }
}

@media screen and (max-width: 768px) {
  .p-header__nav__list--action .c-button--text span {
      display: none
  }
}

@media screen and (max-width: 560px) {
  .p-header__nav__list--action .hide {
      display: none
  }
}

.p-header__nav__list--action .c-button--action,
.p-header__nav__list--action .c-button--accent,
.p-header__nav__list--action .c-button--line {
  font-weight: 700;
  letter-spacing: 0
}

@media screen and (max-width: 560px) {

  .p-header__nav__list--action .c-button--action,
  .p-header__nav__list--action .c-button--accent,
  .p-header__nav__list--action .c-button--line {
      height: 32px;
      font-size: 12px;
      padding: 0 8px
  }
}

@media screen and (max-width: 374px) {

  .p-header__nav__list--action .c-button--action,
  .p-header__nav__list--action .c-button--accent,
  .p-header__nav__list--action .c-button--line {
      height: 32px;
      font-size: 12px;
      padding: 0 6px
  }
}

.p-header__nav__list--action .c-button--onlineShop {
  background: #fff;
  color: #176e39;
  border-width: 2px;
  padding-left: 36px;
  position: relative;
  z-index: 0
}

@media screen and (max-width: 560px) {
  .p-header__nav__list--action .c-button--onlineShop {
      padding-left: 24px
  }
}

@media screen and (max-width: 480px) {
  .p-header__nav__list--action .c-button--onlineShop {
      padding: 0 4px;
      padding-left: 4px;
      min-width: 70px;
      border-width: 1px;
      justify-content: center
  }
}

.p-header__nav__list--action .c-button--onlineShop:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/icon/cart.svg);
  background-size: 20px 20px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%)
}

@media screen and (max-width: 560px) {
  .p-header__nav__list--action .c-button--onlineShop:before {
      left: 2px;
      background-size: 16px 16px !important
  }
}

@media screen and (max-width: 480px) {
  .p-header__nav__list--action .c-button--onlineShop:before {
      opacity: 0
  }
}

.p-header__nav__list--action .c-button--cart {
  padding-left: 40px
}

@media screen and (max-width: 768px) {
  .p-header__nav__list--action .c-button--cart {
      padding-left: 30px
  }
}

@media screen and (max-width: 560px) {
  .p-header__nav__list--action .c-button--cart {
      height: 32px
  }
}

@media screen and (max-width: 560px) {
  .p-header__nav__list--action .c-button--line:not(.c-button--cart) {
      height: 32px;
      padding: 0 6px
  }
}

@media screen and (max-width: 480px) {
  .p-header__nav__list--action .c-button--line:not(.c-button--cart) {
      padding: 0 4px
  }
}

.p-header__nav .p-buttonWrap {
  margin: 0
}

.p-header__nav__point {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto
}

.p-header .p-language {
  position: absolute;
  right: 0px;
  bottom: -2px;
  transform: translate(0, 100%);
  z-index: -1
}

.p-headerOnlineshop {
  height: 48px;
  width: 100%;
  min-width: 360px;
  background: #444;
  padding: 8px 8px 8px 20px;
  display: flex;
  align-items: center;
  position: fixed;
  top: 56px;
  left: 0;
  z-index: 4
}

@media screen and (max-width: 560px) {
  .p-headerOnlineshop {
      padding: 8px;
      top: 48px
  }
}

.p-headerOnlineshop__logo {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0
}

@media screen and (max-width: 560px) {
  .p-headerOnlineshop__logo {
      font-size: 16px
  }
}

.p-headerOnlineshop__logo small,
.p-headerOnlineshop__logo h1 {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 0 16px
}

@media screen and (max-width: 768px) {

  .p-headerOnlineshop__logo small,
  .p-headerOnlineshop__logo h1 {
      color: #444;
      position: absolute;
      z-index: -1
  }
}

@media screen and (max-width: 560px) {

  .p-headerOnlineshop__logo small,
  .p-headerOnlineshop__logo h1 {
      font-size: 11px;
      margin: 0 0 0 6px
  }
}

.p-headerOnlineshop .p-header__nav__list--action .c-text--point {
  margin: 0 12px 0 0;
  line-height: 1
}

@media screen and (max-width: 768px) {
  .p-headerOnlineshop .p-header__nav__list--action .c-text--point {
      font-size: 0;
      margin: 0 4px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-headerOnlineshop .p-header__nav__list--action .c-text--point {
      margin: 0 2px 0 0
  }
}

.p-headerOnlineshop .p-header__nav__list--action .c-button--text {
  background: none;
  border: none;
  color: #ccc;
  height: 32px;
  border-radius: 4px;
  font-size: 13px;
  letter-spacing: .04em;
  flex: 0 0 auto
}

@media screen and (max-width: 560px) {
  .p-headerOnlineshop .p-header__nav__list--action .c-button--text {
      padding: 0 4px
  }
}

@media screen and (max-width: 480px) {
  .p-headerOnlineshop .p-header__nav__list--action .c-button--text {
      font-size: 12px;
      letter-spacing: 0;
      display: none
  }
}

.p-headerOnlineshop .p-header__nav__list--action .c-button--text:hover {
  color: #fff
}

@media screen and (max-width: 480px) {
  .p-headerOnlineshop .p-header__nav__list--action .c-button--text .omit {
      display: none
  }
}

.p-headerOnlineshop .p-header__nav__list--action .c-button--cart {
  height: 32px;
  justify-content: flex-start
}

.p-headerOnlineshop .p-header__nav__list--action .c-button--cart:hover {
  background: rgba(255, 255, 255, .1)
}

.p-header__tel__link {
  display: block;
  padding: 0 10px 0 40px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-header__tel__link {
      padding: 0 8px 0 34px
  }
}

@media screen and (max-width: 480px) {
  .p-header__tel__link {
      padding: 0
  }
}

.p-header__tel__link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(20deg);
  margin: 0 12px 0 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e16a83 url(../img/common/consultation/p-remodal__body__tel__number--white.svg) no-repeat center;
  background-size: 70% auto
}

@media screen and (max-width: 768px) {
  .p-header__tel__link:before {
      margin: 0 8px 0 0;
      width: 28px;
      height: 28px;
      background-size: 60% auto
  }
}

@media screen and (max-width: 480px) {
  .p-header__tel__link:before {
      display: none
  }
}

.p-header__tel__link small {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .1em;
  color: #666;
  line-height: 1;
  display: block;
  margin: 2px 0 0;
  padding: 0 0 0 2px
}

@media screen and (max-width: 768px) {
  .p-header__tel__link small {
      font-size: 11px;
      letter-spacing: .02em;
      margin: 2px 0 0
  }
}

@media screen and (max-width: 560px) {
  .p-header__tel__link small {
      letter-spacing: 0em;
      padding: 0
  }
}

@media screen and (max-width: 480px) {
  .p-header__tel__link small {
      font-size: 10px;
      line-height: 1.1em
  }
}

.p-header__tel__link small br {
  display: none
}

@media screen and (max-width: 480px) {
  .p-header__tel__link small br {
      display: block
  }
}

.p-header__tel__number {
  line-height: 1;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
  letter-spacing: .06em;
  color: #222;
  white-space: nowrap
}

@media screen and (max-width: 768px) {
  .p-header__tel__number {
      font-size: 18px;
      display: flex;
      align-items: center;
      letter-spacing: .02em
  }
}

@media screen and (max-width: 560px) {
  .p-header__tel__number {
      font-size: 13px;
      letter-spacing: .02em
  }
}

@media screen and (max-width: 480px) {
  .p-header__tel__number {
      font-size: 12px
  }
}

.p-header__tel__number br {
  display: none
}

@media screen and (max-width: 480px) {
  .p-header__tel__number br {
      display: block
  }
}

.p-header__tel__pageTitle {
  color: #999;
  font-size: 13px;
  margin: 0 8px 0 0
}

.p-header__tel--shop {
  margin: 0 2px 0 0
}

.p-header__tel--shop .p-header__tel__link {
  display: flex;
  align-items: center;
  padding: 0 10px
}

@media screen and (max-width: 480px) {
  .p-header__tel--shop .p-header__tel__link {
      padding: 0
  }
}

.p-header__tel--shop .p-header__tel__link:before {
  position: relative;
  display: block;
  transform: translate(0, 0) rotate(20deg);
  width: 18px;
  height: 18px;
  left: auto;
  top: auto;
  margin: 0 6px 0 0;
  background: #e16a83 url(../img/common/consultation/p-remodal__body__tel__number--white.svg) no-repeat center;
  background-size: 64% auto
}

@media screen and (max-width: 480px) {
  .p-header__tel--shop .p-header__tel__link:before {
      margin: 0 4px 0 0
  }
}

.p-header__tel--shop .p-header__tel__link small {
  display: none
}

.p-header__tel--shop .p-header__tel__number {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
  color: #333
}

@media screen and (max-width: 480px) {
  .p-header__tel--shop .p-header__tel__number {
      font-size: 13px
  }
}

.p-header--franchise .p-header__logo a img {
  height: 32px;
  width: auto
}

@media screen and (max-width: 560px) {
  .p-header--franchise .p-header__logo a img {
      height: 28px;
      width: auto
  }
}

.p-burgerMenu {
  margin: 0 2px 0 0;
  display: none
}

@media screen and (max-width: 1080px) {
  .p-burgerMenu {
      display: block
  }
}

.p-burgerMenu__button {
  width: 40px;
  height: 40px;
  background: url(../../../../assets/img/icon/burger.svg);
  background-size: 20px 20px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative;
  z-index: 11;
  transition: all .1s ease;
  cursor: pointer
}

@media screen and (max-width: 480px) {
  .p-burgerMenu__button {
      width: 36px;
      height: 36px
  }
}

.is-active__show .p-burgerMenu__button {
  background: url(../img/web/icon/close.svg)
}

@keyframes showCurtain {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@keyframes hideCurtain {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

.p-burgerMenu__curtain {
  background: rgba(0, 0, 0, .5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all .2s ease;
  pointer-events: none;
  opacity: 0
}

.is-active__show .p-burgerMenu__curtain {
  animation: showCurtain .2s cubic-bezier(0.45, 0.05, 0.55, 0.95) both
}

.is-active__hide .p-burgerMenu__curtain {
  animation: hideCurtain .2s .4s cubic-bezier(0.45, 0.05, 0.55, 0.95) both
}

@keyframes showCover {
  0% {
      pointer-events: none;
      transform: translateX(-100%);
      opacity: 0
  }

  100% {
      pointer-events: all;
      transform: translateX(0);
      opacity: 1
  }
}

@keyframes hideCover {
  0% {
      transform: translateX(0);
      pointer-events: all;
      opacity: 1
  }

  100% {
      transform: translateX(-100%);
      pointer-events: none;
      opacity: 0
  }
}

.p-burgerMenu__cover {
  display: flex;
  flex-direction: column;
  padding: 40px 32px 72px;
  width: 100vw;
  min-width: 100%;
  height: 100vh;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transition: all .5s ease;
  transform: translateX(-100%);
  background: #fff
}

.is-active__show .p-burgerMenu__cover {
  animation: showCover .5s .2s cubic-bezier(0.45, 0.05, 0.55, 0.95) both
}

.is-active__hide .p-burgerMenu__cover {
  animation: hideCover .4s .2s cubic-bezier(0.45, 0.05, 0.55, 0.95) both
}

@keyframes showList {
  0% {
      transform: translateX(-24px);
      opacity: 0
  }

  100% {
      transform: translateX(0);
      opacity: 1
  }
}

.p-burgerMenu__cover__scroll {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.p-burgerMenu__cover__layout {
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden
}

.is-active__show .p-burgerMenu__cover__layout {
  animation: showList .6s .5s cubic-bezier(0.45, 0.05, 0.55, 0.95) both
}

.p-burgerMenu__cover__title {
  color: #91a6be;
  margin: 0 0 32px;
  position: relative
}

.p-burgerMenu__cover__title:before {
  content: "";
  display: block;
  width: 75%;
  height: .5px;
  background: #91a6be;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.p-burgerMenu__cover__banner {
  border-top: 1px solid #e5e9ee;
  margin: 24px 0 0;
  padding: 16px 0 0
}

.p-burgerMenu__cover__banner__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100vw
}

.p-burgerMenu__cover__banner__list>li {
  width: 50%;
  text-align: center;
  padding: 2px
}

.p-burgerMenu__cover__banner__list>li.full {
  width: 100%;
  margin: 0 0 8px
}

.p-burgerMenu__cover__banner__list>li a {
  display: block
}

.p-burgerMenu__cover__banner__list>li a:hover {
  opacity: .5
}

.p-burgerMenu__cover__banner__list>li a img {
  height: auto;
  width: 192px
}

.p-burgerMenu__cover__banner__list>li .c-button,
.p-burgerMenu__cover__banner__list>li .p-home__middleNav__button,
.p-burgerMenu__cover__banner__list>li .c-button--accent,
.p-burgerMenu__cover__banner__list>li .c-button--action,
.p-burgerMenu__cover__banner__list>li .c-button--form,
.p-burgerMenu__cover__banner__list>li .c-button--inline,
.p-burgerMenu__cover__banner__list>li .c-button--inlineArrow,
.p-burgerMenu__cover__banner__list>li .c-button--weak,
.p-burgerMenu__cover__banner__list>li .c-button--line,
.p-burgerMenu__cover__banner__list>li .c-button--full,
.p-burgerMenu__cover__banner__list>li .c-button--small {
  display: inline-flex;
  width: 100%
}

.p-burgerMenu__cover__banner__list>li .banner {
  display: block;
  width: 100%;
  margin: 0 auto
}

.p-burgerMenu__cover__banner__list>li .banner img {
  height: auto;
  width: 100%
}

.p-burgerMenu__cover__list>li+li {
  margin: 16px 0 0
}

.p-burgerMenu__cover__list .label {
  color: #222
}

.p-burgerMenu__cover__list--small {
  margin: 24px 0 0
}

.p-burgerMenu__cover__list--small .label {
  font-size: 13px;
  font-weight: 400
}

.p-burgerMenu__cover__list--buttonWrap {
  margin: 24px -2px -2px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.p-burgerMenu__cover__list--buttonWrap>li {
  padding: 2px;
  width: 50%
}

.p-burgerMenu__cover__list--buttonWrap>li .c-button,
.p-burgerMenu__cover__list--buttonWrap>li .p-home__middleNav__button,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--accent,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--action,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--form,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--inline,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--inlineArrow,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--weak,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--line,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--full,
.p-burgerMenu__cover__list--buttonWrap>li .c-button--small {
  padding: 0 13px
}

@media screen and (max-width: 480px) {

  .p-burgerMenu__cover__list--buttonWrap>li .c-button,
  .p-burgerMenu__cover__list--buttonWrap>li .p-home__middleNav__button,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--accent,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--action,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--form,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--inline,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--inlineArrow,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--weak,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--line,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--full,
  .p-burgerMenu__cover__list--buttonWrap>li .c-button--small {
      padding: 0 12px;
      font-size: 12px
  }
}

.p-burgerMenu__cover__list--buttonWrap>li .c-button--cart {
  height: 32px;
  padding-left: 30px;
  background: #444;
  min-width: 90px;
  border: none;
  border-radius: 0
}

.p-burgerMenu__cover__list--buttonWrap>li .c-button--cart[data-cart]:after {
  top: 0;
  right: 0;
  transform: translate(20%, -40%)
}

.p-burgerMenu__cover__bannerList {
  margin: 48px 0 0
}

.p-burgerMenu__cover__bannerList>li+li {
  margin: 8px 0 0
}

.p-footer {
  overflow: hidden;
  border-top: 1px solid #e5e9ee;
  padding: 40px 0 80px
}

@media screen and (max-width: 768px) {
  .p-footer {
      padding: 40px 0 64px
  }
}

.p-footer--ec {
  padding: 40px 0
}

.p-footer--ec--counter {
  border-top: none
}

.p-footer--min {
  border-top: 0;
  padding: 64px 0 80px
}

@media screen and (max-width: 480px) {
  .p-footer--min {
      padding: 32px 0 40px
  }
}

.p-footer__nav__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .p-footer__nav__list {
      flex-direction: column
  }
}

@media screen and (max-width: 480px) {
  .p-footer__nav__list {
      flex-direction: row;
      justify-content: flex-start
  }
}

.p-footer__nav__list>li {
  position: relative;
  margin: 8px 0
}

@media screen and (max-width: 480px) {
  .p-footer__nav__list>li {
      width: 50%
  }
}

@media screen and (max-width: 768px) {
  .p-footer__nav__list>li+li {
      margin: 16px 0 0;
      padding: 16px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-footer__nav__list>li+li {
      margin: 8px 0;
      padding: 0
  }
}

.p-footer__nav__list>li a {
  text-align: center;
  display: flex;
  padding: 0 16px;
  line-height: 1em
}

@media screen and (max-width: 480px) {
  .p-footer__nav__list>li a {
      font-size: 13px
  }
}

.p-footer__nav__list>li a:hover {
  color: #176e39
}

.p-footer__banner {
  margin: 40px 0 0
}

.p-footer__banner__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100vw
}

.p-footer__banner__list>li {
  text-align: center;
  padding: 2px
}

.p-footer__banner__list>li.full {
  width: 100%;
  margin: 0 0 4px
}

.p-footer__banner__list>li.full:last-of-type {
  margin: 0 0 12px
}

.p-footer__banner__list>li a {
  display: block
}

.p-footer__banner__list>li a:hover {
  opacity: .5
}

.p-footer__banner__list>li a img {
  height: auto;
  width: 192px
}

.p-footer__banner__list>li .c-button,
.p-footer__banner__list>li .p-home__middleNav__button,
.p-footer__banner__list>li .c-button--accent,
.p-footer__banner__list>li .c-button--action,
.p-footer__banner__list>li .c-button--form,
.p-footer__banner__list>li .c-button--inline,
.p-footer__banner__list>li .c-button--inlineArrow,
.p-footer__banner__list>li .c-button--weak,
.p-footer__banner__list>li .c-button--line,
.p-footer__banner__list>li .c-button--full,
.p-footer__banner__list>li .c-button--small {
  display: inline-flex
}

.p-footer__banner__list>li .banner {
  display: block;
  max-width: 300px;
  width: 100%;
  margin: 0 auto
}

.p-footer__banner__list>li .banner img {
  height: auto;
  width: 100%
}

.p-footer__sns {
  margin: 24px 0 0
}

.p-footer__info {
  margin: 56px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-footer__info {
      margin: 48px 0 0
  }
}

.p-footer--ec .p-footer__info {
  margin: 0
}

.p-footer--min .p-footer__info {
  margin-top: 0
}

.p-footer__info__logo {
  display: inline-block;
  width: auto
}

.p-footer__info__logo .beyond {
  height: 36px;
  width: 100%;
  opacity: .2;
  object-fit: contain
}

.p-footer__info__logo img {
  height: 18px;
  width: 100%;
  opacity: .3
}

.p-footer__info__list {
  width: 100%;
  margin: 40px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

.p-footer--ec .p-footer__info__list {
  margin: 16px 0 0
}

.p-footer__info__list>li {
  position: relative
}

.p-footer__info__list>li+li:before {
  content: "";
  display: block;
  height: 16px;
  width: 1px;
  background: #e5e9ee;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width: 768px) {
  .p-footer__info__list>li+li:before {
      content: none
  }
}

.p-footer__info__list>li a {
  font-size: 13px;
  display: flex;
  padding: 0 16px;
  line-height: 1em
}

@media screen and (max-width: 768px) {
  .p-footer__info__list>li a {
      padding: 8px
  }
}

@media screen and (max-width: 480px) {
  .p-footer__info__list>li a {
      font-size: 12px
  }
}

.p-footer__info__list>li a:hover {
  color: #176e39
}

.p-footer__info__copyright {
  font-size: 10px;
  letter-spacing: .08em;
  margin: 24px 0 0
}

.p-footer--ec .p-footer__info__copyright {
  margin: 16px 0 0
}

.p-footer--min .p-footer__info__copyright {
  margin-top: 16px
}

.p-footer--form {
  border: none;
  padding: 70px 0 16px
}

.p-footer--form .p-footer__info {
  margin: 0
}

.p-footer--form .p-footer__info__logo img {
  height: 16px
}

.p-footer--form .p-footer__info__copyright {
  margin: 10px 0 0;
  font-size: 11px;
  color: #aaa
}

.p-footer__paymentInfo {
  background: #f4f6f8;
  padding: 8px;
  border: solid 1px #e9edf2;
  margin: 0 auto 36px;
  max-width: 360px
}

.p-footer__paymentInfo p {
  font-size: 12px;
  color: #666;
  text-align: center
}

.p-footer__paymentInfo img {
  height: 24px;
  display: block;
  margin: 2px auto 0
}

.p-footer__language--en .p-footer__banner__list>li a.c-button--accent {
  height: auto;
  line-height: 1.2em;
  padding: 2px 12px
}

.p-footer--franchise .p-footer__info__logo img {
  height: 32px;
  width: auto;
  opacity: .5;
  display: block;
  margin: auto
}

.p-home {
  overflow: hidden;
  position: relative
}

.p-home__visual {
  display: block;
  height: 560px;
  background: #e6e3e4 url(../img/web/home/mainVisual-5th_anniversary.webp?v=202204012);
  background-size: auto 600px !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  overflow: hidden;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-home__visual {
      height: 480px;
      background-size: auto 520px !important
  }
}

@media screen and (max-width: 768px) {
  .p-home__visual {
      height: 360px;
      background-size: auto 400px !important
  }
}

@media screen and (max-width: 560px) {
  .p-home__visual {
      background: url(https://cdn.jibun-de.com/img/web/home/mainVisual-5th_anniversary--sp.webp?v=202204012);
      height: 460px;
      background-size: auto 480px !important
  }
}

.p-home__visual+.p-bannerSlide {
  background: #fff
}

.p-home__visual .p-language {
  position: absolute;
  right: 8px;
  top: 8px
}

@media screen and (max-width: 560px) {
  .p-home__visual .p-language {
      top: 0;
      right: 0
  }
}

.p-home__visual--lp {
  display: block;
  height: 480px;
  background: -moz-linear-gradient(top, #fff 63.6%, #df758d 63.6%);
  background: -webkit-linear-gradient(top, #fff 63.6%, #df758d 63.6%);
  background: linear-gradient(to bottom, #fff 63.6%, #df758d 63.6%);
  position: relative;
  z-index: 1;
  border-bottom: solid 1px #eee
}

@media screen and (max-width: 1080px) {
  .p-home__visual--lp {
      height: 320px;
      background: -moz-linear-gradient(top, #fff 72%, #df758d 72%);
      background: -webkit-linear-gradient(top, #fff 72%, #df758d 72%);
      background: linear-gradient(to bottom, #fff 72%, #df758d 72%)
  }
}

@media screen and (max-width: 768px) {
  .p-home__visual--lp {
      height: 280px;
      background: -moz-linear-gradient(top, #fff 68.1%, #df758d 68.1%);
      background: -webkit-linear-gradient(top, #fff 68.1%, #df758d 68.1%);
      background: linear-gradient(to bottom, #fff 68.1%, #df758d 68.1%)
  }
}

@media screen and (max-width: 560px) {
  .p-home__visual--lp {
      height: 800px
  }
}

@media screen and (max-width: 480px) {
  .p-home__visual--lp {
      height: 690px
  }
}

.p-home__visual--lp:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 43.5%;
  z-index: -1;
  background: url(https://cdn.jibun-de.com/img/web/home/mainVisual-5th_anniversary--bg.webp) no-repeat center top;
  background-size: cover
}

.p-home__visual--lp .p-home__visual__image {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/web/home/mainVisual-5th_anniversary.webp?v=202204012);
  background-size: auto 480px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

@media screen and (max-width: 1080px) {
  .p-home__visual--lp .p-home__visual__image {
      background-size: auto 320px !important
  }
}

@media screen and (max-width: 768px) {
  .p-home__visual--lp .p-home__visual__image {
      background-size: auto 280px !important
  }
}

@media screen and (max-width: 560px) {
  .p-home__visual--lp .p-home__visual__image {
      background: #e7e1e1 url(../img/web/home/mainVisual-5th_anniversary--sp.webp?v=202204012);
      background-size: auto 800px !important
  }
}

@media screen and (max-width: 480px) {
  .p-home__visual--lp .p-home__visual__image {
      background-size: auto 690px !important
  }
}

.p-home__visual--lp .p-home__visual__link {
  position: absolute;
  left: 50%;
  bottom: 116px;
  width: 343px;
  height: 77px;
  transform: translate(-50%, 0);
  margin: 0 0 0 126px;
  border-radius: 4px;
  background: #fff;
  opacity: 0;
  z-index: 1;
  font-size: 0
}

.p-home__visual--lp .p-home__visual__link:hover {
  opacity: .2
}

@media screen and (max-width: 1080px) {
  .p-home__visual--lp .p-home__visual__link {
      margin: 0 0 0 84px;
      bottom: 77px;
      width: 228px;
      border-radius: 2px;
      height: 51px
  }
}

@media screen and (max-width: 768px) {
  .p-home__visual--lp .p-home__visual__link {
      bottom: 67px;
      width: 200px;
      height: 45px;
      margin: 0 0 0 74px;
      border-radius: 2px
  }
}

@media screen and (max-width: 560px) {
  .p-home__visual--lp .p-home__visual__link {
      bottom: 114px;
      width: 369px;
      height: 82px;
      margin: 0;
      border-radius: 6px
  }
}

@media screen and (max-width: 480px) {
  .p-home__visual--lp .p-home__visual__link {
      bottom: 98px;
      width: 318px;
      height: 71px
  }
}

.p-home__visual--lp .p-home__visual__link--rental {
  bottom: 29px
}

@media screen and (max-width: 1080px) {
  .p-home__visual--lp .p-home__visual__link--rental {
      bottom: 19px
  }
}

@media screen and (max-width: 768px) {
  .p-home__visual--lp .p-home__visual__link--rental {
      bottom: 17px
  }
}

@media screen and (max-width: 560px) {
  .p-home__visual--lp .p-home__visual__link--rental {
      bottom: 23px
  }
}

@media screen and (max-width: 480px) {
  .p-home__visual--lp .p-home__visual__link--rental {
      bottom: 20px
  }
}

.p-home__visual__new .btn_area {
  padding: 40px 15px
}

@media screen and (max-width: 560px) {
  .p-home__visual__new .btn_area {
      padding: 20px 0
  }
}

.p-home__visual__new .btn_area .note {
  font-size: 14px;
  color: #717271;
  text-align: center;
  margin-top: 20px
}

@media screen and (max-width: 560px) {
  .p-home__visual__new .btn_area .note {
      font-size: 7px
  }
}

.p-home__visual__new .btn_area .note br {
  display: none
}

@media screen and (max-width: 560px) {
  .p-home__visual__new .btn_area .note br {
      display: block
  }
}

.p-home__visual__new .btn_area .btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  transform: translateY(5px)
}

@media screen and (max-width: 560px) {
  .p-home__visual__new .btn_area .btn {
      transform: translateY(0)
  }
}

.p-home__visual__new .btn_area .btn a {
  display: block;
  max-width: 350px;
  margin: 0 14px
}

@media screen and (max-width: 560px) {
  .p-home__visual__new .btn_area .btn a {
      max-width: 300px;
      margin: 0 auto
  }
}

.p-home__buttonVisual {
  display: block;
  border: 2px solid #fff;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .2);
  position: absolute;
  top: 390px;
  left: 50%;
  transform: translateX(-420px);
  z-index: 1
}

@media screen and (max-width: 1080px) {
  .p-home__buttonVisual {
      top: 332px;
      transform: translateX(-364px)
  }
}

@media screen and (max-width: 768px) {
  .p-home__buttonVisual {
      top: 248px;
      transform: translateX(-280px)
  }
}

@media screen and (max-width: 560px) {
  .p-home__buttonVisual {
      top: 350px;
      transform: translateX(-50%)
  }
}

.p-home__buttonVisual img {
  max-width: none
}

@media screen and (max-width: 1080px) {
  .p-home__buttonVisual img {
      width: 348px;
      height: 88px
  }
}

@media screen and (max-width: 768px) {
  .p-home__buttonVisual img {
      width: 270px;
      height: 68px
  }
}

@media screen and (max-width: 560px) {
  .p-home__buttonVisual img {
      width: 340px;
      height: 88px
  }
}

.p-home__buttonVisual img:hover {
  opacity: .8
}

@media screen and (max-width: 480px) {
  .p-home__buttonVisual img:hover {
      opacity: 1
  }
}

.p-home__choice {
  background: #f9ecef;
  padding: 75px 0 0;
  margin-bottom: 50px
}

@media screen and (max-width: 560px) {
  .p-home__choice {
      padding: 50px 0 0;
      margin-bottom: 40px
  }
}

.p-home__choice .stl {
  margin-bottom: 15px;
  text-align: center
}

@media screen and (max-width: 560px) {
  .p-home__choice .stl {
      max-width: 310px;
      margin: 0 auto 15px
  }
}

.p-home__choice .stl span {
  font-size: 20px;
  color: #444;
  font-weight: bold;
  border: 1px solid #444;
  padding: 5px 11px;
  line-height: 1.2em;
  letter-spacing: .07em;
  margin: 0 3px
}

@media screen and (max-width: 560px) {
  .p-home__choice .stl span {
      font-size: 16px;
      margin: 0 0 8px;
      display: block
  }

  .p-home__choice .stl span:last-child {
      margin-bottom: 0
  }
}

.p-home__choice .stl span strong {
  color: #ff558a;
  font-weight: bold
}

.p-home__choice .p-cta3__head {
  margin-bottom: 55px
}

@media screen and (max-width: 560px) {
  .p-home__choice .p-cta3__head {
      margin-bottom: 35px;
      padding: 0 16px
  }
}

.p-home__choice .p-cta3__head__title {
  font-size: 47px;
  color: #444;
  letter-spacing: 0
}

@media screen and (max-width: 560px) {
  .p-home__choice .p-cta3__head__title {
      font-size: 24px
  }
}

.p-home__choice .p-cta3__head__title .accent {
  color: #ff558a
}

.p-home__choice .p-cta3__head__description:after {
  display: none
}

.p-home__choice .p-cta3__head__description {
  font-size: 24px;
  letter-spacing: .1em;
  max-width: 601px
}

@media screen and (max-width: 560px) {
  .p-home__choice .p-cta3__head__description {
      font-size: 16px;
      max-width: 310px
  }
}

.p-home__choice .p-cta3__head__description span {
  color: #444;
  background: #f9ecef
}

.p-home__choice .inner {
  max-width: 1275px;
  margin: 0 auto 68px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner {
      margin-bottom: 40px
  }
}

.p-home__choice .inner .col {
  background: #fff;
  padding: 0 35px 45px;
  text-align: center;
  width: 48.8%
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col {
      width: 100%;
      padding: 0 20px 35px;
      margin-bottom: 25px
  }

  .p-home__choice .inner .col:last-child {
      margin-bottom: 0
  }
}

.p-home__choice .inner .col .img {
  margin: 0 -35px
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .img {
      margin: 0 -20px
  }
}

.p-home__choice .inner .col .ico {
  max-width: 72px;
  margin: 0 auto;
  transform: translateY(-50%)
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .ico {
      max-width: 55px
  }
}

.p-home__choice .inner .col .name {
  font-size: 41px;
  color: #000;
  font-weight: bold;
  letter-spacing: .03em;
  line-height: 1em;
  margin-bottom: 20px
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .name {
      font-size: 31px
  }
}

.p-home__choice .inner .col .cat {
  text-align: center;
  margin-bottom: 35px
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .cat {
      margin-bottom: 25px
  }
}

.p-home__choice .inner .col .cat span {
  font-size: 19px;
  color: #000;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #000;
  width: 118px;
  line-height: 1em;
  padding: 5px 0;
  margin: 0 2px;
  border-radius: 9999px
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .cat span {
      font-size: 17px;
      width: 100px
  }
}

.p-home__choice .inner .col .txt {
  margin-bottom: 35px
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .txt {
      margin-bottom: 25px
  }
}

.p-home__choice .inner .col .txt img {
  max-height: 196px
}

.p-home__choice .inner .col .btn01 {
  font-size: 20px;
  color: #ff558a;
  font-weight: bold;
  letter-spacing: .05em;
  text-align: center;
  border-radius: 9px;
  display: block;
  max-width: 405px;
  margin: 0 auto;
  border: 3px solid #ff558a;
  padding: 20px 0;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .btn01 {
      font-size: 17px;
      padding: 17px 0
  }
}

.p-home__choice .inner .col .btn01:before,
.p-home__choice .inner .col .btn01:after {
  content: "";
  background: #ff558a;
  height: 3px;
  position: absolute;
  right: 20px;
  top: 50%
}

.p-home__choice .inner .col .btn01:before {
  width: 11px;
  transform: rotate(35deg) translateY(-3px)
}

.p-home__choice .inner .col .btn01:after {
  width: 29px
}

.p-home__choice .inner .col .btn02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center
}

.p-home__choice .inner .col .btn02 a {
  text-align: center;
  border-radius: 9px;
  display: block;
  width: 47%;
  margin: 0 auto;
  padding: 26px 0 22px
}

@media only screen and (max-width: 1155px) {
  .p-home__choice .inner .col .btn02 a {
      width: 100%;
      margin-bottom: 10px
  }

  .p-home__choice .inner .col .btn02 a:last-child {
      margin-bottom: 0
  }
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .btn02 a {
      padding: 21px 0 18px
  }
}

.p-home__choice .inner .col .btn02 a span {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  letter-spacing: .05em;
  position: relative;
  padding-right: 35px
}

.p-home__choice .inner .col .btn02 a span:before,
.p-home__choice .inner .col .btn02 a span:after {
  content: "";
  background: #fff;
  height: 2px;
  position: absolute;
  right: 0;
  top: 50%
}

.p-home__choice .inner .col .btn02 a span:before {
  width: 11px;
  transform: rotate(35deg) translateY(-3px)
}

.p-home__choice .inner .col .btn02 a span:after {
  width: 29px
}

.p-home__choice .inner .col .btn02 a.rental {
  background: #ff558a;
  text-align: left;
  padding: 16px 0 13px 18px
}

@media screen and (max-width: 560px) {
  .p-home__choice .inner .col .btn02 a.rental {
      padding-left: 67px
  }
}

.p-home__choice .inner .col .btn02 a.rental span small {
  letter-spacing: 0
}

.p-home__choice .inner .col .btn02 a.rental span small.txt01 {
  font-size: 14px;
  color: #fff
}

.p-home__choice .inner .col .btn02 a.rental span small.txt02 {
  font-size: 27px;
  color: #ff0;
  letter-spacing: -0.05em
}

.p-home__choice .inner .col .btn02 a.rental span small.txt03 {
  font-size: 14px;
  color: #ff0
}

.p-home__choice .inner .col .btn02 a.rental span small.txt04 {
  font-size: 21px;
  color: #ff0;
  letter-spacing: -0.05em
}

.p-home__choice .inner .col .btn02 a.purchase {
  background: #009000;
  background: linear-gradient(90deg, #00c376 0%, #009000 100%);
  padding: 29px 0px 25px
}

.p-home__choice .inner .col .btn02 a.purchase span small {
  font-size: 10px;
  color: #008545;
  background: #ff0;
  padding: 2px 7px;
  border-radius: 9999px;
  vertical-align: top;
  margin-right: 4px
}

.p-home__choice a {
  opacity: 1
}

.p-home__choice a:hover {
  opacity: .8
}

.p-home__middleNav {
  margin: 16px 0 24px
}

@media screen and (max-width: 560px) {
  .p-home__middleNav {
      margin: 16px 0 0
  }
}

.p-home__middleNav__list {
  max-width: 880px;
  display: flex;
  flex-wrap: wrap;
  margin: -4px auto
}

@media screen and (max-width: 768px) {
  .p-home__middleNav__list {
      margin: -4px
  }
}

.p-home__middleNav__list__item {
  padding: 4px;
  width: 25%
}

@media screen and (max-width: 768px) {
  .p-home__middleNav__list__item {
      width: 50%
  }
}

.p-home__middleNav__button {
  font-size: 18px;
  line-height: 1em;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 100%;
  border: 1px solid #704b52;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .05);
  position: relative;
  text-align: center;
  padding-left: 40px
}

@media screen and (max-width: 768px) {
  .p-home__middleNav__button {
      padding-left: 10%
  }
}

@media screen and (max-width: 480px) {
  .p-home__middleNav__button {
      font-size: 16px;
      padding: 0 8px;
      padding-left: 24%;
      letter-spacing: 0
  }
}

.p-home__middleNav__button:hover {
  color: #176e39;
  border-color: #176e39;
  background: #f7f2f2
}

.p-home__middleNav__button:before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url(../img/web/home/middleNav__rental.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%)
}

@media screen and (max-width: 480px) {
  .p-home__middleNav__button:before {
      left: 8px
  }
}

.p-home__middleNav__button--sales:before {
  background: url(../img/web/home/middleNav__sales.svg)
}

.p-home__middleNav__button--rental:before {
  background: url(../img/web/home/middleNav__rental.svg)
}

.p-home__middleNav__button--machine:before {
  background: url(../img/web/home/middleNav__machine.svg)
}

.p-home__middleNav__button--mens:hover {
  color: #3454dd;
  border-color: #3454dd;
  background: #d7dbec
}

.p-home__middleNav__button--mens:before {
  background: url(../img/web/home/middleNav__mens.svg)
}

.p-home__middleNav__button span {
  font-size: 12px;
  display: block;
  line-height: 1em;
  margin: -2px 0 6px
}

.p-home__middleNav__foot {
  margin: 24px 0 0
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__foot {
      margin: 24px 0
  }
}

.p-home__middleNav__foot .l-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -4px auto;
  max-width: 960px
}

.p-home__middleNav__foot .l-container a {
  margin-bottom: 10px
}

.p-home__middleNav__foot .l-container a:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__foot .l-container {
      flex-wrap: wrap;
      padding: 0 16px;
      margin: 0 auto 24px;
      max-width: 455px
  }
}

@media screen and (max-width: 480px) {
  .p-home__middleNav__foot .l-container {
      margin: 0 auto;
      max-width: none
  }
}

.p-home__middleNav__foot.fv_next {
  margin: 30px 0
}

.p-home__middleNav__banner {
  display: block;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .2);
  transition: all .1s ease;
  cursor: pointer;
  margin: 4px
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__banner {
      margin: 0;
      order: 2;
      box-shadow: none;
      position: relative
  }
}

.p-home__middleNav__banner:hover {
  opacity: .3
}

.p-home__middleNav__banner:before {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: url(../img/web/icon/banner__tap--black.svg) no-repeat center;
  background-size: contain;
  display: none
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__banner:before {
      display: block
  }
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__banner+.p-home__middleNav__banner {
      order: 1;
      margin: 0 0 12px
  }
}

.p-home__middleNav__banner+.p-home__middleNav__banner:before {
  width: 40px;
  height: 40px;
  background: url(../img/web/icon/banner__tap--green.svg) no-repeat center;
  background-size: contain;
  display: none
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__banner+.p-home__middleNav__banner img {
      border-radius: 18px
  }
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__banner .pc {
      display: none
  }
}

.p-home__middleNav__banner .sp {
  display: none
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__banner .sp {
      display: block
  }
}

.p-home__middleNav__banner img {
  display: block;
  vertical-align: bottom;
  height: auto
}

@media screen and (max-width: 560px) {
  .p-home__middleNav__banner img {
      width: 100%;
      height: auto;
      border-radius: 4px;
      box-shadow: 0 3px 8px rgba(104, 124, 147, .48)
  }
}

.p-home__section {
  padding: 80px 0 80px
}

@media screen and (max-width: 480px) {
  .p-home__section {
      padding: 48px 0 56px
  }
}

.p-home__apply .l-container {
  display: flex;
  justify-content: flex-end
}

@media screen and (max-width: 480px) {
  .p-home__apply .l-container {
      padding: 0
  }
}

.p-home__apply__banner {
  display: block;
  margin: -112px -24px 0;
  background: #ea8ba9;
  border: 2px solid #176e39;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 768px) {
  .p-home__apply__banner {
      margin: -72px -24px 0
  }
}

@media screen and (max-width: 560px) {
  .p-home__apply__banner {
      margin: -16px auto 0;
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .p-home__apply__banner {
      margin: 0
  }
}

.p-home__apply__banner:hover {
  border-color: #fff;
  background: #fff
}

.p-home__apply__banner:hover img {
  opacity: .8
}

.p-home__apply__banner img {
  height: 120px
}

@media screen and (max-width: 768px) {
  .p-home__apply__banner img {
      height: 80px
  }
}

@media screen and (max-width: 560px) {
  .p-home__apply__banner img {
      height: auto;
      width: 100%
  }
}

.p-home__action,
.p-home__action--right,
.p-home__action--center {
  margin: 16px 0 0;
  display: flex
}

.p-home__action--center {
  justify-content: center
}

.p-home__action--right {
  justify-content: flex-end
}

.p-home__news {
  padding-top: 24px;
  padding-bottom: 48px;
  background: #f7f2f2
}

.p-home__news__info {
  margin: 0 0 24px
}

.p-home__news__info__list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px -8px
}

@media screen and (max-width: 768px) {
  .p-home__news__info__list {
      margin: -2px -4px
  }
}

.p-home__news__info__list>li {
  width: 50%;
  padding: 2px 8px
}

@media screen and (max-width: 768px) {
  .p-home__news__info__list>li {
      padding: 2px 4px
  }
}

@media screen and (max-width: 560px) {
  .p-home__news__info__list>li {
      width: 100%
  }
}

.p-home__news__info__list>li a {
  color: #222;
  text-align: center;
  display: block;
  padding: 8px 16px;
  border: 1px solid #222
}

.p-home__news__info__list>li a:hover {
  color: #176e39;
  background: #fff;
  border-color: #176e39
}

.p-home__news>.l-container {
  display: flex
}

@media screen and (max-width: 768px) {
  .p-home__news>.l-container {
      flex-wrap: wrap
  }
}

.p-home__news__head {
  flex: 0 0 320px
}

@media screen and (max-width: 768px) {
  .p-home__news__head {
      flex: 0 0 100%
  }
}

.p-home__news__body {
  flex: auto;
  min-width: 0
}

@media screen and (max-width: 768px) {
  .p-home__news__body {
      width: 100%
  }
}

.p-home__news__list>li {
  border-bottom: 1px solid #e5e9ee;
  padding: 0 0 4px
}

.p-home__news__list>li+li {
  margin: 8px 0 0
}

.p-home__news__list__date {
  color: #999;
  margin: 0 0 4px
}

.p-home__news__list__title {
  display: flex;
  align-items: flex-start
}

a:hover .p-home__news__list__title {
  color: #176e39
}

.p-home__news__list__title__category {
  color: #fff;
  font-size: 13px;
  background: #dea7b2;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 80px;
  width: 80px;
  margin: 0 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-home__news__list__title__category {
      flex: 0 0 64px;
      width: 64px
  }
}

.p-home__wrapAbout {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden
}

.p-home__wrapAbout__image {
  background: url(../img/web/home/image__about.webp);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  flex: 0 0 32%
}

.p-home__about {
  display: flex;
  flex: 0 0 68%
}

@media screen and (max-width: 768px) {
  .p-home__about {
      flex: 0 0 100%
  }
}

.p-home__about .l-container {
  max-width: none
}

.p-home__about__head__copy {
  margin: 32px 0 0;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-home__about__head__copy {
      margin: 32px 0 0
  }
}

.p-home__about__head__copy__label {
  color: #fff !important;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #176e39;
  max-width: 220px;
  width: 100%;
  margin: 0 auto 24px
}

.p-home__about__head__copy__accent {
  color: #176e39;
  font-weight: 700
}

.p-home__about__head__copy p+p {
  margin: 16px 0 0
}

.p-home__about__body .p-home__icon__list {
  max-width: 480px;
  margin: 56px auto 0
}

@media screen and (max-width: 560px) {
  .p-home__about__body .p-home__icon__list {
      margin: 40px auto 0
  }
}

.p-home__icon__list {
  display: flex;
  justify-content: center
}

.p-home__icon__list>li {
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  margin: 0 4px
}

@media screen and (max-width: 560px) {
  .p-home__icon__list>li {
      min-width: 100px;
      margin: 0
  }
}

.p-home__icon__list>li .c-image,
.p-home__icon__list>li .c-image--standard,
.p-home__icon__list>li .c-image--wide,
.p-home__icon__list>li .c-image--notification {
  width: 100px;
  background-size: 80px 80px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

@media screen and (max-width: 560px) {

  .p-home__icon__list>li .c-image,
  .p-home__icon__list>li .c-image--standard,
  .p-home__icon__list>li .c-image--wide,
  .p-home__icon__list>li .c-image--notification {
      width: 80px;
      background-size: 72px 72px !important
  }
}

@media screen and (max-width: 480px) {

  .p-home__icon__list>li .c-image,
  .p-home__icon__list>li .c-image--standard,
  .p-home__icon__list>li .c-image--wide,
  .p-home__icon__list>li .c-image--notification {
      width: 72px;
      background-size: 64px 64px !important
  }
}

.p-home__icon__list>li .c-image--machine {
  background: #f7f2f2 url(https://jibunde-esute.com/img/web/home/about__machine.svg);
  background-size: 72px 72px !important
}

@media screen and (max-width: 560px) {
  .p-home__icon__list>li .c-image--machine {
      background-size: 64px 64px !important
  }
}

.p-home__icon__list>li .c-image--myself {
  background: #f7f2f2 url(https://jibunde-esute.com/img/web/home/about__myself.svg);
  background-size: 72px 72px !important
}

@media screen and (max-width: 560px) {
  .p-home__icon__list>li .c-image--myself {
      background-size: 64px 64px !important
  }
}

.p-home__icon__list>li .c-image--room {
  background: #f7f2f2 url(https://jibunde-esute.com/img/web/home/about__room.svg);
  background-size: 72px 72px !important
}

@media screen and (max-width: 560px) {
  .p-home__icon__list>li .c-image--room {
      background-size: 64px 64px !important
  }
}

.p-home__icon__list__label {
  letter-spacing: .13em;
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-home__icon__list__label {
      letter-spacing: .04em
  }
}

.p-home__icon__list__description {
  margin: 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-home__icon__list__description {
      margin: 12px 0 0
  }
}

.p-home__about__sub {
  text-align: center;
  margin-top: 30px
}

.p-home__about__sub .ttl {
  margin-bottom: 10px
}

.p-home__about__sub .ttl span {
  font-size: 21px;
  font-weight: bold;
  border-bottom: 2px solid #176e39;
  letter-spacing: .1em
}

@media screen and (max-width: 768px) {
  .p-home__about__sub .ttl span {
      font-size: 18px
  }
}

.p-home__about__sub .txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8em;
  letter-spacing: .15em
}

@media screen and (max-width: 768px) {
  .p-home__about__sub .txt {
      font-size: 14px;
      letter-spacing: .1em
  }
}

.p-home__reason {
  background: #f7f2f2
}

.p-home__reason__head {
  height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: auto 280px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

@media screen and (max-width: 768px) {
  .p-home__reason__head {
      height: 200px;
      background-size: auto 200px !important
  }
}

@media screen and (max-width: 560px) {
  .p-home__reason__head {
      height: 176px;
      background-size: auto 176px !important;
      background-position: left -120px center !important
  }
}

.p-home__reason__head .p-heading,
.p-home__reason__head .p-heading--white,
.p-home__reason__head .p-heading--center {
  margin: 0
}

.p-home__reason__head .p-heading__english {
  color: #222
}

.p-home__reason__body {
  padding: 0 0 40px
}

.p-home__reason__list {
  display: flex;
  flex-direction: column;
  counter-reset: number 0
}

@media screen and (max-width: 768px) {
  .p-home__reason__list {
      max-width: 400px;
      width: 100%;
      margin: 0 auto
  }
}

.p-home__reason__list>li {
  padding: 0 0 0 200px;
  counter-increment: number 1;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-home__reason__list>li {
      padding: 280px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-home__reason__list>li {
      padding: 240px 0 0
  }
}

.p-home__reason__list>li+li {
  margin: 32px 0 0
}

@media screen and (max-width: 768px) {
  .p-home__reason__list>li+li {
      margin: 16px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-home__reason__list>li:nth-of-type(2) .p-home__reason__image {
      background-position: top -30px center !important
  }
}

.p-home__reason__list>li:nth-of-type(3) .p-home__reason__image {
  background-position: center right -20px !important
}

@media screen and (max-width: 1080px) {
  .p-home__reason__list>li:nth-of-type(3) .p-home__reason__image {
      background-position: center right !important
  }
}

@media screen and (max-width: 768px) {
  .p-home__reason__list>li:nth-of-type(3) .p-home__reason__image {
      background-position: bottom center !important
  }
}

.p-home__reason__list>li:nth-of-type(3) .p-home__reason__image:after {
  content: "MADE IN KOREA";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  font-size: 13px;
  background: rgba(0, 0, 0, .7);
  padding: 2px 12px;
  color: #fff;
  display: none
}

.p-home__reason__image {
  width: 200px;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center center
}

@media screen and (max-width: 768px) {
  .p-home__reason__image {
      height: 280px;
      width: 100%;
      background-position: top -100px center !important
  }
}

@media screen and (max-width: 480px) {
  .p-home__reason__image {
      height: 240px
  }
}

.p-home__reason__item {
  display: flex;
  padding: 40px;
  background: #fff;
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, .2);
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item {
      padding: 24px
  }
}

@media screen and (max-width: 560px) {
  .p-home__reason__item {
      padding: 16px
  }
}

.p-home__reason__item__text {
  background: #fff;
  z-index: 1;
  padding: 4px 0 0 120px
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text {
      padding: 4px 0 0 60px
  }
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__text {
      width: 100%;
      padding: 0
  }
}

.p-home__reason__item__text:before {
  content: counter(number, decimal-leading-zero) ".";
  color: #dec1c6;
  font-size: 60px;
  display: block;
  position: absolute;
  top: 18px;
  left: 46px;
  z-index: 1
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text:before {
      font-size: 32px;
      top: 28px;
      left: 20px
  }
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__text:before {
      top: 24px;
      left: 16px;
      font-size: 26px
  }
}

@media screen and (max-width: 560px) {
  .p-home__reason__item__text:before {
      top: 15px
  }
}

.p-home__reason__item__text .title {
  font-size: 28px;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__text .title {
      font-size: 20px;
      font-weight: 700;
      padding: 0 0 0 48px
  }
}

@media screen and (max-width: 480px) {
  .p-home__reason__item__text .title {
      letter-spacing: 0
  }
}

.p-home__reason__item__text .title b {
  font-size: 36px;
  color: #176e39
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__text .title b {
      font-size: 28px
  }
}

@media screen and (max-width: 480px) {
  .p-home__reason__item__text .title b {
      font-size: 24px
  }
}

.p-home__reason__item__text .title strong {
  font-size: 37px;
  font-weight: 600;
  margin: 0 6px;
  color: #222;
  border-bottom: solid 4px #e0778d;
  line-height: 1.3em
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .title strong {
      font-size: 32px
  }
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__text .title strong {
      font-size: 26px;
      border-bottom: solid 3px #e0778d;
      margin: 0 4px
  }
}

@media screen and (max-width: 480px) {
  .p-home__reason__item__text .title strong {
      font-size: 22px;
      margin-left: 2px !important;
      margin-right: 2px !important
  }
}

.p-home__reason__item__text .point {
  margin: 20px 0 0
}

.p-home__reason__item__text .point p {
  font-size: 30px;
  font-weight: 600;
  color: #222;
  padding: 0 0 5px;
  border-bottom: solid 1px #eee
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .point p {
      font-size: 20px
  }
}

@media screen and (max-width: 560px) {
  .p-home__reason__item__text .point p {
      padding: 0 0 6px
  }
}

.p-home__reason__item__text .point p+p {
  margin: 16px 0 0
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .point p+p {
      margin: 12px 0 0
  }
}

@media screen and (max-width: 560px) {
  .p-home__reason__item__text .point p+p {
      margin: 8px 0 0
  }
}

.p-home__reason__item__text .point p b {
  margin: 0 4px 0 12px;
  font-size: 48px;
  color: #e0778d
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .point p b {
      font-size: 32px
  }
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__text .point p b {
      margin: 0 2px 0 6px
  }
}

.p-home__reason__item__text .point p b[data-tax] {
  position: relative
}

.p-home__reason__item__text .point p b[data-tax]:after {
  content: attr(data-tax);
  position: absolute;
  font-size: 12px;
  right: 0;
  bottom: -12px;
  line-height: 1
}

.p-home__reason__item__text .point p b small {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .point p b small {
      font-size: 18px;
      margin: 0 0 0 1px
  }
}

.p-home__reason__item__text .point p b small:after {
  content: "";
  font-size: 12px;
  font-weight: 600;
  color: #555;
  position: absolute;
  top: -11px;
  left: 0;
  line-height: 1;
  text-align: center;
  width: 100%;
  display: none
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .point p b small:after {
      font-size: 10px;
      font-weight: 500;
      top: -10px;
      left: -1px;
      width: 22px;
      color: #666
  }
}

.p-home__reason__item__text .point p>small {
  font-size: 14px;
  margin: 0 0 0 10px
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .point p>small {
      font-size: 12px;
      margin: 0 0 0 6px;
      font-weight: 500;
      color: #666;
      letter-spacing: 0
  }
}

@media screen and (max-width: 560px) {
  .p-home__reason__item__text .point p>small {
      display: block;
      line-height: 1;
      text-align: right;
      font-weight: 400;
      margin: -3px 0 0
  }
}

.p-home__reason__item__text .description {
  font-size: 16px;
  margin: 16px 0 0;
  letter-spacing: .04em
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .description {
      font-size: 14px
  }
}

.p-home__reason__item__text .description b {
  color: #666;
  font-size: 1.2em
}

@media screen and (max-width: 1080px) {
  .p-home__reason__item__text .description b {
      font-size: 14px
  }
}

.p-home__reason__item__text img {
  display: none
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__text .pc {
      display: none !important
  }
}

.p-home__reason__item__image {
  width: 100%;
  max-width: 580px;
  display: block
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__image {
      display: none
  }
}

.p-home__reason__item__image--sp {
  display: none;
  margin: auto
}

@media screen and (max-width: 768px) {
  .p-home__reason__item__image--sp {
      display: block
  }
}

.p-home__movie {
  background: #dec1c6 url(https://jibunde-esute.com/img/web/home/movie__background.jpg);
  background-size: cover !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important
}

.p-home__movie__body {
  position: relative;
  z-index: 0
}

.p-home__movie__body:before {
  content: "";
  display: block;
  width: 420px;
  height: 64px;
  background: url(https://jibunde-esute.com/img/web/home/movie__ourConcept.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  bottom: -40px;
  left: 50%;
  z-index: 1;
  transform: translate(-120px, 0)
}

@media screen and (max-width: 768px) {
  .p-home__movie__body:before {
      width: 210px;
      height: 32px;
      bottom: -20px;
      left: auto;
      right: 40px;
      transform: translate(0, 0)
  }
}

.p-home__movie__body .c-image,
.p-home__movie__body .c-image--standard,
.p-home__movie__body .c-image--wide,
.p-home__movie__body .c-image--notification {
  background: url(https://jibunde-esute.com/img/web/home/thumbnail__video.jpg);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 4px solid #fff;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .1)
}

.p-home__movie__body .c-image:after,
.p-home__movie__body .c-image--standard:after,
.p-home__movie__body .c-image--wide:after,
.p-home__movie__body .c-image--notification:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #f7e4e8;
  position: absolute;
  top: 40px;
  left: -40px;
  z-index: -1
}

@media screen and (max-width: 768px) {

  .p-home__movie__body .c-image:after,
  .p-home__movie__body .c-image--standard:after,
  .p-home__movie__body .c-image--wide:after,
  .p-home__movie__body .c-image--notification:after {
      top: 24px;
      left: -12px
  }
}

.p-home__machine .p-heading__title--vertical .description {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8em
}

@media screen and (max-width: 768px) {
  .p-home__machine .p-heading__title--vertical .description {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 1.9em
  }
}

.p-home__machine .p-heading__title--vertical .description strong {
  font-size: 30px;
  color: #176e39;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-home__machine .p-heading__title--vertical .description strong {
      font-size: 21px;
      letter-spacing: 0
  }
}

.p-home__machine .p-heading__title--vertical .description span.line {
  font-size: 26px;
  font-weight: bold;
  border-bottom: 2px solid #176e39;
  padding-bottom: 2px
}

@media screen and (max-width: 768px) {
  .p-home__machine .p-heading__title--vertical .description span.line {
      font-size: 18px;
      letter-spacing: 0
  }
}

.p-home__machine__main {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (max-width: 1080px) {
  .p-home__machine__main {
      margin: 0 0 32px
  }
}

@media screen and (max-width: 480px) {
  .p-home__machine__main {
      margin: 0 0 24px
  }
}

.p-home__machine__main__badge {
  width: 40%
}

@media screen and (max-width: 1080px) {
  .p-home__machine__main__badge {
      width: 48%
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__main__badge {
      display: none
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__main__badge img {
      display: block;
      max-width: 400px;
      width: 100%;
      margin: 0 auto
  }
}

.p-home__machine__main__image {
  width: 60%
}

@media screen and (max-width: 1080px) {
  .p-home__machine__main__image {
      width: 50%
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__main__image {
      width: 100%
  }
}

.p-home__machine__main__image img {
  height: auto
}

@media screen and (max-width: 768px) {
  .p-home__machine__main__image img {
      display: block;
      max-width: 560px;
      width: 100%;
      height: auto;
      margin: 24px auto 0
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__main__image .pc {
      display: none
  }
}

.p-home__machine__main__image .sp {
  max-width: 480px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: none;
  transform: translateX(-6px)
}

@media screen and (max-width: 768px) {
  .p-home__machine__main__image .sp {
      display: block
  }
}

.p-home__machine__middle {
  padding: 0 0 24px;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 560px) {
  .p-home__machine__middle {
      padding: 0 0 16px;
      margin: 0 -16px
  }
}

.p-home__machine__middle .p-buttonWrap {
  margin-top: 16px
}

@media screen and (max-width: 560px) {
  .p-home__machine__middle .p-buttonWrap {
      padding: 0 16px
  }
}

.p-home__machineData {
  padding: 0 0 40px
}

@media screen and (max-width: 480px) {
  .p-home__machineData {
      padding: 0
  }
}

.p-home__machineData .p-machine__list {
  margin: 32px 0 0
}

.p-home__machineData .p-machine__list .slick-track {
  display: flex
}

.p-home__machineData .p-machine__list li.slick-slide {
  margin: 0;
  padding: 0 8px;
  display: flex;
  height: auto
}

@media screen and (max-width: 560px) {
  .p-home__machineData .p-machine__list li.slick-slide {
      padding: 0 4px
  }
}

.p-home__machineData .p-machine__list__item {
  flex-wrap: nowrap;
  padding: 12px;
  border: solid 1px #e3e6ec;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: flex-start
}

@media screen and (max-width: 480px) {
  .p-home__machineData .p-machine__list__item {
      padding: 16px 16px 12px
  }
}

.p-home__machineData .p-machine__list__item__image {
  width: 100%;
  margin: 0 auto;
  flex: 0 0 auto;
  max-width: 160px
}

.p-home__machineData .p-machine__list__item__text {
  width: 100%;
  flex: auto;
  min-height: 1px;
  display: flex;
  flex-direction: column;
  margin: 0
}

.p-home__machineData .p-machine__list__item__text__main {
  min-height: 250px
}

@media screen and (max-width: 480px) {
  .p-home__machineData .p-machine__list__item__text__main {
      min-height: 210px
  }
}

.p-home__machineData .p-machine__list__item__text__main .copy {
  font-size: 16px;
  line-height: 1.3em
}

.p-home__machineData .p-machine__list__item__text__main .c-text__lv5--base {
  font-size: 14px
}

.p-home__machineData .p-machine__list__item__detail {
  order: 2;
  margin: 4px 0 0
}

.p-home__machineData .p-machine__list__item__foot {
  margin: 0
}

.p-home__machineData .p-machine__list__item__foot .p-buttonWrap {
  padding: 0;
  flex-direction: column;
  width: 100%
}

.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--accent,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--action,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--form,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--inline,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--inlineArrow,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--weak,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--line,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--full,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .c-button--small,
.p-home__machineData .p-machine__list__item__foot .p-buttonWrap .p-home__middleNav__button {
  padding: 0 12px;
  justify-content: center;
  width: auto
}

.p-home__machineData .p-machine__photoList figure {
  width: 32%
}

.p-home__machineData .p-machine__photoList figure figcaption {
  font-size: 12px
}

.p-home__machine__sub {
  margin: 56px 0 0
}

@media screen and (max-width: 480px) {
  .p-home__machine__sub {
      margin: 40px 0 0
  }
}

.p-home__machine__sub__body__copy img {
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .p-home__machine__sub__body__copy img {
      max-width: 480px;
      width: 100%;
      height: auto;
      margin: 0 auto;
      display: block
  }
}

.p-home__machine__sub__body__self {
  margin: 24px 0 0
}

.p-home__machine__sub__body__self img {
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .p-home__machine__sub__body__self img {
      max-width: 480px;
      width: 100%;
      height: auto;
      margin: 0 auto;
      display: block
  }
}

.p-home__machine__sub__body__illust {
  margin: 24px 0 0
}

.p-home__machine__sub__body__illust img {
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .p-home__machine__sub__body__illust img {
      max-width: 480px;
      width: 100%;
      height: auto;
      margin: 0 auto;
      display: block
  }
}

.p-home__machine__illust {
  display: flex;
  margin: -16px;
  counter-reset: number 0
}

@media screen and (max-width: 1080px) {
  .p-home__machine__illust {
      margin: -8px
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust {
      flex-direction: column;
      margin: -4px
  }
}

@media screen and (max-width: 560px) {
  .p-home__machine__illust {
      margin: -2px -16px -2px -2px
  }
}

.p-home__machine__illust>li {
  width: 33.3333%;
  padding: 16px;
  counter-increment: number 1;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 1080px) {
  .p-home__machine__illust>li {
      padding: 8px
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust>li {
      width: 100%;
      padding: 4px
  }
}

@media screen and (max-width: 560px) {
  .p-home__machine__illust>li {
      padding: 2px 0 2px 2px
  }
}

.p-home__machine__illust__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: auto;
  min-width: 0;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust__item {
      flex-direction: row-reverse;
      background: #f7e4e8;
      padding: 24px;
      border-left: 4px solid #d68490
  }
}

@media screen and (max-width: 560px) {
  .p-home__machine__illust__item {
      padding: 16px
  }
}

.p-home__machine__illust__item__number {
  position: absolute;
  top: -8px;
  left: 0
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust__item__number {
      top: 0
  }
}

.p-home__machine__illust__item__number:before {
  content: counter(number, decimal-leading-zero) ".";
  color: #dea7b2;
  font-size: 48px;
  font-weight: 500;
  line-height: 1em;
  font-family: "Oswald", "Noto Sans JP", sans-serif
}

@media screen and (max-width: 1080px) {
  .p-home__machine__illust__item__number:before {
      font-size: 40px
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust__item__number:before {
      font-size: 32px
  }
}

@media screen and (max-width: 560px) {
  .p-home__machine__illust__item__number:before {
      font-size: 24px
  }
}

.p-home__machine__illust__item__image {
  width: 220px;
  border: 4px solid #d68490;
  border-radius: 100px;
  background: #fff;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-home__machine__illust__item__image {
      width: 160px
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust__item__image {
      transform: scale(1.2);
      transform-origin: center center;
      border: none
  }
}

@media screen and (max-width: 560px) {
  .p-home__machine__illust__item__image {
      transform: scale(1.1)
  }
}

.p-home__machine__illust__item__image .c-image,
.p-home__machine__illust__item__image .c-image--standard,
.p-home__machine__illust__item__image .c-image--wide,
.p-home__machine__illust__item__image .c-image--notification {
  border: 4px solid #fff;
  border-radius: 100px
}

@media screen and (max-width: 560px) {

  .p-home__machine__illust__item__image .c-image,
  .p-home__machine__illust__item__image .c-image--standard,
  .p-home__machine__illust__item__image .c-image--wide,
  .p-home__machine__illust__item__image .c-image--notification {
      border-width: 2px
  }
}

.p-home__machine__illust__item__text {
  padding: 72px 32px 32px;
  margin: -64px 0 0;
  background: #f7e4e8;
  width: 100%;
  flex: auto;
  min-width: 0
}

@media screen and (max-width: 1080px) {
  .p-home__machine__illust__item__text {
      padding: 72px 24px 24px
  }
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust__item__text {
      padding: 0 24px 0 80px;
      margin: 0;
      background: rgba(0, 0, 0, 0);
      position: relative
  }
}

@media screen and (max-width: 560px) {
  .p-home__machine__illust__item__text {
      padding: 0 16px 0 48px
  }
}

.p-home__machine__illust__item__text .title {
  margin: 0 0 8px
}

@media screen and (max-width: 768px) {
  .p-home__machine__illust__item__text .title {
      font-size: 24px
  }
}

@media screen and (max-width: 560px) {
  .p-home__machine__illust__item__text .title {
      font-size: 22px
  }
}

.p-home__machine__list {
  display: flex
}

.p-home__machine__list .slick-track {
  display: flex
}

.p-home__machine__list li {
  width: 25%;
  padding: 4px;
  height: auto;
  display: flex !important;
  flex-direction: column
}

@media screen and (max-width: 560px) {
  .p-home__machine__list li {
      padding: 2px
  }
}

.p-home__machine__list__item {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: #fff;
  border: 1px solid #cbcfd5;
  flex: auto;
  min-width: 0;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .2);
  position: relative
}

@media screen and (max-width: 560px) {
  .p-home__machine__list__item {
      padding: 4px 4px 8px
  }
}

.p-home__machine__list__item>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.p-home__machine__list__item .c-image,
.p-home__machine__list__item .c-image--standard,
.p-home__machine__list__item .c-image--wide,
.p-home__machine__list__item .c-image--notification {
  max-width: 200px;
  margin: 0 auto;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {

  .p-home__machine__list__item .c-image,
  .p-home__machine__list__item .c-image--standard,
  .p-home__machine__list__item .c-image--wide,
  .p-home__machine__list__item .c-image--notification {
      max-width: 160px
  }
}

.p-home__machine__list__item__text {
  flex: auto;
  min-height: 1px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-home__machine__list__item__text .c-button--line {
  margin: auto auto 8px
}

@media screen and (max-width: 480px) {
  .p-home__machine__list__item__text .c-button--line {
      margin: auto auto 12px
  }
}

.p-home__machine__list__item .title {
  text-align: center;
  margin: 8px 0 8px
}

.p-home__machine__list__item .description {
  margin: 0 0 16px
}

@media screen and (max-width: 480px) {
  .p-home__machine__list__item .description {
      margin: 0 0 12px
  }
}

.p-home__machine__list__item .p-buttonArea {
  margin: auto 0 0
}

.p-home__sportsGym {
  background: #e5e9ee;
  overflow: hidden;
  position: relative;
  padding: 80px 0 40px
}

@media screen and (max-width: 480px) {
  .p-home__sportsGym {
      padding: 48px 0 56px
  }
}

.p-home__sportsGym:before {
  content: "";
  display: block;
  width: 672px;
  height: 480px;
  background: url(https://jibunde-esute.com/img/web/home/sportsGym__background.webp);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(360px)
}

@media screen and (max-width: 1080px) {
  .p-home__sportsGym:before {
      transform: translateX(160px)
  }
}

@media screen and (max-width: 768px) {
  .p-home__sportsGym:before {
      width: 840px;
      height: 600px;
      transform: translateX(-100px)
  }
}

@media screen and (max-width: 560px) {
  .p-home__sportsGym:before {
      transform: translateX(-160px)
  }
}

.p-home__sportsGym .l-container {
  position: relative
}

.p-home__sportsGym__head {
  margin: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-home__sportsGym__head {
      margin: 0 0 24px;
      padding: 0 0 16px;
      border-bottom: solid 1px #91a6be
  }
}

.p-home__sportsGym__head:before,
.p-home__sportsGym__head:after {
  content: "";
  flex: auto;
  min-width: 1px;
  height: 1px;
  background: #91a6be;
  margin: 0 32px 0 0
}

@media screen and (max-width: 480px) {

  .p-home__sportsGym__head:before,
  .p-home__sportsGym__head:after {
      display: none
  }
}

.p-home__sportsGym__head:after {
  margin: 0 0 0 32px
}

.p-home__sportsGym__head__english {
  color: #406c9e;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2em
}

.p-home__sportsGym__head__english:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(https://jibunde-esute.com/img/web/home/sportsGym_%EF%BC%BFdumbbell.svg) no-repeat center;
  background-size: contain;
  margin: 0 12px 0 0;
  display: none
}

.p-home__sportsGym__head__title {
  text-align: center;
  font-size: 32px;
  color: #222
}

@media screen and (max-width: 768px) {
  .p-home__sportsGym__head__title {
      font-size: 30px
  }
}

.p-home__sportsGym__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.p-home__sportsGym__body__text {
  width: 48%;
  width: 100%;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-home__sportsGym__body__text {
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .p-home__sportsGym__body__text {
      text-align: left
  }
}

.p-home__sportsGym__body__text__english {
  color: #406c9e;
  letter-spacing: 0
}

.p-home__sportsGym__body__text__title {
  margin: 0 0 16px
}

.p-home__sportsGym__body__text__catchPhrase:before {
  content: "業界初";
  display: inline-flex;
  color: #fff;
  background: #91a6be;
  padding: 0 8px;
  margin: 0 8px 0 0
}

.p-home__sportsGym__body__text__description {
  font-size: 16px;
  line-height: 1.8em;
  margin: 16px 0 0
}

.p-home__sportsGym__body__image {
  width: 48%;
  background: url(https://jibunde-esute.com/img/web/home/sportsGym.webp);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 768px) {
  .p-home__sportsGym__body__image {
      width: 100%;
      min-height: 200px;
      background-position: top center !important;
      margin: 24px 0 0
  }
}

.p-home__sportsGym__foot {
  margin: 40px 0 0
}

@media screen and (max-width: 768px) {
  .p-home__sportsGym__foot {
      margin: 24px 0 0
  }
}

.p-home__sportsGym__foot__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.p-home__sportsGym__foot__list>li {
  width: 32%;
  display: flex
}

.p-home__sportsGym__foot__item {
  color: #fff;
  background: #91a6be;
  padding: 8px;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-home__inbody {
  padding-top: 0
}

.p-home__inbody .l-container {
  display: flex
}

.p-home__inbody__body {
  width: 100%;
  border-top: 4px solid #444;
  border-bottom: 4px solid #444;
  padding: 24px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .p-home__inbody__body {
      max-width: 480px;
      margin: 0 auto
  }
}

.p-home__inbody__body__image {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-home__inbody__body__image img {
  max-width: 390px;
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .p-home__inbody__body__image img {
      max-width: 320px
  }
}

@media screen and (max-width: 768px) {
  .p-home__inbody__body__image {
      width: 100%
  }
}

.p-home__inbody__body__text {
  width: 56%
}

@media screen and (max-width: 768px) {
  .p-home__inbody__body__text {
      width: 100%;
      padding: 24px
  }
}

@media screen and (max-width: 480px) {
  .p-home__inbody__body__text {
      padding: 16px;
      text-align: left
  }
}

.p-home__inbody__body__text__logo {
  height: 48px;
  margin: 0 0 24px;
  width: auto
}

@media screen and (max-width: 768px) {
  .p-home__inbody__body__text__logo {
      height: 40px;
      margin: 16px 0
  }
}

.p-home__inbody__body__text__logoTitle {
  font-size: 40px;
  font-weight: 600;
  color: #222;
  font-family: "Oswald", "Montserrat", "Noto Sans JP", sans-serif;
  line-height: 1;
  position: relative
}

.p-home__inbody__body__text__logoTitle:after {
  content: "NEW";
  position: absolute;
  left: 0;
  top: -22px;
  font-size: 14px;
  background: #e16983;
  color: #fff;
  width: 40px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
  display: none
}

.p-home__inbody__body__text__logoTitle small {
  display: block;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin: 12px 0 0
}

.p-home__inbody__body__text__title {
  margin: 16px 0
}

.p-home__inbody__body__text__description {
  font-size: 16px;
  line-height: 1.8em;
  margin: 16px 0 0
}

.p-home__inbody--domesauna .p-home__inbody__body {
  align-items: flex-start;
  padding: 48px 0
}

@media screen and (max-width: 560px) {
  .p-home__inbody--domesauna .p-home__inbody__body {
      padding: 32px 0
  }
}

.p-home__inbody--domesauna .p-home__inbody__body__image {
  padding: 6px 0 0
}

@media screen and (max-width: 560px) {
  .p-home__inbody--domesauna .p-home__inbody__body__text__title {
      font-size: 22px;
      margin-bottom: 4px
  }
}

@media screen and (max-width: 480px) {
  .p-home__inbody--domesauna .p-home__inbody__body__text__catchPhrase {
      font-size: 15px
  }
}

.p-home__inbody__shop {
  margin: 1rem 0 0
}

.p-home__inbody__shop__title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 .5rem;
  color: #222
}

.p-home__inbody__shop__list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.2rem
}

@media screen and (max-width: 560px) {
  .p-home__inbody__shop__list {
      margin: -0.275rem
  }
}

.p-home__inbody__shop__list__item {
  flex: 0 0 auto;
  padding: .2rem
}

@media screen and (max-width: 560px) {
  .p-home__inbody__shop__list__item {
      padding: .275rem
  }
}

.p-home__inbody__shop__list__item a {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500;
  background: #e26a83;
  color: #fff;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 3px
}

@media screen and (max-width: 560px) {
  .p-home__inbody__shop__list__item a {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      text-decoration: none
  }
}

.p-home__inbody__shop__list__item a:hover {
  background: #da3f5f
}

.p-home__review {
  background: #f7f2f2
}

.p-home__review__body {
  overflow: auto;
  margin: -8px
}

.p-home__review__body .p-review__list__body {
  border-color: #fff
}

.p-home__review__body .p-review__list__body .c-button--full {
  line-height: 1em;
  height: 40px
}

.p-home__review__list {
  min-width: 768px;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 560px) {
  .p-home__review__list {
      min-width: 560px
  }
}

.p-home__review__list>li {
  padding: 8px;
  width: 50%;
  display: flex
}

@media screen and (max-width: 560px) {
  .p-home__review__list>li {
      padding: 4px
  }
}

.p-home__review__list>li.full {
  width: 100%
}

.p-home__review__list>li article {
  flex: auto;
  min-width: 1px
}

@media screen and (min-width: 1081px) {
  .p-home__review__list>li.main {
      width: auto;
      min-width: 1px;
      flex: auto
  }
}

@media screen and (min-width: 1081px) {
  .p-home__review__list>li.main .p-home__review__list__body {
      position: relative;
      padding: 16px
  }
}

@media screen and (min-width: 1140px) {
  .p-home__review__list>li.main .p-home__review__list__body__title {
      font-size: 28px;
      padding: 16px 0 0
  }
}

@media screen and (min-width: 1081px) {
  .p-home__review__list>li.main .p-home__review__list__body__title {
      position: absolute;
      right: 16px;
      text-align: left;
      width: calc(100% - 516px);
      margin: 0;
      font-size: 25px;
      line-height: 1.3em;
      font-weight: 600;
      padding: 22px 0 0;
      color: #e26a83
  }
}

@media screen and (min-width: 1081px) {
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap {
      display: flex;
      max-width: none
  }
}

@media screen and (min-width: 1081px) {
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__image {
      flex: 0 0 auto;
      width: 100%;
      max-width: 460px;
      margin: 0 24px 0 0
  }
}

@media screen and (min-width: 1081px) {
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text {
      margin: 112px 0 0;
      padding: 8px 0 0;
      border-top: solid 1px #eee;
      flex: auto;
      min-width: 1px
  }
}

.p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap {
  display: none
}

@media screen and (min-width: 1081px) {
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap {
      display: flex;
      margin-top: 24px
  }
}

@media screen and (min-width: 1081px) {

  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--accent,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--action,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--form,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--inline,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--inlineArrow,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--weak,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--line,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--full,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .c-button--small,
  .p-home__review__list>li.main .p-home__review__list__body .p-videoWrap__text .p-buttonWrap .p-home__middleNav__button {
      font-weight: 500;
      min-width: 210px;
      justify-content: center;
      height: 48px;
      font-size: 15px;
      position: relative;
      z-index: 1
  }
}

.p-home__review__list__body {
  background: #fff;
  padding: 24px 16px 32px;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-home__review__list__body {
      padding: 16px 16px 24px
  }
}

.p-home__review__list__body__category {
  color: #fff;
  background: #dea7b2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 8px
}

.p-home__review__list__body__title {
  text-align: center;
  margin: 16px 0 24px
}

@media screen and (max-width: 480px) {
  .p-home__review__list__body__title {
      margin: 24px 0 16px
  }
}

.p-home__review__list__body__image {
  margin: 0 0 16px
}

.p-home__review__list__body__image img {
  display: block;
  height: 271px;
  width: auto;
  margin: 0 auto
}

@media screen and (max-width: 560px) {
  .p-home__review__list__body__image img {
      height: 191px
  }
}

.p-home__review__list__body--youtube {
  padding: 24px 16px 32px
}

@media screen and (max-width: 960px) {
  .p-home__review__list__body--youtube {
      padding: 24px 16px 32px
  }
}

@media screen and (max-width: 768px) {
  .p-home__review__list__body--youtube {
      padding: 16px 16px 16px
  }
}

.p-home__review__list__body--youtube .p-home__review__list__body__category {
  background: none;
  color: #222;
  width: auto;
  height: auto;
  font-size: 24px;
  font-weight: 500;
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  left: 14px
}

.p-home__review__list__body--youtube .p-home__review__list__body__title {
  margin: 0 0 16px
}

@media screen and (max-width: 768px) {
  .p-home__review__list__body--youtube .p-home__review__list__body__title {
      margin: 0 0 16px
  }
}

@media screen and (max-width: 560px) {
  .p-home__review__list__body--youtube .p-home__review__list__body__title {
      margin: 0 0 8px
  }
}

.p-home__review__foot {
  margin: 24px -8px -8px
}

@media screen and (max-width: 560px) {
  .p-home__review__foot {
      margin-top: 16px
  }
}

.p-home__review__foot__title {
  text-align: center;
  color: #fff !important;
  font-size: 24px;
  font-weight: 500;
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #176e39;
  color: #fff;
  width: calc(100% - 16px);
  width: -webkit-calc((100% - 16px));
  margin: 0 auto 6px
}

@media screen and (max-width: 560px) {
  .p-home__review__foot__title {
      width: calc(100% - 8px);
      width: -webkit-calc((100% - 8px))
  }
}

.p-home__review__foot .p-home__review__list {
  min-width: auto
}

@media screen and (max-width: 960px) {
  .p-home__review__foot .p-home__review__list {
      flex-direction: column;
      flex-wrap: nowrap
  }
}

@media screen and (max-width: 960px) {
  .p-home__review__foot .p-home__review__list>li {
      width: auto;
      flex: 0 0 auto;
      display: flex;
      flex-direction: column
  }
}

.p-home__shop__middle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 768px) {
  .p-home__shop__middle {
      flex-wrap: wrap;
      justify-content: center
  }
}

.p-home__shop__middle__room {
  width: 100%
}

.p-home__shop__middle__room img {
  display: block;
  width: 960px;
  height: 360px;
  margin: -60px auto 0
}

@media screen and (max-width: 1080px) {
  .p-home__shop__middle__room img {
      width: 640px;
      height: 240px;
      margin: -40px auto 0
  }
}

@media screen and (max-width: 768px) {
  .p-home__shop__middle__room img {
      width: 480px;
      height: 720px;
      margin: 0 auto
  }
}

@media screen and (max-width: 560px) {
  .p-home__shop__middle__room img {
      width: 360px;
      height: 540px
  }
}

@media screen and (max-width: 480px) {
  .p-home__shop__middle__room img {
      width: 320px;
      height: 480px;
      transform: scale(1.1);
      transform-origin: center center;
      margin: 16px auto 24px
  }
}

@media screen and (max-width: 768px) {
  .p-home__shop__middle__room img.pc {
      display: none
  }
}

.p-home__shop__middle__room img.sp {
  display: none
}

@media screen and (max-width: 768px) {
  .p-home__shop__middle__room img.sp {
      display: block
  }
}

.p-home__shop__body {
  margin: 0
}

.p-home__shop__bottom {
  border-top: 1px solid #e5e9ee;
  margin: 24px 0 0;
  padding: 24px 0 0
}

.p-home__shop__tab__list--button {
  display: flex;
  align-items: center;
  margin: -2px
}

@media screen and (max-width: 768px) {
  .p-home__shop__tab__list--button {
      flex-wrap: wrap
  }
}

.p-home__shop__tab__list--button>li {
  padding: 2px;
  flex: 1 1 0%
}

@media screen and (max-width: 1080px) {
  .p-home__shop__tab__list--button>li {
      flex: auto;
      min-width: 0
  }
}

@media screen and (max-width: 768px) {
  .p-home__shop__tab__list--button>li {
      width: 50%
  }
}

@media screen and (max-width: 768px) {
  .p-home__shop__tab__list--button>li.full {
      width: 100%
  }
}

.p-home__shop__tab__button {
  color: #704b52;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid #704b52;
  cursor: pointer;
  transition: all .1s ease
}

.p-home__shop__tab__button:hover {
  color: #d68490;
  border-color: #d68490
}

.p-home__shop__tab__button.current {
  color: #fff;
  background: #dea7b2;
  border-color: #dea7b2
}

.p-home__shop__tab__list--panel {
  margin: 32px 0 0
}

.p-home__shop__tab__list--detail>li+li {
  margin-top: 48px
}

.p-home__shop__tab__panel {
  display: none
}

.p-home__shop__tab__panel.current {
  display: block
}

.p-home__shop__tab__panel__head {
  padding: 0 0 8px;
  margin: 0 0 40px;
  border-bottom: 1px solid #e5e9ee
}

@media screen and (max-width: 480px) {
  .p-home__shop__tab__panel__head {
      margin: 0 0 24px
  }
}

.p-home__shop__list>li {
  display: flex;
  align-items: flex-start;
  position: relative
}

.p-home__shop__list>li+li {
  border-top: 1px solid #e5e9ee;
  margin: 16px 0 0;
  padding: 16px 0 0
}

.p-home__shop__list>li>a {
  display: none
}

@media screen and (max-width: 560px) {
  .p-home__shop__list>li>a {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1
  }
}

.p-home__shop__list__image {
  flex: 0 0 16%
}

@media screen and (max-width: 560px) {
  .p-home__shop__list__image {
      flex: 0 0 24%
  }
}

.p-home__shop__list__text {
  flex: auto;
  min-width: 0;
  width: 76%;
  padding: 0 0 0 32px
}

@media screen and (max-width: 768px) {
  .p-home__shop__list__text {
      padding: 0 0 0 24px
  }
}

@media screen and (max-width: 480px) {
  .p-home__shop__list__text {
      padding: 0 0 0 16px
  }
}

.p-home__shop__list__text__title {
  margin: 0 0 4px;
  position: relative
}

.p-home__shop__list__text__info {
  margin: 16px 0 0 -16px;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 480px) {
  .p-home__shop__list__text__info {
      margin: 12px 0 0 -16px
  }
}

.p-home__shop__list__text__info>* {
  color: #999;
  font-size: 13px;
  border-left: 1px solid #e5e9ee;
  padding: 0 0 0 16px;
  margin: 0 0 4px 16px
}

.p-home__shop__list__text__info .nearestStation {
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-home__shop__list__text__info .businessHour {
      width: 100%
  }
}

.p-home__shop__list__text__info .businessHour:before {
  content: "営業時間："
}

.p-home__shop__list__text__info .regularHoliday:before {
  content: "定休日："
}

@media screen and (max-width: 768px) {
  .p-home__shop__list__text__info .regularHoliday {
      width: 100%
  }
}

@media screen and (max-width: 768px) {
  .p-home__shop__list__text__info .facility {
      width: 100%
  }
}

.p-home__shop__list__text__info .facility:before {
  content: "部屋数："
}

.p-home__shop__list__text .p-buttonWrap {
  margin: 8px 0 0
}

@media screen and (max-width: 560px) {
  .p-home__shop__list__text .p-buttonWrap {
      display: none
  }
}

.p-home__shop__list__facility {
  margin: 24px 0 0
}

.p-home__shop__list__facility__list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px
}

.p-home__shop__list__facility__list>li {
  padding: 2px
}

.p-home__shop__list__facility__list>li.active p {
  color: #222;
  border-color: #222
}

.p-home__shop__list__facility__list p {
  line-height: 1em;
  color: #e5e9ee;
  border: 1px solid #e5e9ee;
  padding: 4px 8px;
  user-select: none
}

.p-home__shop__list>li.shop--closed .p-home__shop__list__image {
  flex: 0 0 13%
}

@media screen and (max-width: 480px) {
  .p-home__shop__list>li.shop--closed .p-home__shop__list__image {
      flex: 0 0 24%
  }
}

.p-home__shop__list>li.shop--closed .p-home__shop__list__text__title {
  font-size: 16px
}

@media screen and (max-width: 480px) {
  .p-home__shop__list>li.shop--closed .p-home__shop__list__text__title {
      font-size: 14px
  }
}

.p-home__shop__list>li.shop--closed .p-home__shop__list__text .address {
  font-size: 13px;
  line-height: 1.5em
}

@media screen and (max-width: 480px) {
  .p-home__shop__list>li.shop--closed .p-home__shop__list__text .address {
      font-size: 12px
  }
}

.p-home__shop__list>li.shop--closed .p-home__shop__list__text__info {
  margin-top: 8px
}

.p-home__shop__list>li.shop--closed .p-home__shop__list__text__info>* {
  font-size: 12px;
  padding: 0 0 0 10px;
  margin: 0 0 0 16px;
  line-height: 1
}

.p-home__shop__list>li.shop--closed .p-home__shop__list__text .p-buttonWrap {
  margin-top: -30px
}

.p-home__shop__gender {
  margin: 32px 0 0 auto;
  max-width: 320px
}

@media screen and (max-width: 480px) {
  .p-home__shop__gender {
      max-width: none;
      margin: 32px 0 0
  }
}

.p-home__qa {
  background: #f7f2f2
}

.p-home__qa__body {
  background: #fff
}

.p-home__qa__list {
  border: 2px solid #d68490
}

.p-home__qa__list>li+li {
  border-top: 1px solid #e5e9ee
}

.p-home__qa__item {
  padding: 24px 80px 24px 24px;
  cursor: pointer;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-home__qa__item {
      padding: 16px 40px 16px 24px
  }
}

.p-home__qa__item:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(https://jibunde-esute.com/img/web/icon/plus--action.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 24px;
  right: 24px;
  transition: all .1s ease
}

@media screen and (max-width: 560px) {
  .p-home__qa__item:before {
      top: 16px;
      right: 16px
  }
}

.p-home__qa__item.show:before {
  transform: rotate(45deg);
  transform-origin: center center
}

.p-home__qa__item:hover .p-home__qa__item__question {
  color: #d68490
}

.p-home__qa__item__question,
.p-home__qa__item__answer {
  position: relative;
  padding: 0 0 0 48px
}

@media screen and (max-width: 560px) {

  .p-home__qa__item__question,
  .p-home__qa__item__answer {
      padding: 0 0 0 24px
  }
}

.p-home__qa__item__question:before,
.p-home__qa__item__answer:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: -5px;
  left: 0
}

@media screen and (max-width: 560px) {

  .p-home__qa__item__question:before,
  .p-home__qa__item__answer:before {
      left: -16px
  }
}

.p-home__qa__item__question {
  user-select: none
}

.p-home__qa__item__question:before {
  background: url(https://jibunde-esute.com/img/web/icon/qa__question.svg)
}

.p-home__qa__item__answer p {
  display: inline
}

.p-home__qa__item__answer>a {
  display: inline;
  color: #176e39;
  font-size: 14px
}

.p-home__qa__item__answer>a:hover {
  text-decoration: underline
}

.p-home__qa__item__answer .p-buttonWrap {
  margin: 8px 0 0
}

.p-home__qa__item__answer {
  transition: all .1s ease;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  height: 0;
  overflow: hidden
}

.p-home__qa__item__answer:before {
  background: url(https://jibunde-esute.com/img/web/icon/qa__answer.svg)
}

.show .p-home__qa__item__answer {
  margin: 16px 0 0;
  height: auto;
  overflow: inherit;
  opacity: 1;
  pointer-events: all
}

.p-home__instagram {
  border-bottom: solid 1px #e5e9ee;
  padding-bottom: 20px
}

.p-home__instagram__body {
  margin: 20px 0 0
}

.p-home__instagram__list {
  display: flex;
  flex-wrap: wrap;
  margin: -4px
}

.p-home__instagram__list>li {
  padding: 4px;
  width: 25%
}

.p-home__instagram__list__item {
  position: relative
}

.p-home__instagram__list__item a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.p-home__instagram__list__item__img {
  background: #eee
}

.p-home__language--en .p-home__visual {
  background: #e6e3e4 url(https://jibunde-esute.com/img/web/language/en/home/mainVisual.jpg?20210630)
}

@media screen and (max-width: 560px) {
  .p-home__language--en .p-home__visual {
      background: #e6e3e4 url(https://jibunde-esute.com/img/web/language/en/home/mainVisual--sp.jpg?20210630)
  }
}

.p-home__language--en .p-home__buttonVisual {
  top: 420px
}

@media screen and (max-width: 1080px) {
  .p-home__language--en .p-home__buttonVisual {
      top: 356px
  }
}

@media screen and (max-width: 768px) {
  .p-home__language--en .p-home__buttonVisual {
      top: 264px
  }
}

@media screen and (max-width: 560px) {
  .p-home__language--en .p-home__buttonVisual {
      top: 346px
  }
}

.p-home__language--en .p-home__buttonVisual img {
  height: auto
}

.p-home__language--en .p-home__icon__list__label {
  text-align: center;
  font-size: 16px;
  line-height: 1.3em
}

@media screen and (max-width: 768px) {
  .p-home__language--en .p-home__reason__item__text .title {
      padding: 0 0 0 64px;
      flex-wrap: wrap;
      justify-content: flex-start;
      line-height: 1.3em;
      font-size: 24px
  }
}

.p-home__language--en .p-home__reason__item__text .catchPhrase {
  line-height: 1.3em
}

@media screen and (max-width: 768px) {
  .p-home__language--en .p-home__reason__item__text .catchPhrase b {
      line-height: 1.3em
  }
}

.p-home__language--en .p-home__reason__item__text .catchPhrase .spaceBottom {
  padding: 0;
  line-height: 1.3em
}

.genderType {
  content: "";
  display: inline-flex;
  width: 42px;
  height: 16px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 0 0 16px
}

@media screen and (max-width: 480px) {
  .genderType {
      margin: 0 0 0 12px
  }
}

.genderType--ladys {
  background: url(https://jibunde-esute.com/img/common/genderType/ladys.svg)
}

.genderType--mens {
  background: url(https://jibunde-esute.com/img/common/genderType/mens.svg)
}

.genderType--both {
  width: 88px;
  background: url(https://jibunde-esute.com/img/common/genderType/ladys.svg), url(https://jibunde-esute.com/img/common/genderType/mens.svg);
  background-position: left center, right center !important
}

.p-homeVoice {
  border-bottom: 8px solid #dec1c6
}

.p-homeVoice__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 24px;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-homeVoice__head {
      margin: 0 0 20px
  }
}

.p-homeVoice__head::before {
  content: "";
  display: block;
  width: 160px;
  height: 65px;
  background-image: url(../img/web/home/voice/thankyou.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translate(240px, 0)
}

.p-homeVoice__head__english {
  color: #999;
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: .13em;
  margin: 0 0 24px
}

@media screen and (max-width: 480px) {
  .p-homeVoice__head__english {
      font-size: 14px;
      margin: 0 0 16px
  }
}

.p-homeVoice__head__title {
  color: #222;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: .13em
}

@media screen and (max-width: 480px) {
  .p-homeVoice__head__title {
      font-size: 32px
  }
}

.p-homeVoice__head__description {
  color: #666;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: .13;
  text-align: center;
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-homeVoice__head__description {
      font-size: 14px;
      margin: 16px 0 0
  }
}

.p-homeVoice__head__banner {
  margin-top: 45px
}

@media screen and (max-width: 480px) {
  .p-homeVoice__head__banner {
      margin-top: 25px
  }
}

.p-homeVoice__middle__list {
  display: flex;
  flex-wrap: wrap
}

.p-homeVoice__middle__list__item {
  width: 25%;
  padding: 8px;
  display: flex
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__middle__list__item {
      width: 33.33%
  }
}

@media screen and (max-width: 768px) {
  .p-homeVoice__middle__list__item {
      padding: 6px
  }
}

@media screen and (max-width: 560px) {
  .p-homeVoice__middle__list__item {
      width: 50%
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__middle__list__item {
      padding: 4px
  }
}

.p-homeVoice__middle__list__item p {
  padding: 16px;
  background: snow;
  border: solid 2px #e298a7;
  font-size: 13px;
  color: #222;
  font-weight: 500;
  box-shadow: 0 2px 4px rgba(193, 50, 50, .1);
  position: relative;
  z-index: 1
}

@media screen and (max-width: 768px) {
  .p-homeVoice__middle__list__item p {
      padding: 10px
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__middle__list__item p {
      padding: 10px;
      font-size: 12px;
      color: #444;
      line-height: 1.4em;
      letter-spacing: .01rem
  }
}

.p-homeVoice__middle__list__item p b {
  background: linear-gradient(transparent 70%, #feff83 0%);
  padding: 0 1px 2px;
  margin: 0 2px;
  color: #f85781;
  font-weight: 800
}

.p-homeVoice__middle__list__item p:after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  height: 40px;
  width: 112px;
  z-index: 0;
  opacity: .2;
  background: url(../img/web/home/voice/thankyou.png) no-repeat center;
  background-size: contain
}

.p-homeVoice__middle__list .text {
  width: 100%;
  margin: 16px 0 0;
  padding: 0 8px
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__middle__list .text {
      width: 33.33%;
      margin: 0;
      padding: 6px;
      display: flex
  }
}

@media screen and (max-width: 560px) {
  .p-homeVoice__middle__list .text {
      width: 100%;
      margin: 6px 0 0
  }
}

.p-homeVoice__middle__list .text p {
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding: 8px;
  font-weight: 500;
  background: #e96588;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__middle__list .text p {
      flex: auto;
      min-width: 1px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: 600;
      position: relative
  }
}

@media screen and (max-width: 560px) {
  .p-homeVoice__middle__list .text p {
      padding: 14px 8px
  }
}

.p-homeVoice__middle__list .text p:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
  position: absolute;
  right: 6px;
  bottom: 6px
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__middle__list .text p:after {
      border-width: 0 0 16px 16px;
      opacity: .4
  }
}

@media screen and (max-width: 560px) {
  .p-homeVoice__middle__list .text p:after {
      display: none
  }
}

.p-homeVoice__middle__list .text p br {
  display: none
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__middle__list .text p br {
      display: block
  }
}

@media screen and (max-width: 560px) {
  .p-homeVoice__middle__list .text p br {
      display: none
  }
}

.p-homeVoice__body {
  margin: 40px 0 0
}

@media screen and (max-width: 480px) {
  .p-homeVoice__body {
      margin: 24px 0 0
  }
}

.p-homeVoice__letter {
  max-height: 430px;
  overflow: hidden
}

@media screen and (max-width: 480px) {
  .p-homeVoice__letter {
      max-height: 340px
  }
}

.p-homeVoice__letter__list {
  pointer-events: none
}

.p-homeVoice__letter__list__item {
  width: 220px;
  padding: 0 12px 16px
}

@media screen and (max-width: 480px) {
  .p-homeVoice__letter__list__item {
      width: 167px;
      padding: 0 8px 12px
  }
}

.p-homeVoice__letter__list__item:nth-child(odd) {
  margin: 8px 0 0
}

.p-homeVoice__letter__list__item__inner+.p-homeVoice__letter__list__item__inner {
  margin: 24px 0 0
}

.p-homeVoice__letter__list__item__inner:nth-child(1) {
  transform: translateX(-50%)
}

.p-homeVoice__letter__list__image {
  background-color: #f7f2f2;
  border-top: 3px solid #dec1c6;
  padding: 4px
}

.p-homeVoice__letter__list__image__panel {
  height: 140px;
  padding: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 480px) {
  .p-homeVoice__letter__list__image__panel {
      height: 112px;
      padding: 4px
  }
}

.p-homeVoice__letter__list__image__panel img {
  display: block;
  margin: 0 auto;
  width: 180px;
  height: 140px;
  vertical-align: bottom
}

@media screen and (max-width: 480px) {
  .p-homeVoice__letter__list__image__panel img {
      width: 135px;
      height: auto
  }
}

.p-homeVoice__letter__list__text {
  position: relative
}

.p-homeVoice__letter__list__text__to {
  color: #222;
  font-size: 13px;
  font-weight: 600;
  height: 32px;
  background-color: #dec1c6;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-homeVoice__letter__list__text__to {
      height: 24px;
      font-size: 12px
  }
}

.p-homeVoice__letter__list__text__to--machine {
  padding: 0 16px 0 0
}

.p-homeVoice__letter__list__text img {
  position: absolute;
  bottom: -8px;
  right: -8px;
  z-index: 1
}

@media screen and (max-width: 480px) {
  .p-homeVoice__letter__list__text img {
      transform-origin: right bottom;
      transform: scale(0.75)
  }
}

.p-homeVoice__video {
  margin: 64px 0 0
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video {
      margin: 32px 0 0
  }
}

.p-homeVoice__video__head {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 32px;
  position: relative
}

.p-homeVoice__video__head__title {
  color: #222;
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  font-size: 32px;
  text-align: center;
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 0 1.6em
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__head__title {
      font-size: 24px;
      padding: 0 1em
  }
}

.p-homeVoice__video__head::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #222;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.p-homeVoice__video__playArea {
  width: 100%;
  height: 100%;
  padding: 20px 64px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 100;
  transition: all .8s ease;
  opacity: 0;
  pointer-events: none
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__playArea {
      padding: 20px 12px 40px
  }
}

.p-homeVoice__video__playArea.is-active {
  opacity: 1;
  pointer-events: all
}

.p-homeVoice__video__playArea__content {
  max-width: 1080px;
  width: 100%;
  position: relative
}

.p-homeVoice__video__playArea__content__closeButton {
  -webkit-appearance: none;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, .2);
  background-image: url(../img/web/home/voice/close--white.svg);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(24%, -24%);
  z-index: 1;
  cursor: pointer
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__playArea__content__closeButton {
      width: 32px;
      height: 32px
  }
}

@media screen and (min-width: 480px) {
  .p-homeVoice__video__playArea__content__closeButton:hover {
      background-color: rgba(255, 255, 255, .5)
  }
}

.p-homeVoice__video__playArea video {
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  vertical-align: bottom
}

.p-homeVoice__video__list {
  display: flex;
  flex-wrap: wrap;
  margin: -16px -24px
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__video__list {
      margin: -16px -12px
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__list {
      margin: -6px
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__list .slick-track {
      margin-left: -40px
  }
}

.p-homeVoice__video__list__item {
  width: 33.3333%;
  padding: 16px 24px
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__video__list__item {
      padding: 16px 12px
  }
}

@media screen and (max-width: 768px) {
  .p-homeVoice__video__list__item {
      width: 50%
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__list__item {
      padding: 6px
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__list__item:nth-of-type(5) {
      display: none
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__list__item--full {
      width: 100%
  }
}

.p-homeVoice__video__list__content {
  position: relative
}

.p-homeVoice__video__list__content:hover {
  opacity: .5
}

.p-homeVoice__video__list__content>button {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer
}

.p-homeVoice__video__list__image img {
  display: block;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1);
  vertical-align: bottom
}

.p-homeVoice__video__list__text {
  margin: 12px 0 0
}

.p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment__inner::after,
.p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment__inner::before,
.p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment::after,
.p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment::before {
  content: "";
  display: block;
  background-color: #222;
  border-radius: 100px;
  position: absolute;
  z-index: 1
}

@media screen and (max-width: 480px) {

  .p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment__inner::after,
  .p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment__inner::before,
  .p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment::after,
  .p-homeVoice__video__list__text .p-homeVoice__video__list__text__comment::before {
      display: none
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__list__text {
      margin: 6px 0 0
  }
}

.p-homeVoice__video__list__text__comment {
  position: relative
}

.p-homeVoice__video__list__text__comment::before {
  width: 96%;
  height: 1px;
  top: 0;
  left: 2%
}

.p-homeVoice__video__list__text__comment::after {
  width: 96%;
  height: 1px;
  bottom: 0;
  left: 2%
}

.p-homeVoice__video__list__text__comment__inner {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  display: block;
  padding: 16px 20px;
  background-color: #fff;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-homeVoice__video__list__text__comment__inner {
      font-size: 16px;
      padding: 12px 16px
  }
}

@media screen and (max-width: 480px) {
  .p-homeVoice__video__list__text__comment__inner {
      font-size: 14px;
      padding: 0;
      line-height: 1.3
  }
}

.p-homeVoice__video__list__text__comment__inner::before {
  width: 1px;
  height: 90%;
  left: 0;
  top: 5%
}

.p-homeVoice__video__list__text__comment__inner::after {
  width: 1px;
  height: 90%;
  right: 0;
  top: 5%
}

.p-page {
  width: 100%
}

.p-page--fit {
  height: 100%
}

.p-page--fit .p-page__body {
  height: 100%
}

.p-page--large {
  max-width: 960px;
  width: 100%;
  margin: 0 auto
}

.p-page--middle {
  /* max-width: 720px; */
  width: 100%;
  margin: 0 auto
}
.p-company,.p-terms {
  max-width: 720px;
  margin: 0 auto;
}
/* @media screen and (max-width: 768px) {
  .p-company,.p-terms {
      margin: 0 auto 200px;
    }
} */
.p-page__main {
  width: 100%;
  /* padding: 100px 0 0; */
}
.p-page__main__head {
  padding: 40px 0 16px
}

@media screen and (max-width: 480px) {
  .p-page__main {
    /* padding: 65px 0 0; */
  }
  .p-page__main__head {
    padding: 32px 0 8px
  }
}

.p-page__main__head--about {
  padding: 64px 0
}

@media screen and (max-width: 480px) {
  .p-page__main__head--about {
      padding: 40px 0 32px
  }
}

.p-page__main__head .title .genderType {
  content: "";
  display: inline-flex;
  width: 42px;
  height: 16px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 0 0 16px
}

@media screen and (max-width: 480px) {
  .p-page__main__head .title .genderType {
      margin: 0 0 0 12px
  }
}

.p-page__main__head .title .genderType--ladys {
  background: url(../img/common/genderType/ladys.svg)
}

.p-page__main__head .title .genderType--mens {
  background: url(../img/common/genderType/mens.svg)
}

.p-page__main__head .title .genderType--both {
  width: 88px;
  background: url(../img/common/genderType/ladys.svg), url(../img/common/genderType/mens.svg);
  background-position: left center, right center !important
}

.p-page__main__body {
  padding: 0 0 80px;
}

.p-page__main__body--about,
.p-page__main__body--form {
  padding: 0
}

.p-page__body--formPC {
  background: #f9fbfd;
  padding: 0 0 60px
}

.p-page__body--formPC.beyond {
  padding: 40px 0 60px
}

@media screen and (max-width: 560px) {
  .p-page__body--formPC.beyond {
      padding: 0;
      background: none
  }
}

.p-page__body--formPC .p-registerStep__head {
  background: #fff;
  padding: 16px 24px 16px;
  border: 1px solid #e5e9ee
}

@media screen and (max-width: 560px) {
  .p-page__body--formPC .p-registerStep__head {
      padding: 0 24px 16px;
      background: none;
      border: none
  }
}

.p-page__body--formPC .p-registerStep__middle {
  border: 1px solid #e5e9ee;
  border-bottom: none
}

@media screen and (max-width: 560px) {
  .p-page__body--formPC .p-registerStep__middle {
      border: none
  }
}

.p-page__body--formPC .p-registerStep__body {
  background: #fff
}

.p-page__body--formPC .p-registerStep__body .p-pricePlan--register {
  background-color: #e9eef3
}

@media screen and (max-width: 560px) {
  .p-page__body--formPC .p-registerStep__body .p-pricePlan--register {
      background-color: #f2f4f6
  }
}

.p-page__body--formPC .p-registerStep__body .p-registerStep__foot {
  border: none;
  border-top: 2px solid #e5e9ee
}

.p-page__body--formPC .p-registerStep__foot {
  background: #fff;
  padding: 24px 0 40px;
  border: 1px solid #e5e9ee
}

@media screen and (max-width: 560px) {
  .p-page__body--formPC .p-registerStep__foot {
      background: none;
      padding: 24px 0 0;
      border: none
  }
}

.p-page__body--formBox {
  background: #f9fbfd
}

@media screen and (max-width: 560px) {
  .p-page__body--formBox .p-registerStep {
      margin: 0;
      border-bottom: solid 1px #e5e9ee;
      padding: 0
  }
}

@media screen and (max-width: 560px) {
  .p-page__body--formBox .p-registerStep__head {
      padding: 24px 24px 16px;
      background: #fff
  }
}

@media screen and (max-width: 560px) {
  .p-page__body--formBox .p-registerStep+.p-registerStep {
      border-top: solid 1px #e5e9ee;
      margin: 40px auto 0
  }
}

.p-page--tieup .p-page__main__head {
  padding: 56px 0 8px;
  background: #f8f2f0 url(../img/web/sampling/p-page__head--tieup.jpg) no-repeat center;
  background-size: auto 100% !important
}

@media screen and (max-width: 560px) {
  .p-page--tieup .p-page__main__head {
      padding: 32px 0 8px;
      background: #f8f2ee url(../img/web/sampling/p-page__head--tieup--sp.jpg) no-repeat center
  }
}

.p-page--tieup .p-page__main__body {
  padding: 0
}

@media screen and (max-width: 768px) {
  .p-page--franchiseMypage {
      background: #f7f8fa
  }
}

.p-button {
  display: inline-flex;
  position: relative
}

.p-button .c-button,
.p-button .c-button--accent,
.p-button .c-button--action,
.p-button .c-button--form,
.p-button .c-button--inline,
.p-button .c-button--inlineArrow,
.p-button .c-button--weak,
.p-button .c-button--line,
.p-button .c-button--full,
.p-button .c-button--small,
.p-button .p-home__middleNav__button {
  padding-right: 40px
}

.p-button .c-image,
.p-button .c-image--standard,
.p-button .c-image--wide,
.p-button .c-image--notification {
  width: 16px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  z-index: 1
}

.p-button--download .c-image,
.p-button--download .c-image--standard,
.p-button--download .c-image--wide,
.p-button--download .c-image--notification {
  pointer-events: none;
  background: url(../img/web/icon/download--action.svg)
}

.p-button--download:hover .c-image,
.p-button--download:hover .c-image--standard,
.p-button--download:hover .c-image--wide,
.p-button--download:hover .c-image--notification {
  background: url(../img/web/icon/download--white.svg)
}

.p-text {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 -4px
}

.p-text>* {
  display: block;
  margin: 0 4px
}

.p-text--narrow {
  margin: 0 -2px
}

.p-text--narrow>* {
  margin: 0 2px
}

.p-text--wide {
  margin: 0 -8px
}

.p-text--wide>* {
  margin: 0 8px
}

.p-text--right {
  justify-content: flex-end
}

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

.p-list--borderTop {
  border-top: 1px solid #e5e9ee;
  padding: 16px 0 0
}

.p-list__item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e5e9ee;
  padding: 0 0 4px
}

@media screen and (max-width: 480px) {
  .p-list__item {
      flex-wrap: wrap
  }
}

.p-list--nowrap .p-list__item {
  flex-wrap: nowrap
}

.p-list--nowrap .p-list__item .title {
  flex: 0 0 80px;
  font-size: 12px
}

.p-list--nowrap .p-list__item .c-text__lv6,
.p-list--nowrap .p-list__item .p-notification__link,
.p-list--nowrap .p-list__item .p-notification__description,
.p-list--nowrap .p-list__item .p-warrantyMypage__head__name,
.p-list--nowrap .p-list__item .p-warrantyId__head__description,
.p-list--nowrap .p-list__item .p-price__benefit__sub__foot__title {
  font-size: 13px
}

.p-list--nowrap .p-list__item+.p-list__item {
  margin: 4px 0 0
}

.p-list--nowrap .p-list__item .data {
  flex: auto;
  min-width: 1px
}

.p-list__item--noLine {
  border: none
}

.p-list__item--column {
  flex-direction: column
}

.p-list__item--column>.title {
  margin: 0 0 6px
}

.p-list__item--column>.data {
  width: 100%
}

.p-list__item+.p-list__item {
  margin: 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-list__item+.p-list__item {
      margin: 24px 0 0
  }
}

.p-list__item--thin {
  padding: 0
}

.p-list__item--thin+.p-list__item--thin {
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-list__item--thin+.p-list__item--thin {
      margin: 12px 0 0
  }
}

.p-list__item .title {
  flex: 0 0 160px
}

.p-list__item .title--140 {
  flex: 0 0 140px
}

.p-list__item .title--120 {
  flex: 0 0 120px
}

.p-list__item .title--110 {
  flex: 0 0 110px
}

.p-list__item .title--100 {
  flex: 0 0 100px
}

.p-list__item .title--90 {
  flex: 0 0 90px
}

.p-list__item .title--80 {
  flex: 0 0 80px
}

.p-list__item .title--auto {
  flex: auto;
  min-width: 1px
}

.p-list__item .title--label {
  min-height: 32px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-list__item .title {
      flex: 0 0 100%;
      margin: 0 0 4px
  }
}

.p-list__item .title--buttonWrap {
  display: flex;
  align-items: baseline;
  width: 100%
}

.p-list__item .title--buttonWrap .c-button,
.p-list__item .title--buttonWrap .c-button--accent,
.p-list__item .title--buttonWrap .c-button--action,
.p-list__item .title--buttonWrap .c-button--form,
.p-list__item .title--buttonWrap .c-button--inline,
.p-list__item .title--buttonWrap .c-button--inlineArrow,
.p-list__item .title--buttonWrap .c-button--weak,
.p-list__item .title--buttonWrap .c-button--line,
.p-list__item .title--buttonWrap .c-button--full,
.p-list__item .title--buttonWrap .c-button--small,
.p-list__item .title--buttonWrap .p-home__middleNav__button {
  margin-left: auto
}

.p-list__item .data {
  flex: auto;
  min-width: 0
}

.p-list__item .data a:not(.c-button):not(.c-button--accent):not(.c-button--action):not(.c-button--form):not(.c-button--inline):not(.c-button--inlineArrow):not(.c-button--weak):not(.c-button--line):not(.c-button--full):not(.c-button--small):not(.p-home__middleNav__button) {
  display: block;
  color: #df768c;
  font-size: 14px;
  line-height: 1.3em;
  word-break: break-all
}

.p-list__item .data .point {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #222;
  padding: 0 0 0 28px;
  position: relative
}

.p-list__item .data .point:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  background: url(../img/web/mypage/charge_coin.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, 0%)
}

.p-list__item .data .point small {
  font-weight: 400;
  color: #666;
  font-size: 12px
}

.p-list__machine__item {
  width: 100%;
  padding: 4px 0
}

.p-list__machine__item+.p-list__machine__item {
  border-top: solid 1px #eee;
  margin: 4px 0 0
}

.p-list__machine__head {
  display: flex;
  align-items: baseline;
  margin: 0 0 2px
}

.p-list__machine__title {
  font-size: 14px;
  font-weight: 600;
  color: #444;
  margin: 0 12px 0 0;
  line-height: 1em;
  border-left: solid 3px #444;
  padding: 0 0 0 8px;
  flex: 0 0 auto
}

.p-list__machine__price {
  font-size: 14px;
  font-weight: 500;
  color: #444
}

.p-list__machine__data__imageLink {
  border-radius: 4px;
  overflow: hidden;
  border: solid 1px #f1e1d4
}

.p-list__machine__data__imageLink:hover {
  opacity: .5
}

.p-list__machine__banner {
  margin: 12px 0 0
}

.p-list__machine__banner__image {
  display: block;
  border-radius: 4px;
  overflow: hidden
}

.p-list__machine__banner__image:hover {
  opacity: .5
}

.p-list__machine--subscription .p-user__text p.c-text__lv6,
.p-list__machine--subscription .p-user__text p.p-notification__link,
.p-list__machine--subscription .p-user__text p.p-notification__description,
.p-list__machine--subscription .p-user__text p.p-warrantyMypage__head__name,
.p-list__machine--subscription .p-user__text p.p-warrantyId__head__description,
.p-list__machine--subscription .p-user__text p.p-price__benefit__sub__foot__title {
  margin: 0 0 4px
}

.p-list__machine--subscription .p-user__text p[data-title] {
  width: 100%;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  color: #222;
  line-height: 1.2em;
  text-align: left;
  margin-bottom: 6px
}

.p-list__machine--subscription .p-user__text p[data-title]:before {
  content: attr(data-title);
  color: #888;
  flex: 0 0 auto;
  width: 95px;
  text-align: right;
  margin: 0 10px 0 0
}

.p-list--headLine>.p-list__item+.p-list__item {
  margin: 24px 0 0
}

.p-list--headLine>.p-list__item>.label {
  padding: 0 0 4px;
  border-bottom: solid 1px #eee;
  margin: 0 0 12px;
  width: 100%
}

.p-list--headLine>.p-list__item>.data .p-list__item {
  display: flex
}

.p-list--headLine>.p-list__item>.data .p-list__item .title {
  font-size: 13px;
  width: 100px;
  flex: 0 0 auto;
  color: #888;
  margin: 0
}

.p-list--headLine>.p-list__item>.data .p-list__item .data {
  font-size: 13px;
  font-weight: 500
}

.p-list--headLine>.p-list__item>.data .p-subscriptionForm__machine__body__text .name {
  line-height: 1.3em;
  margin: 0 0 6px
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage--user .p-list__machine__head {
      display: block
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage--user .p-list__machine__price {
      margin: 6px 0 10px
  }
}

.p-cv {
  padding: 40px 0;
  background: #f7f2f2
}

.p-cv .l-container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-cv .l-container .text {
  height: 80px;
  margin: 0 0 32px
}

@media screen and (max-width: 480px) {
  .p-cv .l-container .text {
      height: 72px
  }
}

.p-cv__buttonWrap {
  width: 100%;
  text-align: center
}

.p-cv__buttonWrap .button {
  display: inline-block;
  height: 88px;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 480px) {
  .p-cv__buttonWrap .button {
      height: 80px
  }
}

.p-cv__buttonWrap .button:hover {
  opacity: .9
}

.p-cv__buttonWrap .button img {
  height: 88px;
  width: 100%
}

@media screen and (max-width: 480px) {
  .p-cv__buttonWrap .button img {
      height: 80px
  }
}

.p-heading,
.p-heading--white,
.p-heading--center {
  margin: 0 0 40px
}

@media screen and (max-width: 768px) {

  .p-heading,
  .p-heading--white,
  .p-heading--center {
      margin: 0 0 32px
  }
}

@media screen and (max-width: 480px) {

  .p-heading,
  .p-heading--white,
  .p-heading--center {
      margin: 0 0 24px
  }
}

.p-heading--center {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-heading--white {
  color: #fff
}

.p-heading--white .p-heading__title,
.p-heading--white .p-heading__title--center,
.p-heading--white .p-heading__title--vertical,
.p-heading--white .p-heading__english {
  color: #fff
}

.p-heading__english {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: .13em
}

.p-heading__english--white {
  color: #fff
}

.p-heading__title,
.p-heading__title--center,
.p-heading__title--vertical {
  color: #222;
  font-size: 48px;
  font-weight: 500;
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  display: flex;
  align-items: baseline
}

@media screen and (max-width: 480px) {

  .p-heading__title,
  .p-heading__title--center,
  .p-heading__title--vertical {
      font-size: 40px
  }
}

.p-heading__title .copy,
.p-heading__title--center .copy,
.p-heading__title--vertical .copy {
  color: #d68490;
  font-weight: 700
}

.p-heading__title .description,
.p-heading__title--center .description,
.p-heading__title--vertical .description {
  margin: 0 0 0 24px
}

.p-heading__title .description--center,
.p-heading__title--center .description--center,
.p-heading__title--vertical .description--center {
  margin: 16px 0 0;
  text-align: center
}

@media screen and (max-width: 480px) {

  .p-heading__title .description--center,
  .p-heading__title--center .description--center,
  .p-heading__title--vertical .description--center {
      margin: 12px 0 0
  }
}

.p-heading__title__japanese {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .13em
}

.p-heading__title__logo {
  margin: 24px 0 0;
  height: 48px;
  width: 100%
}

@media screen and (max-width: 560px) {
  .p-heading__title__logo {
      height: 40px
  }
}

.p-heading__title--vertical {
  flex-direction: column;
  width: 100%
}

.p-heading__title--vertical .description {
  margin: 16px 0 0
}

.p-heading__title--center {
  align-items: center
}

.p-heading__title--center .description {
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-heading__title--center .description {
      margin: 16px 0 0
  }
}

.p-heading__title--center .p-heading__title__japanese {
  margin: 0
}

.p-heading .c-image,
.p-heading--center .c-image,
.p-heading--white .c-image,
.p-heading .c-image--standard,
.p-heading--center .c-image--standard,
.p-heading--white .c-image--standard,
.p-heading .c-image--wide,
.p-heading--center .c-image--wide,
.p-heading--white .c-image--wide,
.p-heading .c-image--notification,
.p-heading--center .c-image--notification,
.p-heading--white .c-image--notification {
  margin: 0 0 40px
}

@media screen and (max-width: 480px) {

  .p-heading .c-image,
  .p-heading--center .c-image,
  .p-heading--white .c-image,
  .p-heading .c-image--standard,
  .p-heading--center .c-image--standard,
  .p-heading--white .c-image--standard,
  .p-heading .c-image--wide,
  .p-heading--center .c-image--wide,
  .p-heading--white .c-image--wide,
  .p-heading .c-image--notification,
  .p-heading--center .c-image--notification,
  .p-heading--white .c-image--notification {
      margin: 0 0 24px
  }
}

.p-heading--page .p-heading__title,
.p-heading--page .p-heading__title--vertical,
.p-heading--page .p-heading__title--center {
  font-family: "Montserrat", "Oswald", "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #e0768d;
  letter-spacing: .1rem
}

.p-heading--page .p-heading__title__japanese {
  font-size: 32px;
  margin: 0 0 24px;
  color: #444
}

.p-heading--page .p-heading__title__description {
  color: #444;
  font-size: 14px;
  line-height: 2em;
  margin: 0 0 24px
}

.p-heading--tieup .p-heading__title__japanese {
  font-size: 28px;
  margin: 0 0 20px
}

@media screen and (max-width: 560px) {
  .p-heading--tieup .p-heading__title__japanese {
      font-size: 24px;
      margin: 0px 0 16px;
      letter-spacing: .06em
  }
}

@media screen and (max-width: 560px) {
  .p-heading--tieup .p-heading__title__description {
      margin: 0 0 16px;
      line-height: 1.8em
  }
}

.p-heading--tieup .p-heading__title__description .br--spWide {
  display: none
}

@media screen and (max-width: 560px) {
  .p-heading--tieup .p-heading__title__description .br--spWide {
      display: block
  }
}

.p-headImage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 240px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-headImage {
      height: 160px
  }
}

.p-headImage:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #704b52;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.p-headImage .l-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2
}

.p-headImage .title {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-headImage .title .line {
  font-size: 12px;
  font-weight: 600;
  min-height: 24px;
  min-width: 88px;
  color: #fff;
  border: solid 1px #fff;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  margin-top: 12px
}

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

@media screen and (max-width: 768px) {
  .p-shopDetail__layout {
      flex-wrap: wrap
  }
}

.p-shopDetail__main {
  flex: 1;
  min-width: 0
}

@media screen and (max-width: 768px) {
  .p-shopDetail__main {
      width: 100%;
      flex: 0 0 100%
  }
}

.p-shopDetail__main__head .title {
  font-size: 24px
}

@media screen and (max-width: 480px) {
  .p-shopDetail__main__head .title {
      font-size: 20px
  }
}

.p-shopDetail__main__head .title .genderType {
  content: "";
  display: inline-flex;
  width: 42px;
  height: 16px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 0 0 16px
}

@media screen and (max-width: 480px) {
  .p-shopDetail__main__head .title .genderType {
      margin: 0 0 0 12px
  }
}

.p-shopDetail__main__head .title .genderType--ladys {
  background: url(../img/common/genderType/ladys.svg)
}

.p-shopDetail__main__head .title .genderType--mens {
  background: url(../img/common/genderType/mens.svg)
}

.p-shopDetail__main__head .title .genderType--both {
  width: 88px;
  background: url(../img/common/genderType/ladys.svg), url(../img/common/genderType/mens.svg);
  background-position: left center, right center !important
}

.p-shopDetail__main__body {
  margin: 40px 0 0
}

@media screen and (max-width: 480px) {
  .p-shopDetail__main__body {
      margin: 24px 0 0
  }
}

.p-shopDetail__main__body--closed {
  margin: 16px 0 56px
}

@media screen and (max-width: 480px) {
  .p-shopDetail__main__body--closed {
      margin: 16px 0 40px
  }
}

.p-shopDetail__list>li {
  display: flex;
  border-top: 1px solid #bb9fad;
  padding: 24px 0
}

@media screen and (max-width: 1080px) {
  .p-shopDetail__list>li {
      padding: 16px 0
  }
}

@media screen and (max-width: 480px) {
  .p-shopDetail__list>li {
      padding: 16px 0 8px
  }
}

.p-shopDetail__list__label {
  width: 160px;
  position: relative;
  padding-left: 23px
}

@media screen and (max-width: 1080px) {
  .p-shopDetail__list__label {
      width: 100px
  }
}

@media screen and (max-width: 480px) {
  .p-shopDetail__list__label {
      width: 95px
  }
}

.p-shopDetail__list__label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0
}

.p-shopDetail__list__label.open:before {
  background: url(../img/web/shop/ico_clock.svg) no-repeat left top/100%;
  width: 16px;
  height: 16px
}

.p-shopDetail__list__label.holiday:before {
  background: url(../img/web/shop/ico_calendar.svg) no-repeat left top/100%;
  width: 14px;
  height: 25px
}

.p-shopDetail__list__label.room:before {
  background: url(../img/web/shop/ico_door.svg) no-repeat left top/100%;
  width: 12px;
  height: 17px;
  left: 1px
}

.p-shopDetail__list__label.address:before {
  background: url(../img/web/shop/ico_map.svg) no-repeat left top/100%;
  width: 11px;
  height: 16px;
  left: 2px
}

.p-shopDetail__list__label.station:before {
  background: url(../img/web/shop/ico_train.svg) no-repeat left top/100%;
  width: 14px;
  height: 18px;
  top: 0
}

.p-shopDetail__list__label.tel:before {
  background: url(../img/web/shop/ico_tel.svg) no-repeat left top/100%;
  width: 16px;
  height: 16px
}

.p-shopDetail__list__label.no-ico {
  padding-left: 0
}

.p-shopDetail__list__data {
  width: calc(100% - 160px)
}

@media screen and (max-width: 1080px) {
  .p-shopDetail__list__data {
      width: calc(100% - 100px)
  }
}

@media screen and (max-width: 1080px) {
  .p-shopDetail__list__data {
      width: calc(100% - 80px)
  }
}

.p-shopDetail__list__data a {
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: .04em;
  color: #666;
  font-weight: 400
}

@media screen and (max-width: 768px) {
  .p-shopDetail__list__data a {
      font-size: 14px
  }
}

.p-shopDetail__list--closed>li {
  padding: 0;
  border: none
}

.p-shopDetail__list--closed>li+li {
  margin: 4px 0 0
}

.p-shopDetail__list--closed .p-shopDetail__list__data {
  font-size: 14px
}

.p-shopDetail__facilityList {
  display: flex;
  flex-wrap: wrap;
  margin: -2px
}

.p-shopDetail__facilityList__item {
  padding: 2px
}

.p-shopDetail__facilityList__item__label {
  color: #fff;
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 16px 0 44px;
  border-radius: 3px;
  background: #176e39;
  opacity: .3;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-shopDetail__facilityList__item__label {
      font-size: 12px;
      height: 24px;
      padding: 0 12px 0 40px
  }
}

@media screen and (max-width: 374px) {
  .p-shopDetail__facilityList__item__label {
      padding: 0 8px 0 36px
  }
}

.p-shopDetail__facilityList__item__label:before {
  content: "";
  display: block;
  width: 32px;
  height: 24px;
  background: #fff;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  z-index: 1
}

@media screen and (max-width: 480px) {
  .p-shopDetail__facilityList__item__label:before {
      left: 4px
  }
}

.p-shopDetail__facilityList__item__label--pairRoom:before {
  background: url(../img/web/object/project/p-shopDetail/pairRoom.svg)
}

.p-shopDetail__facilityList__item__label--gymSpace:before {
  background: url(../img/web/object/project/p-shopDetail/gymSpace.svg)
}

.p-shopDetail__facilityList__item__label--fitnessGym:before {
  background: url(../img/web/object/project/p-shopDetail/fitnessGym.svg)
}

.p-shopDetail__facilityList__item__label--faceCounter:before {
  background: url(../img/web/object/project/p-shopDetail/faceCounter.svg)
}

.p-shopDetail__facilityList__item__label--inbody:before {
  background: url(../img/web/object/project/p-shopDetail/inbody.svg)
}

.p-shopDetail__facilityList__item.active .p-shopDetail__facilityList__item__label {
  opacity: 1
}

.p-shopDetail__sub {
  flex: 0 0 300px;
  margin: 0 0 0 80px
}

@media screen and (max-width: 1080px) {
  .p-shopDetail__sub {
      flex: 0 0 240px;
      margin: 0 0 0 64px
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sub {
      flex: 0 0 100%;
      width: 100%;
      margin: 24px 0 0
  }
}

.p-shopDetail__video {
  max-width: 360px;
  width: 100%;
  margin: 0 auto
}

.p-shopDetail__video__frame {
  width: 100%;
  border: 4px solid #222;
  background: #222
}

.p-shopDetail__video__frame .label {
  color: #fff;
  padding: 6px 12px;
  background: #222
}

.p-shopDetail__video__frame video {
  display: block;
  width: 100%;
  margin: 0 auto
}

@media screen and (max-width: 480px) {
  .p-shopDetail__video__frame video {
      max-width: 240px
  }
}

.p-shopDetail__photo {
  margin: 40px 0 0;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-shopDetail__photo {
      margin: 20px 0 0
  }
}

.p-shopDetail__photoList {
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
  opacity: 0;
  transition: opacity .3s linear
}

.p-shopDetail__photoList.slick-initialized {
  opacity: 1
}

.p-shopDetail__photoList__item {
  padding: 2px
}

.p-shopDetail__photoList__item img {
  height: 200px
}

@media screen and (max-width: 480px) {
  .p-shopDetail__photoList__item img {
      height: 160px
  }
}

.p-shopDetail__bottom {
  margin: 64px 0 0
}

@media screen and (max-width: 480px) {
  .p-shopDetail__bottom {
      margin: 35px 0 0
  }
}

.p-shopDetail__laf {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 45px 16px 37px;
  background: #f9f3f3
}

@media screen and (max-width: 480px) {
  .p-shopDetail__laf {
      padding: 12px
  }
}

.p-shopDetail__laf__head {
  position: relative;
  width: 100%;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-shopDetail__laf__head {
      padding: 0;
      width: 100%
  }
}

.p-shopDetail__laf__head:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  background: url(../img/web/shop/shop_laf.svg) no-repeat center;
  background-size: contain;
  opacity: .1;
  display: none
}

@media screen and (max-width: 480px) {
  .p-shopDetail__laf__head:before {
      top: 5px;
      width: 32px;
      height: 32px;
      opacity: .15
  }
}

.p-shopDetail__laf__head__title {
  font-size: 24px;
  font-weight: bold;
  color: #222;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .p-shopDetail__laf__head__title {
      padding: 6px 0;
      font-size: 16px;
      text-align: center
  }
}

.p-shopDetail__laf__head__tel {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding: 10px 16px 11px;
  background: #e0778d;
  border-radius: 7px;
  max-width: 510px;
  margin: 20px auto 22px;
  white-space: nowrap
}

@media screen and (max-width: 768px) {
  .p-shopDetail__laf__head__tel {
      font-size: 22px;
      max-width: none;
      margin: 5px auto 15px
  }
}

.p-shopDetail__laf__head__tel span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 5px 0 0
}

@media screen and (max-width: 768px) {
  .p-shopDetail__laf__head__tel span {
      font-size: 12px
  }
}

.p-shopDetail__laf__description {
  font-size: 16px;
  color: #4d4d4d
}

@media screen and (max-width: 768px) {
  .p-shopDetail__laf__description {
      font-size: 12px
  }
}

.p-shopDetail__alert {
  background: #fff5f7;
  color: #e0768d;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3em;
  padding: 18px 16px;
  margin: 20px 0 0
}

@media screen and (max-width: 480px) {
  .p-shopDetail__alert {
      margin: 16px 0 0
  }
}

.p-shopDetail .no-border {
  border-top: none
}

.p-shopDetail .btn {
  padding: 35px 0
}

@media screen and (max-width: 768px) {
  .p-shopDetail .btn {
      padding: 45px 0 35px
  }
}

.p-shopDetail .btn a {
  display: block;
  max-width: 634px;
  margin: 0 auto
}

@media screen and (max-width: 768px) {
  .p-shopDetail .btn a {
      max-width: 312px
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__slider__shop {
      margin: 0 -40px
  }
}

@media screen and (max-width: 480px) {
  .p-shopDetail__slider__shop {
      margin: 0 -16px
  }
}

.p-shopDetail__slider__shop .slick-list {
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.p-shopDetail__slider__shop .item {
  margin: 0 14px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__slider__shop .item {
      margin: 0 10px
  }
}

.p-shopDetail__slider__shop .item img {
  border: 9px solid #fff;
  box-shadow: 2px 2px 6px 4px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 768px) {
  .p-shopDetail__slider__shop .item img {
      border: 7px solid #fff
  }
}

.p-shopDetail__ttlbox {
  margin-bottom: 75px;
  text-align: center;
  border-bottom: 3px solid #333
}

@media screen and (max-width: 768px) {
  .p-shopDetail__ttlbox {
      margin-bottom: 20px;
      border-bottom: 1px solid #333
  }
}

.p-shopDetail__ttlbox .ttl {
  font-size: 43px;
  color: #333;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  line-height: 1.4em;
  padding: 38px 0
}

@media screen and (max-width: 768px) {
  .p-shopDetail__ttlbox .ttl {
      font-size: 15px;
      padding: 15px 0
  }
}

.p-shopDetail__ttlbox .ttl strong {
  color: #ef6d92;
  font-weight: bold
}

.p-shopDetail__sec__movie {
  padding: 80px 0 175px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__movie {
      padding: 0 0 70px
  }
}

.p-shopDetail__sec__movie .inner {
  position: relative
}

.p-shopDetail__sec__movie .inner:before {
  content: "";
  background: #ffebf0;
  width: 100%;
  height: 540px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__movie .inner:before {
      height: 268px
  }
}

.p-shopDetail__sec__movie .inner .movie {
  max-width: 424px;
  margin: 0 auto;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__movie .inner .movie {
      max-width: 210px
  }
}

.p-shopDetail__sec__movie .inner .movie:before {
  content: "";
  background: url(../img/web/shop/kazari01.png) no-repeat left top/100%;
  width: 90px;
  height: 121px;
  position: absolute;
  right: -134px;
  top: 142px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__movie .inner .movie:before {
      width: 43px;
      height: 58px;
      right: -60px;
      top: 68px
  }
}

.p-shopDetail__sec__movie .inner .movie:after {
  content: "";
  background: url(../img/web/shop/kazari02.png) no-repeat left top/100%;
  width: 101px;
  height: 91px;
  position: absolute;
  left: -130px;
  bottom: 130px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__movie .inner .movie:after {
      width: 48px;
      height: 43px;
      left: -55px;
      bottom: 66px
  }
}

.p-shopDetail__sec__movie .inner .movie video {
  width: 100%;
  height: auto
}

.p-shopDetail__sec__ba {
  padding: 0 0 175px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba {
      padding: 0 0 70px
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list {
      margin: 0 -16px
  }
}

.p-shopDetail__sec__ba .list .box {
  margin-bottom: 75px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box {
      margin-bottom: 27px
  }
}

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

.p-shopDetail__sec__ba .list .box .bg {
  background: #ffebf0;
  padding: 81px 72px 55px;
  margin-bottom: 10px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .bg {
      padding: 30px 26px 20px;
      margin-bottom: 5px
  }
}

.p-shopDetail__sec__ba .list .box .bg .stl {
  font-size: 39px;
  color: #fff;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  max-width: 673px;
  background: #333;
  text-align: center;
  padding: 18px;
  line-height: 1.3em;
  margin: 0 auto 17px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .bg .stl {
      font-size: 15px;
      max-width: 222px;
      padding: 7px 10px;
      margin-bottom: 7px
  }
}

.p-shopDetail__sec__ba .list .box .bg .circle {
  font-size: 39px;
  color: #fff;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  width: 225px;
  height: 225px;
  background: #ef6d92;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto -186px;
  border-radius: 50%;
  line-height: 1em;
  position: relative;
  z-index: 2
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .bg .circle {
      font-size: 15px;
      width: 87px;
      height: 87px;
      margin-bottom: -73px
  }
}

.p-shopDetail__sec__ba .list .box .bg .circle>div {
  text-align: center
}

.p-shopDetail__sec__ba .list .box .bg .circle strong {
  font-size: 60px;
  color: #fffd02;
  font-weight: bold;
  display: block;
  margin-top: 9px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .bg .circle strong {
      font-size: 23px;
      margin-top: 5px
  }
}

.p-shopDetail__sec__ba .list .box .bg .circle .small {
  font-size: 34px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .bg .circle .small {
      font-size: 14px
  }
}

.p-shopDetail__sec__ba .list .box .bg ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center
}

.p-shopDetail__sec__ba .list .box .bg ul li {
  width: 43%;
  text-align: center;
  position: relative;
  width: 50%;
  text-align: center;
  position: relative;
  flex: 0 0 auto;
  max-width: 400px
}

.p-shopDetail__sec__ba .list .box .bg ul li p {
  font-size: 39px;
  color: #333;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  line-height: 1em;
  margin-top: 12px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .bg ul li p {
      font-size: 15px;
      margin-top: 5px
  }
}

.p-shopDetail__sec__ba .list .box .bg ul li:first-child:after {
  content: "";
  border: 40px solid rgba(0, 0, 0, 0);
  border-left: 40px solid #ef6d92;
  position: absolute;
  right: -127px;
  top: 50%;
  z-index: 2;
  right: 18px;
  transform: translate(100%, 0)
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .bg ul li:first-child:after {
      border: 16px solid rgba(0, 0, 0, 0);
      border-left: 16px solid #ef6d92;
      right: 8px
  }
}

.p-shopDetail__sec__ba .list .box .bg ul li:last-child p {
  color: #ef6d92
}

.p-shopDetail__sec__ba .list .box .note {
  font-size: 16px;
  color: #000;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__ba .list .box .note {
      font-size: 7px
  }
}

.p-shopDetail__sec__review {
  padding: 0 0 175px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__review {
      padding: 0 0 70px
  }
}

.p-shopDetail__sec__review .list .box {
  margin-bottom: 75px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__review .list .box {
      margin-bottom: 27px
  }
}

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

.p-shopDetail__sec__review .list .box .bg {
  background: #ffebf0;
  padding: 65px 57px;
  margin-bottom: 10px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__review .list .box .bg {
      padding: 26px 20px;
      margin-bottom: 5px
  }
}

.p-shopDetail__sec__review .list .box .note {
  font-size: 16px;
  color: #000;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__review .list .box .note {
      font-size: 7px
  }
}

.p-shopDetail__sec__experience {
  padding: 0 0 250px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience {
      padding: 0 0 100px
  }
}

.p-shopDetail__sec__experience .p-shopDetail__ttlbox {
  margin-bottom: 110px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .p-shopDetail__ttlbox {
      margin-bottom: 34px
  }
}

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

.p-shopDetail__sec__experience .list .box {
  margin-bottom: 120px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box {
      margin-bottom: 70px
  }
}

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

.p-shopDetail__sec__experience .list .box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative
}

.p-shopDetail__sec__experience .list .box .inner:before,
.p-shopDetail__sec__experience .list .box .inner:after {
  content: "";
  background: url(../img/web/shop/kazari03.png) no-repeat left top/100%;
  width: 82px;
  height: 106px;
  position: absolute
}

@media screen and (max-width: 768px) {

  .p-shopDetail__sec__experience .list .box .inner:before,
  .p-shopDetail__sec__experience .list .box .inner:after {
      width: 27px;
      height: 37px
  }
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi {
  width: 100%;
  max-width: 678px;
  background: #ffebf0;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .fukidashi {
      max-width: 238px
  }
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi .border {
  border: 4px solid #ec6480;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 18px;
  z-index: 2
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .fukidashi .border {
      border: 2px solid #ec6480;
      top: 10px
  }
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi .border:after {
  content: "";
  background: url(../img/web/shop/ico_fukidashi.png) no-repeat left top/100%;
  width: 54px;
  height: 41px;
  position: absolute;
  bottom: -41px;
  right: 20px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .fukidashi .border:after {
      width: 27px;
      height: 21px;
      bottom: -21px;
      right: 9px
  }
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi:after {
  content: "";
  position: absolute;
  border-top: 50px solid #ffebf0;
  border-left: 35px solid rgba(0, 0, 0, 0);
  bottom: -39px;
  right: 37px;
  transform: rotate(-22deg)
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .fukidashi:after {
      border-top: 35px solid #ffebf0;
      border-left: 22px solid rgba(0, 0, 0, 0);
      bottom: -24px;
      right: 16px
  }
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi ul li {
  margin-bottom: 55px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .fukidashi ul li {
      margin-bottom: 19px
  }
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi ul li:last-child {
  margin-bottom: 0
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi ul li .ttl {
  font-size: 23px;
  color: #ec6480;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  display: inline-block;
  line-height: 1em;
  border: 1px solid #ec6480;
  padding: 15px 20px;
  margin-bottom: 15px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .fukidashi ul li .ttl {
      font-size: 14px;
      padding: 7px 12px
  }
}

.p-shopDetail__sec__experience .list .box .inner .fukidashi ul li .txt {
  font-size: 18px;
  color: #333;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  line-height: 1.8em
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .fukidashi ul li .txt {
      font-size: 12px
  }
}

.p-shopDetail__sec__experience .list .box .inner .img {
  transform: translateY(65px)
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .img {
      transform: translateY(45px)
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .img img {
      max-width: 80%
  }
}

.p-shopDetail__sec__experience .list .box .inner .img p {
  font-size: 17px;
  color: #333;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  margin-top: 8px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box .inner .img p {
      font-size: 10px;
      margin-top: 5px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner {
  padding: 0 0 0 110px
}

@media only screen and (max-width: 1000px)and (min-width: 769px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner {
      padding: 0 0 0 55px
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner {
      padding: 0 0 0 20px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner:before {
  right: 0;
  top: -15px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner:before {
      top: -5px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner:after {
  display: none
}

.p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner .fukidashi {
  padding: 60px 25px 50px 46px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner .fukidashi {
      padding: 30px 20px 23px 16px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner .fukidashi .border {
  left: -20px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner .fukidashi .border {
      left: -10px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner .img {
  width: 21%;
  text-align: right;
  padding-right: 50px
}

@media only screen and (max-width: 1000px)and (min-width: 769px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner .img {
      padding-right: 0
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n-1) .inner .img {
      padding-right: 0
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner {
  padding: 0 65px 0 0
}

@media only screen and (max-width: 1000px)and (min-width: 769px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner {
      padding: 0 32px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner {
      padding: 0 31px 0 0
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner:before {
  left: 0;
  top: 0
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner:after {
  left: 18px;
  bottom: 160px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner:after {
      left: 13px;
      bottom: 75px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi {
  padding: 60px 25px 50px 85px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi {
      padding: 30px 20px 23px 30px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi .border {
  right: -20px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi .border {
      right: -10px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi .border:after {
  right: auto;
  left: 20px;
  transform: scale(-1, 1)
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi .border:after {
      left: 6px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi:after {
  right: auto;
  left: 37px;
  transform: scale(-1, 1) rotate(-22deg)
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .fukidashi:after {
      left: 16px
  }
}

.p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .img {
  width: 24%;
  padding-left: 73px
}

@media only screen and (max-width: 1000px)and (min-width: 769px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .img {
      padding-left: 0
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__experience .list .box:nth-child(2n) .inner .img {
      padding-left: 0
  }
}

.p-shopDetail__sec__experience .list .box.men .inner .fukidashi {
  background: #eef2f7
}

.p-shopDetail__sec__experience .list .box.men .inner .fukidashi:after {
  border-top-color: #eef2f7
}

.p-shopDetail__sec__experience .list .box.men .inner .fukidashi .border {
  border-color: #638bd8
}

.p-shopDetail__sec__experience .list .box.men .inner .fukidashi .border:after {
  background: url(../img/web/shop/ico_fukidashi--men.png) no-repeat left top/100%
}

.p-shopDetail__sec__experience .list .box.men .inner .fukidashi ul li .ttl {
  color: #638bd8;
  border-color: #638bd8
}

.p-shopDetail__sec__area {
  padding: 0 0 150px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__area {
      padding: 0 0 70px
  }
}

.p-shopDetail__sec__area .list {
  background: #ffebf0;
  padding: 33px 55px 40px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__area .list {
      padding: 19px 15px 29px
  }
}

.p-shopDetail__sec__area .list .box {
  margin-bottom: 50px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__area .list .box {
      margin-bottom: 20px
  }
}

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

.p-shopDetail__sec__area .list .box .stl {
  font-size: 26px;
  color: #ef6d92;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #ef6d92;
  margin-bottom: 50px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__area .list .box .stl {
      font-size: 12px;
      margin-bottom: 15px
  }
}

.p-shopDetail__sec__area .list .box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-shopDetail__sec__area .list .box ul li {
  width: 33.333%;
  margin-bottom: 45px
}

@media only screen and (max-width: 900px)and (min-width: 769px) {
  .p-shopDetail__sec__area .list .box ul li {
      width: 50%
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__area .list .box ul li {
      width: 50%;
      margin-bottom: 10px
  }
}

.p-shopDetail__sec__area .list .box ul li a {
  font-size: 22px;
  color: #333;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  display: block;
  padding: 0 15px 0 35px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__area .list .box ul li a {
      font-size: 12px;
      padding: 0 0 0 17px
  }
}

.p-shopDetail__sec__area .list .box ul li a:before {
  content: "▶";
  font-size: 22px;
  color: #ef6d92;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__area .list .box ul li a:before {
      font-size: 12px
  }
}

.p-shopDetail__sec__about .inner {
  position: relative
}

.p-shopDetail__sec__about .inner .slider_machine {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.p-shopDetail__sec__about .inner .slider_machine .item {
  margin: 0 13px
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__about .inner .slider_machine .item {
      margin: 0 5px
  }
}

.p-shopDetail__sec__about .inner .slider_machine .item img {
  border: 14px solid #fff
}

@media screen and (max-width: 768px) {
  .p-shopDetail__sec__about .inner .slider_machine .item img {
      border: 4px solid #fff
  }
}

@media only screen and (min-width: 769px) {
  .p-shopDetail .sp {
      display: none !important
  }
}

@media screen and (max-width: 768px) {
  .p-shopDetail .pc {
      display: none !important
  }
}

.p-shopContact {
  margin: 40px 0 0;
  padding: 32px;
  background: #f7f2f2
}

@media screen and (max-width: 480px) {
  .p-shopContact {
      padding: 24px
  }
}

.p-shopContact__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-shopContact__item+.p-shopContact__item {
  border-top: 1px solid rgba(0, 0, 0, .1);
  margin: 24px 0 0;
  padding: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-shopContact__item+.p-shopContact__item {
      margin: 16px 0 0;
      padding: 16px 0 0
  }
}

.p-shopContact__item__number {
  color: #222;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  position: relative;
  white-space: normal;
  width: 100%;
  justify-content: center;
  word-break: keep-all
}

.p-shopContact__item__number .c-image,
.p-shopContact__item__number .c-image--standard,
.p-shopContact__item__number .c-image--wide,
.p-shopContact__item__number .c-image--notification {
  width: 32px;
  margin: 0 4px 0 0
}

.p-shopContact__item .p-buttonWrap {
  margin: 16px 0 0
}

.p-shopContact__list__item+.p-shopContact__list__item {
  margin: 40px 0 0
}

@media screen and (max-width: 768px) {
  .p-shopContact__list__item+.p-shopContact__list__item {
      margin: 32px 0 0
  }
}

.p-shopContact__list__item>.c-text__lv5,
.p-shopContact__list__item>.p-warrantyId__body__name,
.p-shopContact__list__item>.p-warrantyId__body__title,
.p-shopContact__list__item>.p-warrantyStep__complete__head__title,
.p-shopContact__list__item>.p-warrantyStep__choice__copy,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-shopContact__list__item>.label__head__title,
.p-shopContact__list__item>.p-warrantyStep__item__head__title,
.p-shopContact__list__item>.p-warrantyStep__plan__head__title,
.p-shopContact__list__item>.p-warranty__plan__list__head__description,
.p-shopContact__list__item>.p-onlineShopSidebar__main__head__title,
.p-shopContact__list__item>.p-onlineShop__recommend__head__title,
.p-shopContact__list__item>.p-onlineShop__ranking__head__title,
.p-shopContact__list__item>.p-price__benefit__sub__body__title,
.p-shopContact__list__item>.c-text__lv5--base,
.p-contact__complete .p-shopContact__list__item>.description,
.p-shopContact__list__item>.p-home__shop__list__text__address,
.p-home__qa__item__answer .p-shopContact__list__item>p,
.p-home__qa__item__answer.p-shopContact__list__item>a,
.p-shopContact__list__item>.p-shopDetail__list__data {
  font-size: 18px;
  margin: 0 0 16px
}

@media screen and (max-width: 768px) {

  .p-shopContact__list__item>.c-text__lv5,
  .p-shopContact__list__item>.p-warrantyId__body__name,
  .p-shopContact__list__item>.p-warrantyId__body__title,
  .p-shopContact__list__item>.p-warrantyStep__complete__head__title,
  .p-shopContact__list__item>.p-warrantyStep__choice__copy,
  .p-warrantyStep__item__content .c-input--warrantyPlan label .p-shopContact__list__item>.label__head__title,
  .p-shopContact__list__item>.p-warrantyStep__item__head__title,
  .p-shopContact__list__item>.p-warrantyStep__plan__head__title,
  .p-shopContact__list__item>.p-warranty__plan__list__head__description,
  .p-shopContact__list__item>.p-onlineShopSidebar__main__head__title,
  .p-shopContact__list__item>.p-onlineShop__recommend__head__title,
  .p-shopContact__list__item>.p-onlineShop__ranking__head__title,
  .p-shopContact__list__item>.p-price__benefit__sub__body__title,
  .p-shopContact__list__item>.c-text__lv5--base,
  .p-contact__complete .p-shopContact__list__item>.description,
  .p-shopContact__list__item>.p-home__shop__list__text__address,
  .p-home__qa__item__answer .p-shopContact__list__item>p,
  .p-home__qa__item__answer.p-shopContact__list__item>a,
  .p-shopContact__list__item>.p-shopDetail__list__data {
      margin: 0 0 12px;
      padding: 4px 4px 4px 8px;
      background: #faf6f6
  }
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList {
      padding: 0 8px
  }
}

.p-shopContact__shopList>li {
  padding: 0 0 12px;
  border-bottom: solid 1px #eee
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList>li {
      padding: 0 0 6px
  }
}

.p-shopContact__shopList>li+li {
  margin: 16px 0 0
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList>li+li {
      margin: 12px 0 0
  }
}

.p-shopContact__shopList__item {
  display: flex
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList__item {
      align-items: baseline
  }
}

.p-shopContact__shopList__item .name {
  flex: 0 0 auto;
  width: 150px;
  font-size: 14px;
  font-weight: 500;
  color: #444
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList__item .name {
      flex: 0 0 auto;
      width: 128px
  }
}

.p-shopContact__shopList__item .number {
  display: flex
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList__item .number {
      flex-direction: column
  }
}

.p-shopContact__shopList__item .tel {
  flex: 0 0 auto;
  width: 180px;
  font-size: 18px;
  font-weight: 600;
  color: #e16a83;
  letter-spacing: .06em;
  line-height: 1.1em
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList__item .tel {
      width: auto;
      line-height: 1
  }
}

.p-shopContact__shopList__item .tel:hover {
  opacity: .7
}

.p-shopContact__shopList__item .time {
  flex: auto;
  min-width: 1px;
  font-size: 14px;
  color: #444;
  font-weight: 500;
  line-height: 1.3em
}

@media screen and (max-width: 768px) {
  .p-shopContact__shopList__item .time {
      margin: 2px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-shopContact__shopList__item .time {
      font-size: 13px
  }
}

.p-article {
  padding: 0 0 80px
}

.p-article .p-article__body ol>li,
.p-article__body .p-article ol>li,
.p-article .p-article__body ul>li,
.p-article__body .p-article ul>li,
.p-article .ql-editor ol>li,
.p-article .ql-editor ul>li,
.p-article .p-article__body p,
.p-article__body .p-article p,
.p-article .ql-editor p,
.p-article .p-article__body p a,
.p-article .p-article__body a,
.p-article .p-article__body .ql-editor a,
.p-article .ql-editor .p-article__body a,
.p-article__body .p-article p a,
.p-article__body p .p-article a,
.p-article__body .p-article a,
.p-article__body .p-article .ql-editor a,
.p-article .ql-editor p a,
.p-article .ql-editor a {
  font-size: 16px
}

@media screen and (max-width: 480px) {

  .p-article .p-article__body ol>li,
  .p-article__body .p-article ol>li,
  .p-article .p-article__body ul>li,
  .p-article__body .p-article ul>li,
  .p-article .ql-editor ol>li,
  .p-article .ql-editor ul>li,
  .p-article .p-article__body p,
  .p-article__body .p-article p,
  .p-article .ql-editor p,
  .p-article .p-article__body p a,
  .p-article .p-article__body a,
  .p-article .p-article__body .ql-editor a,
  .p-article .ql-editor .p-article__body a,
  .p-article__body .p-article p a,
  .p-article__body p .p-article a,
  .p-article__body .p-article a,
  .p-article__body .p-article .ql-editor a,
  .p-article .ql-editor p a,
  .p-article .ql-editor a {
      font-size: 14px
  }
}

.p-article__body,
.p-article .ql-editor {
  padding: 12px 0
}

@media screen and (max-width: 480px) {

  .p-article__body,
  .p-article .ql-editor {
      padding: 0
  }
}

.p-article__body p a,
.p-article__body a,
.p-article__body .p-article .ql-editor a,
.p-article .ql-editor .p-article__body a,
.p-article .ql-editor p a,
.p-article .ql-editor a {
  color: #176e39;
  font-weight: 700;
  display: inline-block;
  margin: 0 .2em
}

.p-article__body a:hover,
.p-article .ql-editor a:hover {
  text-decoration: underline
}

.p-article__body h2,
.p-article__body .ql-size-huge,
.p-article .ql-editor h2,
.p-article .ql-editor .ql-size-huge {
  color: #222;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
  width: 100%;
  letter-spacing: .04em;
  padding: 0 0 4px;
  margin: 0 0 .8em;
  border-bottom: 2px solid #222
}

@media screen and (max-width: 480px) {

  .p-article__body h2,
  .p-article__body .ql-size-huge,
  .p-article .ql-editor h2,
  .p-article .ql-editor .ql-size-huge {
      font-size: 24px
  }
}

.p-article__body *+h2,
.p-article .ql-editor *+h2 {
  margin-top: 2.2em
}

@media screen and (max-width: 480px) {

  .p-article__body *+h2,
  .p-article .ql-editor *+h2 {
      margin-top: 2em
  }
}

.p-article__body *+p .ql-size-huge,
.p-article .ql-editor *+p .ql-size-huge {
  margin-top: 2.2em
}

@media screen and (max-width: 480px) {

  .p-article__body *+p .ql-size-huge,
  .p-article .ql-editor *+p .ql-size-huge {
      margin-top: 2em
  }
}

.p-article__body h3,
.p-article__body .ql-size-large,
.p-article .ql-editor h3,
.p-article .ql-editor .ql-size-large {
  display: block;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  display: block;
  width: 100%;
  letter-spacing: .04em;
  background-color: #f7f2f2;
  margin: 2.4em 0 1.2em;
  padding: 8px 12px
}

@media screen and (max-width: 480px) {

  .p-article__body h3,
  .p-article__body .ql-size-large,
  .p-article .ql-editor h3,
  .p-article .ql-editor .ql-size-large {
      font-size: 20px
  }
}

.p-article__body h4,
.p-article .ql-editor h4 {
  font-weight: 700;
  border-left: 6px solid #d68490;
  margin: 1.6em 0 .8em;
  padding-left: 12px
}

.p-article__body p,
.p-article .ql-editor p {
  color: #222;
  line-height: 1.6em
}

.p-article__body p+p,
.p-article .ql-editor p+p {
  margin: .75em 0 0
}

@media screen and (max-width: 480px) {

  .p-article__body p+p,
  .p-article .ql-editor p+p {
      margin: .5em 0 0
  }
}

.p-article__body .ql-size-small,
.p-article .ql-editor .ql-size-small {
  color: #999;
  font-size: 14px;
  line-height: 1.2em
}

@media screen and (max-width: 480px) {

  .p-article__body .ql-size-small,
  .p-article .ql-editor .ql-size-small {
      font-size: 13px
  }
}

.p-article__body strong,
.p-article .ql-editor strong {
  font-weight: 700
}

.p-article__body strong em,
.p-article .ql-editor strong em {
  font-style: italic;
  font-weight: 700
}

.p-article__body em,
.p-article .ql-editor em {
  font-style: italic
}

.p-article__body img,
.p-article .ql-editor img {
  margin: 0 0 1rem
}

@media screen and (max-width: 480px) {

  .p-article__body img,
  .p-article .ql-editor img {
      margin: 0 0 .75rem
  }
}

.p-article__body .ql-video,
.p-article .ql-editor .ql-video {
  width: 100%;
  height: auto;
  min-height: 400px;
  margin: .4em 0
}

.p-article__body ol,
.p-article__body ul,
.p-article .ql-editor ol,
.p-article .ql-editor ul {
  margin: 1.2em 0 2.4em;
  padding-left: 0
}

.p-article__body ol>li,
.p-article__body ul>li,
.p-article .ql-editor ol>li,
.p-article .ql-editor ul>li {
  color: #222;
  line-height: 1.7em
}

.p-article__body ol>li::before,
.p-article__body ul>li::before,
.p-article .ql-editor ol>li::before,
.p-article .ql-editor ul>li::before {
  text-align: left
}

.p-article__comment {
  display: flex;
  align-items: flex-start;
  padding: 0 8% 0 0;
  margin: 40px 0 24px
}

@media screen and (max-width: 480px) {
  .p-article__comment {
      padding: 0;
      margin: 32px 0 16px
  }
}

.p-article__comment--reverse {
  flex-direction: row-reverse;
  padding: 0 0 0 8%
}

@media screen and (max-width: 480px) {
  .p-article__comment--reverse {
      padding: 0
  }
}

.p-article__comment__head {
  flex: 0 0 100px;
  margin: 0 24px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-article__comment--reverse .p-article__comment__head {
  margin: 0 0 0 24px
}

@media screen and (max-width: 560px) {
  .p-article__comment__head {
      flex: 0 0 64px
  }
}

.p-article__comment__head__name {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .04em;
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-article__comment__head__name {
      font-size: 13px
  }
}

.p-article__comment__data {
  color: #222;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 500;
  flex: auto;
  min-width: 0;
  border: 1px solid #e5e9ee;
  padding: 16px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-article__comment__data {
      font-size: 14px
  }
}

.p-article__comment__data:before {
  content: "";
  display: block;
  width: 14px;
  height: 20px;
  background-image: url(../img/web/article/comment__arrow.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 16px;
  left: -14px;
  z-index: 1
}

.p-article__comment--reverse .p-article__comment__data:before {
  left: auto;
  right: -14px;
  transform: rotate(180deg);
  transform-origin: center center
}

.p-article__cta {
  border: 1px solid #e5e9ee;
  background-color: #f6f7fa;
  padding: 16px
}

@media screen and (max-width: 768px) {
  .p-article__cta {
      padding: 12px
  }
}

@media screen and (max-width: 560px) {
  .p-article__cta {
      padding: 24px
  }
}

.p-article__cta__head {
  margin: 0 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-article__cta__head {
      margin: 0 0 20px
  }
}

.p-article__cta__head__title {
  color: #222;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline
}

.p-article__cta__head__title .accent {
  color: #176e39;
  font-size: 24px;
  font-weight: 900;
  margin: 0 .2em
}

@media screen and (max-width: 560px) {
  .p-article__cta__head__title .accent {
      font-size: 20px
  }
}

.p-article__cta__head__title .accent:after {
  content: "!";
  font-size: 32px;
  display: inline-block;
  transform-origin: left bottom;
  transform: translateY(2px) rotate(4deg)
}

@media screen and (max-width: 560px) {
  .p-article__cta__head__title .accent:after {
      font-size: 40px
  }
}

.p-article__cta__body {
  display: flex;
  justify-content: center
}

.p-article__cta__list {
  display: flex;
  flex-wrap: wrap;
  flex: auto;
  margin: -8px;
  padding-left: 0
}

@media screen and (max-width: 768px) {
  .p-article__cta__list {
      margin: -4px
  }
}

@media screen and (max-width: 560px) {
  .p-article__cta__list {
      margin: -8px 0
  }
}

.p-article__cta__list__item {
  width: 33.3333%;
  padding: 8px
}

@media screen and (max-width: 768px) {
  .p-article__cta__list__item {
      padding: 4px
  }
}

@media screen and (max-width: 560px) {
  .p-article__cta__list__item {
      width: 100%;
      padding: 8px 0
  }
}

.p-article__cta__button {
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-article__cta__button__head {
  color: #fff;
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px;
  border-radius: 4px;
  width: 100%;
  position: relative;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 560px) {
  .p-article__cta__button__head {
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      height: 56px
  }
}

.p-article__cta__list__item--subscription .p-article__cta__button__head {
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, #e65a79 0%, #e05071 100%) 0% 0% no-repeat padding-box
}

.p-article__cta__list__item--rental .p-article__cta__button__head {
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, #694147 0%, #533035 100%) 0% 0% no-repeat padding-box
}

.p-article__cta__list__item--buy .p-article__cta__button__head {
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, #333333 0%, #222222 100%) 0% 0% no-repeat padding-box
}

.p-article__cta__button__head:hover {
  opacity: .64
}

.p-article__cta__button__head:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../img/web/column/buttonArrow.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%)
}

.p-article__cta__button__subtitle {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1em;
  margin: 0 0 6px
}

@media screen and (max-width: 560px) {
  .p-article__cta__button__subtitle {
      flex: 0 0 100px;
      margin: 0
  }
}

.p-article__cta__button__title {
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1em
}

.p-article__cta__button__body {
  background-color: #fff;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, .2);
  border-radius: 0 0 4px 4px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 4px;
  width: calc(100% - 16px)
}

@media screen and (max-width: 768px) {
  .p-article__cta__button__body {
      width: calc(100% - 8px)
  }
}

@media screen and (max-width: 560px) {
  .p-article__cta__button__body {
      width: calc(100% - 16px)
  }
}

.p-article__cta__button__body__price {
  color: #222;
  font-size: 16px;
  font-weight: 900
}

@media screen and (max-width: 768px) {
  .p-article__cta__button__body__price {
      font-size: 14px
  }
}

.p-article__cta__button__body__price span {
  font-size: 13px;
  font-weight: 500
}

@media screen and (max-width: 768px) {
  .p-article__cta__button__body__price span {
      font-size: 12px
  }
}

.p-article__include {
  white-space: normal
}

.p-article__include>* {
  white-space: normal
}

.p-article__include--cta .p-cta3 {
  padding: 16px;
  border: solid 1px #ccc;
  border-radius: 8px
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3 {
      border: none;
      border-radius: 0
  }
}

@media screen and (max-width: 480px) {
  .p-article__include--cta .p-cta3 {
      padding: 12px
  }
}

.p-article__include--cta .p-cta3 .l-container {
  padding: 0
}

.p-article__include--cta .p-cta3__head {
  margin: 0 0 12px
}

.p-article__include--cta .p-cta3__head__balloon {
  display: none
}

@media screen and (max-width: 960px) {
  .p-article__include--cta .p-cta3__head__title {
      font-size: 30px
  }
}

@media screen and (max-width: 560px) {
  .p-article__include--cta .p-cta3__head__title {
      font-size: 26px
  }
}

@media screen and (max-width: 480px) {
  .p-article__include--cta .p-cta3__head__title {
      font-size: 22px
  }
}

.p-article__include--cta .p-cta3__head__description:before {
  top: .85em
}

.p-article__include--cta .p-cta3__head__description:after {
  margin: 2px 0 0
}

.p-article__include--cta .p-cta3__list {
  margin: -7px;
  width: auto;
  flex: auto;
  min-width: 1px
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__list {
      margin: -4px
  }
}

.p-article__include--cta .p-cta3__list__item {
  padding: 7px
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__list__item {
      padding: 4px
  }
}

.p-article__include--cta .p-cta3__list__item:before {
  display: none
}

.p-article__include--cta .p-cta3__list__item--subscription .p-cta3__content__head__subtitle,
.p-article__include--cta .p-cta3__list__item--subscription .p-cta3__content__head__title {
  color: #e0778d
}

.p-article__include--cta .p-cta3__list__item--subscription .p-cta3__content__body__price {
  color: #e0778d;
  border-bottom-color: #e0778d
}

.p-article__include--cta .p-cta3__list__item--rental .p-cta3__content__head__subtitle,
.p-article__include--cta .p-cta3__list__item--rental .p-cta3__content__head__title {
  color: #704b51
}

.p-article__include--cta .p-cta3__list__item--rental .p-cta3__content__body__price {
  color: #704b51;
  border-bottom-color: #704b51
}

.p-article__include--cta .p-cta3__content {
  padding: 16px 8px 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .16)
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__content {
      padding: 8px;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, .16), 0px 4px 8px #d8def2
  }
}

@media screen and (max-width: 1080px) {
  .p-article__include--cta .p-cta3__content__count {
      top: 17px;
      left: 12px
  }
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__content__count {
      top: 8px;
      left: 8px
  }
}

.p-article__include--cta .p-cta3__content__count:before {
  display: none
}

.p-article__include--cta .p-cta3__content__head {
  padding: 3px 0;
  border: none;
  flex: 0 0 auto;
  text-align: center
}

@media screen and (max-width: 1080px) {
  .p-article__include--cta .p-cta3__content__head {
      padding: 3px 0 3px 46px;
      text-align: left
  }
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__content__head {
      flex: auto;
      margin: 0;
      min-width: 1px
  }
}

.p-article__include--cta .p-cta3__content__head__subtitle {
  display: none
}

.p-article__include--cta .p-cta3__content__head__title {
  margin: 0;
  border: none;
  font-size: 28px;
  line-height: 1
}

.p-article__include--cta .p-cta3__content__body {
  margin: 0 0 14px;
  padding: 0 12px;
  flex: auto;
  min-height: 1px
}

@media screen and (max-width: 1080px) {
  .p-article__include--cta .p-cta3__content__body {
      padding: 0
  }
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__content__body {
      flex: 0 0 55%;
      min-height: 1px;
      margin: 0
  }
}

@media screen and (max-width: 480px) {
  .p-article__include--cta .p-cta3__content__body {
      flex: 0 0 55%
  }
}

.p-article__include--cta .p-cta3__content__body__price {
  padding: 0 0 8px !important;
  font-size: 24px !important;
  border-bottom: solid 1px #222;
  justify-content: center
}

@media screen and (max-width: 1280px) {
  .p-article__include--cta .p-cta3__content__body__price {
      font-size: 20px !important
  }
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__content__body__price {
      justify-content: flex-start;
      padding: 0 !important;
      border-bottom: none;
      font-size: 26px !important
  }
}

@media screen and (max-width: 480px) {
  .p-article__include--cta .p-cta3__content__body__price {
      font-size: 20px !important
  }
}

@media screen and (max-width: 1280px) {
  .p-article__include--cta .p-cta3__content__body__price span {
      font-size: 12px
  }
}

@media screen and (max-width: 480px) {
  .p-article__include--cta .p-cta3__content__body__price span {
      font-size: 12px;
      margin: 0 .2em
  }
}

.p-article__include--cta .p-cta3__content__body__description {
  font-size: 13px !important;
  color: #777 !important;
  line-height: 1.5em !important
}

@media screen and (max-width: 1280px) {
  .p-article__include--cta .p-cta3__content__body__description {
      font-size: 12px !important
  }
}

.p-article__include--cta .p-cta3__content__body__attention {
  display: none
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__content__body__attention {
      display: block
  }
}

@media screen and (max-width: 768px) {
  .p-article__include--cta .p-cta3__content__foot {
      margin: 18px 0 0
  }
}

.p-article__include--cta .p-cta3__content__foot .p-buttonWrap {
  margin: 0
}

.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--accent,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--action,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--form,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--inline,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--weak,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--line,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--full,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--small,
.p-article__include--cta .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button {
  margin: 0;
  border-radius: 4px;
  color: #fff;
  display: flex;
  height: 40px;
  font-size: 14px;
  justify-content: center;
  padding: 4px 12px
}

@media screen and (max-width: 1280px) {

  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--accent:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--action:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--form:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--inline:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--weak:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--line:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--full:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--small:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button:before {
      display: none
  }
}

@media screen and (max-width: 768px) {

  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--accent:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--action:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--form:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--inline:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--weak:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--line:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--full:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .c-button--small:before,
  .p-article__include--cta .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button:before {
      display: block
  }
}

.p-article__include--talk--right .p-columnTalk__item {
  justify-content: flex-end
}

.p-article__include--talk--right .p-columnTalk__image {
  margin: 0 0 0 30px
}

@media screen and (max-width: 480px) {
  .p-article__include--talk--right .p-columnTalk__image {
      margin: 0 0 0 24px
  }
}

.p-article__include--talk--right .p-columnTalk__image .c-image,
.p-article__include--talk--right .p-columnTalk__image .c-image--standard,
.p-article__include--talk--right .p-columnTalk__image .c-image--wide,
.p-article__include--talk--right .p-columnTalk__image .c-image--notification {
  background: #f6f7fa url(../img/web/column/p-columnTalk__image--noview.png) no-repeat center;
  background-size: contain;
  border-color: #ddd
}

.p-article__include--talk--right .p-columnTalk__balloon:before {
  left: auto;
  right: 7px;
  transform: translate(100%, -50%) scale(-1) rotate(-45deg)
}

@media screen and (max-width: 480px) {
  .p-article__include--talk--right .p-columnTalk__balloon:before {
      right: 5px
  }
}

.p-article__include--talk--right .p-columnTalk__balloon:after {
  text-align: right
}

@media screen and (max-width: 768px) {
  .p-article .ql-editor .p-cta3__content__head {
      width: auto;
      align-items: center;
      padding: 13px 0 3px 28px
  }
}

@media screen and (max-width: 480px) {
  .p-article .ql-editor .p-cta3__content__head {
      padding: 12px 0 3px 26px;
      max-width: 150px
  }
}

@media screen and (max-width: 768px) {
  .p-article .ql-editor .p-cta3__content__head__subtitle {
      display: block;
      font-size: 13px;
      font-weight: 600;
      line-height: 1em;
      letter-spacing: .2em;
      margin: 0 0 12px
  }
}

@media screen and (max-width: 480px) {
  .p-article .ql-editor .p-cta3__content__head__subtitle {
      font-size: 12px;
      letter-spacing: 0em;
      margin: 0 0 9px
  }
}

.p-article .ql-editor .p-cta3__content__head__title {
  margin: 0;
  border: none;
  font-size: 28px;
  line-height: 1
}

@media screen and (max-width: 768px) {
  .p-article .ql-editor .p-cta3__content__head__title {
      width: auto;
      font-size: 32px;
      font-weight: 900
  }
}

@media screen and (max-width: 480px) {
  .p-article .ql-editor .p-cta3__content__head__title {
      font-size: 24px;
      font-weight: 900
  }
}

@media screen and (max-width: 768px) {
  .p-article .ql-editor .p-cta3__content__body__attention {
      font-size: 12px;
      margin: -5px 0 .8em;
      color: #aaa;
      font-weight: 500
  }
}

@media screen and (max-width: 480px) {
  .p-article .ql-editor .p-cta3__content__body__attention {
      margin: -0.2em 0 .2em
  }
}

@media screen and (max-width: 768px) {
  .p-article .ql-editor .p-cta3__content__body__description {
      margin: .2em 0 0
  }
}

@media screen and (max-width: 1080px) {

  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--accent,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--action,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--form,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--inline,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--weak,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--line,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--full,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--small,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button {
      justify-content: center
  }
}

@media screen and (max-width: 1080px) {

  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--accent:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--action:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--form:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--inline:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--weak:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--line:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--full:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .c-button--small:before,
  .p-article .ql-editor .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button:before {
      display: none
  }
}

.p-article .ql-editor .p-cta3__list {
  margin: -7px
}

@media screen and (max-width: 768px) {
  .p-article .ql-editor .p-cta3__list {
      margin: -4px
  }
}

.p-article .ql-editor .p-cta3__list__item {
  padding-left: 7px
}

@media screen and (max-width: 768px) {
  .p-article .ql-editor .p-cta3__list__item {
      padding-left: 4px
  }
}

.p-about__feature {
  counter-reset: number 0;
  background: #f7f2f2;
  padding: 24px 0
}

@media screen and (max-width: 480px) {
  .p-about__feature {
      padding: 16px 0
  }
}

.p-about__feature__item {
  display: flex;
  background: #fff;
  min-height: 320px;
  border-left: 4px solid #dea7b2;
  position: relative;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .1);
  counter-increment: number 1
}

@media screen and (max-width: 1080px) {
  .p-about__feature__item {
      flex-wrap: wrap
  }
}

@media screen and (max-width: 768px) {
  .p-about__feature__item {
      min-height: auto
  }
}

@media screen and (max-width: 480px) {
  .p-about__feature__item {
      border: none
  }
}

.p-about__feature__item+.p-about__feature__item {
  margin: 16px 0 0
}

@media screen and (max-width: 768px) {
  .p-about__feature__item+.p-about__feature__item {
      margin: 24px 0 0
  }
}

.p-about__feature__item__text {
  width: 60%;
  padding: 40px 40px 40px 120px;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-about__feature__item__text {
      width: 66.6666%;
      padding: 32px 32px 32px 96px
  }
}

@media screen and (max-width: 768px) {
  .p-about__feature__item__text {
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .p-about__feature__item__text {
      padding: 24px
  }
}

.p-about__feature__item__text:before {
  content: counter(number, decimal-leading-zero) ".";
  color: #dea7b2;
  font-size: 40px;
  line-height: 1em;
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  position: absolute;
  top: 40px;
  left: 40px
}

@media screen and (max-width: 1080px) {
  .p-about__feature__item__text:before {
      font-size: 32px;
      top: 32px;
      left: 32px
  }
}

@media screen and (max-width: 480px) {
  .p-about__feature__item__text:before {
      font-size: 48px;
      top: 16px;
      right: 16px;
      left: auto;
      opacity: .16
  }
}

.p-about__feature__item__text .title {
  font-size: 32px;
  margin: 0 0 4px
}

@media screen and (max-width: 768px) {
  .p-about__feature__item__text .title {
      font-size: 28px
  }
}

@media screen and (max-width: 560px) {
  .p-about__feature__item__text .title {
      font-size: 24px
  }
}

@media screen and (max-width: 374px) {
  .p-about__feature__item__text .title {
      font-size: 22px
  }
}

.p-about__feature__item__text .copy {
  color: #176e39;
  line-height: 1.2em;
  letter-spacing: .02em
}

@media screen and (max-width: 480px) {
  .p-about__feature__item__text .copy {
      font-size: 20px
  }
}

.p-about__feature__item__text .copy br {
  display: none
}

@media screen and (max-width: 1080px) {
  .p-about__feature__item__text .copy br {
      display: block
  }
}

.p-about__feature__item__text .copy .small {
  font-size: 14px
}

@media screen and (max-width: 480px) {
  .p-about__feature__item__text .copy .small {
      font-size: 12px
  }
}

.p-about__feature__item__text .description {
  color: #666;
  margin: 16px 0 0
}

.p-about__feature__item__text .description b {
  display: inline-block;
  font-weight: 900;
  margin: 0 .2em
}

.p-about__feature__item__image {
  height: 100%;
  width: 40%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  padding: 40px 0;
  position: absolute;
  top: 0;
  right: 0
}

@media screen and (max-width: 1080px) {
  .p-about__feature__item__image {
      width: 33.3333%
  }
}

@media screen and (max-width: 768px) {
  .p-about__feature__item__image {
      width: 100%;
      min-height: 144px;
      background-position: top -40px center !important;
      position: inherit
  }
}

.p-machine__list {
  margin: 40px 0 0
}

.p-machine__list>li {
  padding: 40px 0 0;
  margin: 24px 0 0;
  border-top: 1px solid #e5e9ee
}

@media screen and (max-width: 560px) {
  .p-machine__list>li {
      border-top: 1px solid #e5e9ee;
      padding: 32px 0 0
  }
}

.p-machine__list>li.hide {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  padding: 0;
  margin: 0
}

.p-machine__list__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center
}

.p-machine__list__item__text {
  width: 64%
}

@media screen and (max-width: 768px) {
  .p-machine__list__item__text {
      width: 100%;
      margin: 0 0 8px
  }
}

.p-machine__list__item__text .title {
  color: #999;
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
  font-family: "Oswald", "Noto Sans JP", sans-serif
}

@media screen and (max-width: 768px) {
  .p-machine__list__item__text .title {
      font-size: 32px
  }
}

.p-machine__list__item__text .copy {
  margin: 24px 0 8px
}

.p-machine__list__item__image {
  width: 36%
}

@media screen and (max-width: 768px) {
  .p-machine__list__item__image {
      width: 100%;
      max-width: 240px;
      margin: 0 auto
  }
}

.p-machine__list__item__detail {
  width: 100%
}

.p-machine__list__item__foot {
  width: 100%;
  margin: 16px 0
}

@media screen and (max-width: 768px) {
  .p-machine__list__item__foot {
      display: flex;
      justify-content: center
  }
}

@media screen and (max-width: 480px) {
  .p-machine__list__item__foot .p-buttonWrap {
      flex: auto;
      min-width: 0;
      justify-content: center
  }
}

@media screen and (max-width: 480px) {

  .p-machine__list__item__foot .p-buttonWrap .c-button,
  .p-machine__list__item__foot .p-buttonWrap .c-button--accent,
  .p-machine__list__item__foot .p-buttonWrap .c-button--action,
  .p-machine__list__item__foot .p-buttonWrap .c-button--form,
  .p-machine__list__item__foot .p-buttonWrap .c-button--inline,
  .p-machine__list__item__foot .p-buttonWrap .c-button--inlineArrow,
  .p-machine__list__item__foot .p-buttonWrap .c-button--weak,
  .p-machine__list__item__foot .p-buttonWrap .c-button--line,
  .p-machine__list__item__foot .p-buttonWrap .c-button--full,
  .p-machine__list__item__foot .p-buttonWrap .c-button--small,
  .p-machine__list__item__foot .p-buttonWrap .p-home__middleNav__button {
      width: 50%;
      justify-content: center
  }
}

.p-machine__list__item__useType {
  margin: -2px;
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap
}

.p-machine__list__item__useType .c-status__useType {
  margin: 2px
}

.p-machine__list--sale {
  margin: 0
}

.p-machine__list--sale>li {
  margin: 0
}

@media screen and (max-width: 480px) {
  .p-machine__list--sale>li {
      padding: 0;
      border: none
  }
}

.p-machine__list--sale>li+li {
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-machine__list--sale>li+li {
      padding: 0;
      margin: 0
  }
}

.p-machine__list--sale .p-machine__list__item {
  align-items: flex-start
}

@media screen and (max-width: 768px) {
  .p-machine__list--sale .p-machine__list__item__image {
      position: relative;
      top: 0
  }
}

.p-machine__list--sale .p-machine__list__item__image .c-image.noimage,
.p-machine__list--sale .p-machine__list__item__image .noimage.c-image--standard,
.p-machine__list--sale .p-machine__list__item__image .noimage.c-image--wide,
.p-machine__list--sale .p-machine__list__item__image .noimage.c-image--notification {
  max-width: 280px;
  background-size: 280px !important
}

.p-machine__list--sale .p-machine__list__item__price {
  max-width: 440px;
  width: 100%
}

@media screen and (max-width: 480px) {
  .p-machine__list--sale .p-machine__list__item__price {
      max-width: none;
      padding: 16px 16px 31px;
      background: #eff3f7;
      margin: 0 -16px;
      width: auto;
      flex: auto;
      min-width: 1px;
      border-bottom: solid 1px #e5e9ee
  }
}

.p-machine__list--sale .p-machine__list__item__price .regular .price,
.p-machine__list--sale .p-machine__list__item__price .sale .price {
  display: flex;
  align-items: baseline
}

.p-machine__list--sale .p-machine__list__item__price .regular .price .c-text__lv6,
.p-machine__list--sale .p-machine__list__item__price .regular .price .p-notification__link,
.p-machine__list--sale .p-machine__list__item__price .regular .price .p-notification__description,
.p-machine__list--sale .p-machine__list__item__price .regular .price .p-warrantyMypage__head__name,
.p-machine__list--sale .p-machine__list__item__price .regular .price .p-warrantyId__head__description,
.p-machine__list--sale .p-machine__list__item__price .regular .price .p-price__benefit__sub__foot__title,
.p-machine__list--sale .p-machine__list__item__price .sale .price .c-text__lv6,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-notification__link,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-notification__description,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyMypage__head__name,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyId__head__description,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-price__benefit__sub__foot__title {
  font-size: 18px;
  margin: 0 4px 0 10px
}

@media screen and (max-width: 480px) {

  .p-machine__list--sale .p-machine__list__item__price .regular .price .c-text__lv6,
  .p-machine__list--sale .p-machine__list__item__price .regular .price .p-notification__link,
  .p-machine__list--sale .p-machine__list__item__price .regular .price .p-notification__description,
  .p-machine__list--sale .p-machine__list__item__price .regular .price .p-warrantyMypage__head__name,
  .p-machine__list--sale .p-machine__list__item__price .regular .price .p-warrantyId__head__description,
  .p-machine__list--sale .p-machine__list__item__price .regular .price .p-price__benefit__sub__foot__title,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .c-text__lv6,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-notification__link,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-notification__description,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyMypage__head__name,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyId__head__description,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-price__benefit__sub__foot__title {
      margin: 0 4px 0 6px
  }
}

.p-machine__list--sale .p-machine__list__item__price .sale .price {
  justify-content: flex-end
}

.p-machine__list--sale .p-machine__list__item__price .sale .price .c-text__lv4,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-pricePlan__section__head__title,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyId__head__plan,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__complete__body__copy,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__notice__head__title,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__head__copy,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__plan__option__list__head__title,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__plan__list__head__title--small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__about__list__head .number,
.p-warranty__about__list__head .p-machine__list--sale .p-machine__list__item__price .sale .price .number,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__about__list__head .title,
.p-warranty__about__list__head .p-machine__list--sale .p-machine__list__item__price .sale .price .title,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__section__head__copy {
  font-size: 40px;
  letter-spacing: 0;
  font-weight: 600;
  color: #e75876;
  display: flex;
  align-items: baseline
}

@media screen and (max-width: 480px) {

  .p-machine__list--sale .p-machine__list__item__price .sale .price .c-text__lv4,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-pricePlan__section__head__title,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyId__head__plan,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__complete__body__copy,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__notice__head__title,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__head__copy,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__plan__option__list__head__title,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__plan__list__head__title--small,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__about__list__head .number,
  .p-warranty__about__list__head .p-machine__list--sale .p-machine__list__item__price .sale .price .number,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__about__list__head .title,
  .p-warranty__about__list__head .p-machine__list--sale .p-machine__list__item__price .sale .price .title,
  .p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__section__head__copy {
      font-size: 36px
  }
}

.p-machine__list--sale .p-machine__list__item__price .sale .price .c-text__lv4 small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-pricePlan__section__head__title small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyId__head__plan small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__complete__body__copy small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__notice__head__title small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__head__copy small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__plan__option__list__head__title small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__plan__list__head__title--small small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__about__list__head .number small,
.p-warranty__about__list__head .p-machine__list--sale .p-machine__list__item__price .sale .price .number small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__about__list__head .title small,
.p-warranty__about__list__head .p-machine__list--sale .p-machine__list__item__price .sale .price .title small,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__section__head__copy small {
  font-size: 28px;
  margin: 0 2px 0 0
}

.p-machine__list--sale .p-machine__list__item__price .sale .price .c-text__lv7,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__content,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-machine__list--sale .p-machine__list__item__price .sale .price .label__body__content {
  font-size: 13px;
  font-weight: 600;
  color: #e75876;
  margin: 0 6px 0 0;
  transform: translate(0, -2px)
}

.p-machine__list--sale .p-machine__list__item__price .sale .price .c-text__note,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-warranty__notice__item__body__description,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-machine__list--sale .p-machine__list__item__price .sale .price li:before,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-agreeCheck__body p,
.p-agreeCheck__body .p-machine__list--sale .p-machine__list__item__price .sale .price p,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-onlineShopSidebar__main__head__kana,
.p-machine__list--sale .p-machine__list__item__price .sale .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .p-machine__list--sale .p-machine__list__item__price .sale .price span,
.p-machine__list--sale .p-machine__list__item__price .sale .p-ecHome__card .price span,
.p-ecHome__card .p-machine__list--sale .p-machine__list__item__price .sale .price span,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-onlineShop__recommend__head__kana,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-onlineShop__ranking__head__kana,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-columnDetail__navigation__prev:before,
.p-machine__list--sale .p-machine__list__item__price .sale .price .p-columnDetail__navigation__next:before {
  transform: translate(0, -4px);
  margin: 0 0 0 4px
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap {
  flex-direction: column
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent {
  height: 56px;
  justify-content: space-between
}

@media screen and (max-width: 480px) {
  .p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent {
      width: auto
  }
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent * {
  color: #fff
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent .title {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: baseline
}

@media screen and (max-width: 480px) {
  .p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent .title {
      font-size: 14px
  }
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent .title strong {
  font-size: 22px;
  display: inline-flex;
  line-height: 1;
  margin: 0 1px 0 6px;
  transform: translate(0, 1px)
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent .price {
  flex-direction: column;
  line-height: 1.1em;
  align-items: flex-end
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent .price small {
  display: block;
  opacity: .5;
  font-size: 11px;
  letter-spacing: .05em;
  margin: 2px 0 0
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent.c-button--credit {
  border-color: #45b271;
  background: #45b271
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--formAccent.c-button--credit:hover {
  background: #378d5a
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--agree {
  justify-content: center;
  height: 48px;
  font-weight: 600;
  color: #a9aebd;
  pointer-events: all
}

@media screen and (max-width: 480px) {
  .p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--agree {
      width: auto;
      background: #fff;
      margin-top: 10px;
      height: 56px;
      border: solid 1px #dbdde5
  }
}

.p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--agree:hover {
  background: #cbcddb
}

@media screen and (max-width: 480px) {
  .p-machine__list--sale .p-machine__list__item__price .sale .p-buttonWrap .c-button--agree:hover {
      background: #fff
  }
}

.p-machine__list--sale .p-machine__list__item__price .sale+.sale {
  margin: 20px 0 0;
  padding: 6px 0 0;
  border-top: solid 1px #e5e9ed
}

.p-machine__photoList {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0 0
}

.p-machine__photoList figure {
  width: 16%;
  margin-inline-start: .3%;
  margin-inline-end: .3%;
  margin-block-start: .2em;
  margin-block-end: .2em;
  margin: .08em;
  transform-origin: center center
}

@media screen and (max-width: 480px) {
  .p-machine__photoList figure {
      width: 23.8%;
      margin-inline-start: .6%;
      margin-inline-end: .6%
  }
}

.p-machine__photoList figure a {
  border: 1px solid #e5e9ee;
  display: block;
  width: 100%;
  position: relative
}

.p-machine__photoList figure a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 40px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f7f2f2 rgba(0, 0, 0, 0);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  box-shadow: 0 -1px -1px rgba(0, 0, 0, .1)
}

.p-machine__photoList figure a:after {
  content: "CLICK";
  font-size: 10px;
  font-weight: 600;
  color: #e79eae;
  position: absolute;
  right: -3px;
  bottom: 3px;
  z-index: 1;
  transform: rotate(-45deg) scale(0.9);
  letter-spacing: .04rem;
  pointer-events: none
}

.p-machine__photoList figure a img {
  width: 100%
}

.p-machine__photoList figure figcaption {
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0;
  line-height: 1.2em;
  margin: .4em 0 0;
  padding: 0 .2em 0 0
}

.p-machine__photoList figure figcaption .small {
  color: #999;
  font-size: .6em;
  margin: 0 0 0 .4em
}

@media screen and (max-width: 1080px) {
  .p-machine__photoList figure figcaption .small {
      width: 100%;
      margin: 0;
      display: block
  }
}

@media screen and (max-width: 480px) {
  .p-machine__photoList figure figcaption .small {
      font-size: .5em
  }
}

.p-machine__photoList figure figcaption .description {
  display: none
}

.p-machine__middle {
  margin: 32px 0 0;
  padding: 0 0 6px;
  overflow: auto
}

.p-machine__middle::-webkit-scrollbar {
  width: 0px;
  height: 6px
}

.p-machine__middle::-webkit-scrollbar-track {
  background: #f6f7fa
}

.p-machine__middle::-webkit-scrollbar-thumb {
  background-color: #e6e9f1;
  border-radius: 50px
}

.p-machine__table {
  width: 100%;
  min-width: 570px
}

.p-machine__table th,
.p-machine__table td {
  border: solid 1px #aaa;
  padding: 4px 6px
}

.p-machine__table th.p-machine__table__title,
.p-machine__table td.p-machine__table__title {
  vertical-align: middle;
  background: #f6f7fa
}

.p-machine__table th.p-machine__table__title p,
.p-machine__table td.p-machine__table__title p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #222
}

@media screen and (max-width: 560px) {

  .p-machine__table th.p-machine__table__title p,
  .p-machine__table td.p-machine__table__title p {
      font-size: 14px
  }
}

.p-machine__table__head th {
  padding: 8px 6px
}

.p-machine__table__head th p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: #222;
  text-align: center
}

@media screen and (max-width: 560px) {
  .p-machine__table__head th p {
      font-size: 12px
  }
}

.p-machine__table__head th a p {
  text-decoration: underline;
  color: #e0778d
}

.p-machine__table__body th p {
  text-align: center;
  font-size: 12px;
  line-height: 1.1em;
  color: #444
}

@media screen and (max-width: 560px) {
  .p-machine__table__body th p {
      text-align: left
  }
}

.p-machine__table__body th p br {
  display: none
}

@media screen and (max-width: 560px) {
  .p-machine__table__body th p br {
      display: block
  }
}

.p-machine__table__body th.p-machine__table__body__title {
  background: #eeeff3
}

.p-machine__table__body th.p-machine__table__body__title p {
  writing-mode: tb-rl;
  letter-spacing: .2em;
  font-size: 13px;
  text-align: center;
  margin: auto
}

.p-machine__table__body th.p-machine__table__body__subtitle p {
  font-weight: 600
}

@media screen and (max-width: 560px) {
  .p-machine__table__body th.p-machine__table__body__subtitle p {
      letter-spacing: 0;
      font-size: 13px;
      text-align: center;
      margin: auto;
      width: 16px;
      line-height: 1.3em
  }
}

.p-machine__table__body td p {
  text-align: center;
  color: #565961;
  font-size: 10px
}

.p-machine__bottom {
  margin: 40px 0 0
}

@media screen and (max-width: 480px) {
  .p-machine__bottom {
      margin: 32px 0 0
  }
}

.p-price {
  margin: 0 auto
}

.p-price__type+.p-price__type {
  margin: 72px 0 0
}

.p-price__type__head {
  width: 100%;
  height: 4px;
  margin: 0 0 32px;
  position: relative
}

.p-price__type__head__label {
  position: absolute;
  top: 2px;
  left: 0;
  transform: translateY(-50%)
}

.p-price__type__head--dayTime {
  background: #f5a729
}

.p-price__type__head--allTime {
  background: #7361bf
}

.p-price__type__head--allDay {
  background: #7361bf
}

.p-price__type__head--special {
  background: #07ccdd
}

.p-price__type__head--rental {
  background: #9f856b
}

.p-price__type__head--visitor {
  background: #777
}

.p-price__type__body__text {
  margin: 0 0 16px
}

.p-price__type__body__text--row {
  display: flex
}

@media screen and (max-width: 560px) {
  .p-price__type__body__text--row {
      flex-wrap: wrap
  }
}

.p-price__type__body__text__main {
  flex: auto
}

@media screen and (max-width: 560px) {
  .p-price__type__body__text__main {
      flex: 0 0 100%
  }
}

.p-price__type__body__text__sub {
  flex: 0 0 170px
}

@media screen and (max-width: 560px) {
  .p-price__type__body__text__sub {
      margin: 12px 0 0
  }
}

.p-price__type__body__text .description {
  margin: 8px 0 0
}

.p-price__list__item {
  display: flex;
  align-items: center;
  padding: 8px 0 4px;
  border-bottom: 1px dotted #e5e9ee
}

@media screen and (max-width: 768px) {
  .p-price__list__item {
      flex-wrap: wrap;
      padding: 16px 0 4px
  }
}

.p-price__list__item__main {
  padding: 0 0 0 16px;
  margin: 0 40px 0 0;
  border-left: 6px solid #e5e9ee;
  flex: auto;
  min-width: 0
}

@media screen and (max-width: 768px) {
  .p-price__list__item__main {
      flex: 0 0 100%;
      padding: 0 0 0 8px
  }
}

.p-price__list__item--green .p-price__list__item__main {
  border-color: #7abf73
}

.p-price__list__item--lightGreen .p-price__list__item__main {
  border-color: #7abf73
}

.p-price__list__item--sapphire .p-price__list__item__main {
  border-color: #5775c7
}

.p-price__list__item--lightSapphire .p-price__list__item__main {
  border-color: #5775c7
}

.p-price__list__item--emerald .p-price__list__item__main {
  border-color: #51b5ae
}

.p-price__list__item--lightEmerald .p-price__list__item__main {
  border-color: #51b5ae
}

.p-price__list__item--pink .p-price__list__item__main {
  border-color: #f198da
}

.p-price__list__item--lightPink .p-price__list__item__main {
  border-color: #f198da
}

.p-price__list__item--ruby .p-price__list__item__main {
  border-color: #c45275
}

.p-price__list__item--lightRuby .p-price__list__item__main {
  border-color: #c45275
}

.p-price__list__item--gold .p-price__list__item__main {
  border-color: #ebb254
}

.p-price__list__item--lightGold .p-price__list__item__main {
  border-color: #ebb254
}

.p-price__list__item--crystal .p-price__list__item__main {
  border-color: #91c1c3
}

.p-price__list__item--diamond .p-price__list__item__main {
  border-color: #80b0c3
}

.p-price__list__item--black .p-price__list__item__main {
  border-color: #555
}

.p-price__list__item__main .description {
  margin: 4px 0 0
}

.p-price__list__item__sub {
  display: flex;
  align-items: flex-start;
  flex: none;
  margin: 0 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-price__list__item__sub {
      flex: 0 0 100%;
      justify-content: flex-end;
      margin: 16px 0 0
  }
}

.p-price__list__item__action {
  flex: 0 0 120px;
  margin: 0 0 0 16px
}

.p-price__list__item__action .c-button,
.p-price__list__item__action .c-button--accent,
.p-price__list__item__action .c-button--action,
.p-price__list__item__action .c-button--form,
.p-price__list__item__action .c-button--inline,
.p-price__list__item__action .c-button--inlineArrow,
.p-price__list__item__action .c-button--weak,
.p-price__list__item__action .c-button--line,
.p-price__list__item__action .c-button--full,
.p-price__list__item__action .c-button--small,
.p-price__list__item__action .p-home__middleNav__button {
  border-radius: 3px;
  line-height: 1em;
  font-weight: 500
}

.p-price__list__detail {
  flex: none
}

.p-price__list__detail--time {
  width: 140px
}

@media screen and (max-width: 480px) {
  .p-price__list__detail--time {
      width: 130px
  }
}

.p-price__list__detail--price {
  width: 220px
}

@media screen and (max-width: 480px) {
  .p-price__list__detail--price {
      width: 156px
  }
}

.p-price__list__detail__label {
  margin: 0
}

.p-price__list__detail__data {
  display: flex;
  align-items: baseline;
  letter-spacing: .04em
}

@media screen and (max-width: 768px) {
  .p-price__list__detail__data {
      font-size: 24px
  }
}

@media screen and (max-width: 560px) {
  .p-price__list__detail__data {
      flex-wrap: wrap
  }
}

.p-price__list__detail__data .unit {
  margin: 0 .2em
}

.p-price__list__detail__data .taxExcluded {
  display: block;
  margin: 0 .2em
}

@media screen and (max-width: 560px) {
  .p-price__list__detail__data .taxExcluded {
      width: 100%
  }
}

.p-price__benefit {
  margin: 32px 0 0;
  border: 2px solid #176e39;
  display: flex;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-price__benefit {
      flex-wrap: wrap
  }
}

.p-price__benefit__label {
  position: absolute;
  top: -2px;
  left: -2px
}

.p-price__benefit__main {
  width: 50%;
  padding: 48px 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .p-price__benefit__main {
      width: 100%;
      padding: 40px 16px 16px
  }
}

@media screen and (max-width: 480px) {
  .p-price__benefit__main {
      padding: 56px 16px 24px
  }
}

@media screen and (max-width: 768px) {
  .p-price__benefit--initialFee .p-price__benefit__main img {
      transform-origin: center;
      transform: scale(0.9)
  }
}

.p-price__benefit__main .p-buttonWrap {
  margin-top: 16px
}

.p-price__benefit__main .p-buttonWrap .c-button,
.p-price__benefit__main .p-buttonWrap .c-button--accent,
.p-price__benefit__main .p-buttonWrap .c-button--action,
.p-price__benefit__main .p-buttonWrap .c-button--form,
.p-price__benefit__main .p-buttonWrap .c-button--inline,
.p-price__benefit__main .p-buttonWrap .c-button--inlineArrow,
.p-price__benefit__main .p-buttonWrap .c-button--weak,
.p-price__benefit__main .p-buttonWrap .c-button--line,
.p-price__benefit__main .p-buttonWrap .c-button--full,
.p-price__benefit__main .p-buttonWrap .c-button--small,
.p-price__benefit__main .p-buttonWrap .p-home__middleNav__button {
  font-size: 18px;
  border-radius: 3px;
  font-weight: 500;
  width: 260px;
  height: 56px;
  justify-content: center;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 560px) {

  .p-price__benefit__main .p-buttonWrap .c-button,
  .p-price__benefit__main .p-buttonWrap .c-button--accent,
  .p-price__benefit__main .p-buttonWrap .c-button--action,
  .p-price__benefit__main .p-buttonWrap .c-button--form,
  .p-price__benefit__main .p-buttonWrap .c-button--inline,
  .p-price__benefit__main .p-buttonWrap .c-button--inlineArrow,
  .p-price__benefit__main .p-buttonWrap .c-button--weak,
  .p-price__benefit__main .p-buttonWrap .c-button--line,
  .p-price__benefit__main .p-buttonWrap .c-button--full,
  .p-price__benefit__main .p-buttonWrap .c-button--small,
  .p-price__benefit__main .p-buttonWrap .p-home__middleNav__button {
      width: 300px
  }
}

.p-price__benefit__sub {
  width: 50%;
  padding: 48px 32px;
  background-color: #f7f2f2;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .p-price__benefit__sub {
      width: 100%;
      padding: 24px 16px
  }
}

.p-price__benefit__sub__body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.p-price__benefit__sub__body__title {
  font-weight: 400;
  text-align: center;
  font-size: 15px;
  color: #666
}

@media screen and (max-width: 480px) {
  .p-price__benefit__sub__body__title {
      font-size: 14px
  }
}

.p-price__benefit__sub__foot {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #e5e9ee;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-price__benefit__sub__foot {
      margin: 16px 0 0;
      padding: 16px 0 0
  }
}

.p-price__benefit__sub__foot__title {
  color: #666;
  margin: 0 0 4px
}

.p-price__benefit__sub__foot__description {
  color: #999
}

.p-price #price__firstTime {
  padding: 64px 0 0
}

.p-price__firstTime {
  border: 3px solid #176e39
}

.p-price__firstTime__head {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #176e39;
  height: 40px
}

.p-price__firstTime__head .title {
  color: #fff
}

.p-price__firstTime__body {
  padding: 16px
}

.p-price__firstTime__body img {
  display: block;
  width: 260px;
  margin: 0 auto
}

.p-qa__head {
  margin: 0 0 48px
}

.p-qa__nav {
  display: flex;
  margin: -4px
}

@media screen and (max-width: 480px) {
  .p-qa__nav {
      margin: -2px -12px
  }
}

.p-qa__nav>li {
  padding: 4px;
  width: 33.3333%;
  display: flex
}

@media screen and (max-width: 480px) {
  .p-qa__nav>li {
      padding: 2px
  }
}

.p-qa__nav__label {
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: auto;
  min-width: 0;
  width: 100%;
  padding: 24px 2px;
  border-radius: 4px;
  border: 2px solid #704b52;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-qa__nav__label {
      font-size: 16px;
      padding: 16px 2px
  }
}

.p-qa__nav__label:hover {
  background: #f7f2f2
}

.p-qa__nav__label.is-active {
  color: #fff;
  background: #176e39;
  border-color: #176e39
}

.p-qa__nav__label .c-image,
.p-qa__nav__label .c-image--standard,
.p-qa__nav__label .c-image--wide,
.p-qa__nav__label .c-image--notification {
  width: 48px;
  margin: 0 0 12px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

@media screen and (max-width: 480px) {

  .p-qa__nav__label .c-image,
  .p-qa__nav__label .c-image--standard,
  .p-qa__nav__label .c-image--wide,
  .p-qa__nav__label .c-image--notification {
      width: 40px;
      margin: 0 0 8px
  }
}

.p-qa__nav__label__text {
  color: #704b52;
  flex: auto;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.3em;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .p-qa__nav__label__text {
      font-size: 14px
  }
}

.is-active .p-qa__nav__label__text {
  color: #fff
}

.p-qa__nav__label__text--sub {
  font-size: 14px
}

@media screen and (max-width: 480px) {
  .p-qa__nav__label__text--sub {
      font-size: 13px
  }
}

.p-qa__nav__label--buy .c-image,
.p-qa__nav__label--buy .c-image--standard,
.p-qa__nav__label--buy .c-image--wide,
.p-qa__nav__label--buy .c-image--notification {
  background: url(../img/web/qa/buy.svg)
}

.p-qa__nav__label--buy.is-active .c-image,
.p-qa__nav__label--buy.is-active .c-image--standard,
.p-qa__nav__label--buy.is-active .c-image--wide,
.p-qa__nav__label--buy.is-active .c-image--notification {
  background: url(../img/web/qa/buy--white.svg)
}

.p-qa__nav__label--rental .c-image,
.p-qa__nav__label--rental .c-image--standard,
.p-qa__nav__label--rental .c-image--wide,
.p-qa__nav__label--rental .c-image--notification {
  background: url(../img/web/qa/rental.svg)
}

.p-qa__nav__label--rental.is-active .c-image,
.p-qa__nav__label--rental.is-active .c-image--standard,
.p-qa__nav__label--rental.is-active .c-image--wide,
.p-qa__nav__label--rental.is-active .c-image--notification {
  background: url(../img/web/qa/rental--white.svg)
}

.p-qa__nav__label--shop .c-image,
.p-qa__nav__label--shop .c-image--standard,
.p-qa__nav__label--shop .c-image--wide,
.p-qa__nav__label--shop .c-image--notification {
  background: url(../img/web/qa/shop.svg)
}

.p-qa__nav__label--shop.is-active .c-image,
.p-qa__nav__label--shop.is-active .c-image--standard,
.p-qa__nav__label--shop.is-active .c-image--wide,
.p-qa__nav__label--shop.is-active .c-image--notification {
  background: url(../img/web/qa/shop--white.svg)
}

.p-qa__category {
  margin: 24px -4px -4px;
  display: none;
  flex-wrap: wrap
}

@media screen and (max-width: 480px) {
  .p-qa__category {
      margin: 16px -12px -4px
  }
}

.p-qa__category.is-active {
  display: flex
}

.p-qa__category>li {
  padding: 4px;
  width: 25%
}

@media screen and (max-width: 768px) {
  .p-qa__category>li {
      width: 50%;
      padding: 2px
  }
}

.p-qa__category__label {
  color: #704b52;
  line-height: 1.2em;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 8px 0 16px;
  border: 1px solid #704b52;
  border-left-width: 4px
}

.p-qa__category__label:hover {
  background: #f7f2f2
}

.p-qa .js-target__qaTab {
  display: none
}

.p-qa .js-target__qaTab.is-active {
  display: flex
}

@media screen and (max-width: 480px) {
  .p-qa__body {
      margin: -8px
  }
}

.p-qa__item {
  display: flex;
  flex-direction: column;
  background: #f7f2f2;
  padding: 40px
}

@media screen and (max-width: 560px) {
  .p-qa__item {
      padding: 24px 16px
  }
}

.p-qa__item__head .title {
  display: flex;
  align-items: center;
  position: relative
}

.p-qa__item__head .title br {
  display: none
}

.p-qa__item__head .title .c-image,
.p-qa__item__head .title .c-image--standard,
.p-qa__item__head .title .c-image--wide,
.p-qa__item__head .title .c-image--notification {
  margin: 0 10px 0 0;
  width: 32px;
  height: 32px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

.p-qa__item__head .title--buy .c-image,
.p-qa__item__head .title--buy .c-image--standard,
.p-qa__item__head .title--buy .c-image--wide,
.p-qa__item__head .title--buy .c-image--notification {
  background: url(../img/web/qa/buy.svg)
}

.p-qa__item__head .title--rental .c-image,
.p-qa__item__head .title--rental .c-image--standard,
.p-qa__item__head .title--rental .c-image--wide,
.p-qa__item__head .title--rental .c-image--notification {
  background: url(../img/web/qa/rental.svg)
}

.p-qa__item__head .title--shop .c-image,
.p-qa__item__head .title--shop .c-image--standard,
.p-qa__item__head .title--shop .c-image--wide,
.p-qa__item__head .title--shop .c-image--notification {
  background: url(../img/web/qa/shop.svg)
}

.p-qa__item__body {
  margin: 40px 0 0
}

@media screen and (max-width: 560px) {
  .p-qa__item__body {
      margin: 32px 0 0
  }
}

.p-qa__item__body>.title {
  margin: 0 0 16px
}

.p-qa__item__body .p-home__qa__list {
  background: #fff
}

.p-sns__list {
  display: flex;
  justify-content: center
}

.p-sns__list__item {
  width: 32px
}

.p-sns__list__item+.p-sns__list__item {
  margin: 0 0 0 16px
}

.p-company__head .description+.description {
  margin: 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-company__head .c-text--center br {
      display: none
  }
}

.p-company__foot {
  margin: 48px 0 0
}

.p-company__foot .p-buttonWrap {
  margin: 24px 0 0
}

.p-company__foot .p-buttonWrap>a {
  display: block;
  max-width: 400px;
  margin: auto
}

.p-company__foot .p-buttonWrap>a:hover img {
  opacity: .8
}

.p-company__president {
  margin: 40px 0 0
}

@media screen and (max-width: 768px) {
  .p-recruit {
      max-width: 540px;
      margin: auto
  }
}

.p-recruit__item {
  display: flex;
  position: relative;
  padding: 24px 0;
  border-bottom: solid 1px #eee
}

@media screen and (max-width: 768px) {
  .p-recruit__item {
      padding: 16px 0
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__item {
      padding: 6px 0
  }
}

.p-recruit__item+.p-recruit__item {
  margin: 8px 0 0
}

.p-recruit__item>a {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none
}

@media screen and (max-width: 480px) {
  .p-recruit__item>a {
      display: block
  }
}

.p-recruit__item__image {
  flex: 0 0 auto;
  width: 180px;
  margin: 0 24px 0 0
}

@media screen and (max-width: 768px) {
  .p-recruit__item__image {
      width: 140px;
      margin: 0 16px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__item__image {
      width: 120px;
      margin: 0 12px 0 0
  }
}

.p-recruit__item__image .c-image,
.p-recruit__item__image .c-image--standard,
.p-recruit__item__image .c-image--wide,
.p-recruit__item__image .c-image--notification {
  border-radius: 4px
}

.p-recruit__item__text {
  flex: auto;
  min-width: 1px
}

.p-recruit__item__title {
  font-size: 20px;
  font-weight: 600;
  color: #222
}

@media screen and (max-width: 768px) {
  .p-recruit__item__title {
      font-size: 16px
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__item__title {
      font-size: 14px;
      line-height: 1.4em
  }
}

.p-recruit__item__title small {
  line-height: 1;
  font-size: 13px;
  display: block;
  margin: 2px 0 8px;
  font-weight: 600;
  width: 100%
}

.p-recruit__item__type {
  font-size: 14px;
  font-weight: 500
}

@media screen and (max-width: 768px) {
  .p-recruit__item__type {
      font-size: 13px;
      margin: 4px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__item__type {
      font-size: 12px;
      line-height: 1.6em
  }
}

.p-recruit__item__description {
  margin: 24px 0 0;
  font-size: 13px;
  line-height: 2em
}

.p-recruit__item__area {
  margin: 16px 0 0;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #444
}

@media screen and (max-width: 768px) {
  .p-recruit__item__area {
      margin: 12px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__item__area {
      margin: 6px 0 0
  }
}

.p-recruit__item__area:before {
  content: "";
  width: 10px;
  height: 13px;
  background: url(../img/web/recruit/pin.svg) no-repeat center;
  background-size: contain;
  margin: 0 6px 0 0
}

.p-recruit__item .p-buttonWrap .c-button,
.p-recruit__item .p-buttonWrap .c-button--accent,
.p-recruit__item .p-buttonWrap .c-button--action,
.p-recruit__item .p-buttonWrap .c-button--form,
.p-recruit__item .p-buttonWrap .c-button--inline,
.p-recruit__item .p-buttonWrap .c-button--inlineArrow,
.p-recruit__item .p-buttonWrap .c-button--weak,
.p-recruit__item .p-buttonWrap .c-button--line,
.p-recruit__item .p-buttonWrap .c-button--full,
.p-recruit__item .p-buttonWrap .c-button--small,
.p-recruit__item .p-buttonWrap .p-home__middleNav__button {
  min-width: 140px;
  height: 40px;
  justify-content: center
}

.p-recruit__item--form,
.p-recruit__item--complete {
  padding: 0;
  border: none;
  max-width: 480px;
  margin: auto
}

.p-recruit__item--form .c-text__note,
.p-recruit__item--form .p-warranty__notice__item__body__description,
.p-recruit__item--form .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-recruit__item--form li:before,
.p-recruit__item--form .p-agreeCheck__body p,
.p-agreeCheck__body .p-recruit__item--form p,
.p-recruit__item--form .p-onlineShopSidebar__main__head__kana,
.p-recruit__item--form .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-recruit__item--form span,
.p-recruit__item--form .p-ecHome__card .price span,
.p-ecHome__card .price .p-recruit__item--form span,
.p-recruit__item--form .p-onlineShop__recommend__head__kana,
.p-recruit__item--form .p-onlineShop__ranking__head__kana,
.p-recruit__item--form .p-columnDetail__navigation__prev:before,
.p-recruit__item--form .p-columnDetail__navigation__next:before,
.p-recruit__item--complete .c-text__note,
.p-recruit__item--complete .p-warranty__notice__item__body__description,
.p-recruit__item--complete .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-recruit__item--complete li:before,
.p-recruit__item--complete .p-agreeCheck__body p,
.p-agreeCheck__body .p-recruit__item--complete p,
.p-recruit__item--complete .p-onlineShopSidebar__main__head__kana,
.p-recruit__item--complete .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-recruit__item--complete span,
.p-recruit__item--complete .p-ecHome__card .price span,
.p-ecHome__card .price .p-recruit__item--complete span,
.p-recruit__item--complete .p-onlineShop__recommend__head__kana,
.p-recruit__item--complete .p-onlineShop__ranking__head__kana,
.p-recruit__item--complete .p-columnDetail__navigation__prev:before,
.p-recruit__item--complete .p-columnDetail__navigation__next:before {
  margin: 0 0 4px;
  font-weight: 500
}

.p-recruit__item--form .p-recruit__item__image,
.p-recruit__item--complete .p-recruit__item__image {
  width: 160px
}

.p-recruit__item--form .p-recruit__item__title,
.p-recruit__item--complete .p-recruit__item__title {
  font-size: 14px
}

.p-recruit__item--form .p-recruit__item__type,
.p-recruit__item--complete .p-recruit__item__type {
  font-size: 12px
}

.p-recruit__item--form .p-recruit__item__area,
.p-recruit__item--complete .p-recruit__item__area {
  margin: 6px 0 0
}

.p-recruit__item--complete {
  padding: 14px 14px 20px;
  background: #f2f4f6;
  margin: 24px 0 0
}

@media screen and (max-width: 768px) {
  .p-recruit__main .p-recruit__item {
      flex-direction: column;
      padding: 0 0 32px;
      margin: 0 0 24px
  }
}

@media screen and (max-width: 560px) {
  .p-recruit__main .p-recruit__item {
      padding: 0 0 24px;
      margin: 0 0 16px
  }
}

.p-recruit__main .p-recruit__item__image {
  width: 100%;
  margin: 0
}

@media screen and (max-width: 768px) {
  .p-recruit__main .p-recruit__item__image {
      width: 100%
  }
}

.p-recruit__main .p-recruit__item__image .c-image,
.p-recruit__main .p-recruit__item__image .c-image--standard,
.p-recruit__main .p-recruit__item__image .c-image--wide,
.p-recruit__main .p-recruit__item__image .c-image--notification {
  border-radius: 0
}

.p-recruit__main .p-recruit__item__text {
  position: relative;
  z-index: 0;
  padding: 0 0 20px
}

@media screen and (max-width: 768px) {
  .p-recruit__main .p-recruit__item__text {
      margin: 16px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__main .p-recruit__item__text {
      padding: 0
  }
}

.p-recruit__main .p-recruit__item__text .p-buttonWrap {
  position: absolute;
  bottom: 0;
  right: 0
}

.p-recruit__main .p-recruit__item__title {
  font-size: 24px
}

.p-recruit__main .p-recruit__item__title[data-engligh] {
  position: relative;
  z-index: 0
}

@media screen and (max-width: 480px) {
  .p-recruit__main .p-recruit__item__title[data-engligh] {
      position: initial
  }
}

.p-recruit__main .p-recruit__item__title[data-engligh]:before {
  content: attr(data-engligh);
  position: absolute;
  right: 0;
  top: 0;
  font-size: 40px;
  font-weight: 600;
  color: rgba(243, 228, 232, .4);
  letter-spacing: -0.01em;
  z-index: -1
}

@media screen and (max-width: 480px) {
  .p-recruit__main .p-recruit__item__title[data-engligh]:before {
      font-size: 30px;
      top: auto;
      bottom: 0
  }
}

@media screen and (max-width: 560px) {
  .p-recruit__main .p-recruit__item__description {
      display: none
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__main .p-recruit__item .p-buttonWrap {
      display: none
  }
}

@media screen and (max-width: 768px) {
  .p-recruit__list>li+li {
      margin: 6px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-recruit__list .p-recruit__item {
      position: relative;
      border-bottom: none;
      background: #f7f7f7;
      padding: 12px;
      border-radius: 8px;
      border: solid 1px #f2f2f2
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__list .p-recruit__item {
      padding: 8px
  }
}

@media screen and (max-width: 768px) {
  .p-recruit__list .p-recruit__item>a {
      display: block
  }
}

@media screen and (max-width: 480px) {

  .p-recruit__list .p-recruit__item__image .c-image:before,
  .p-recruit__list .p-recruit__item__image .c-image--standard:before,
  .p-recruit__list .p-recruit__item__image .c-image--wide:before,
  .p-recruit__list .p-recruit__item__image .c-image--notification:before {
      padding-top: 75% !important
  }
}

.p-recruit__list .p-recruit__item__text {
  display: flex;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-recruit__list .p-recruit__item__text {
      flex-direction: column;
      align-items: flex-start;
      position: relative
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__list .p-recruit__item__text {
      padding: 2px 0 0
  }
}

.p-recruit__list .p-recruit__item__text__info {
  flex: auto;
  min-width: 1px;
  padding: 0 24px 0 0;
  margin: 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-recruit__list .p-recruit__item__text__info {
      padding: 0px 40px 0 0;
      flex: auto;
      min-height: 1px;
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__list .p-recruit__item__text__info {
      padding: 0
  }
}

.p-recruit__list .p-recruit__item__text .p-buttonWrap {
  flex: 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-recruit__list .p-recruit__item__text .p-buttonWrap {
      position: absolute;
      right: 0;
      bottom: 0;
      display: none
  }
}

.p-recruit__list .p-recruit__item--wanted .p-recruit__item__title {
  display: flex;
  flex-wrap: wrap
}

.p-recruit__list .p-recruit__item--wanted .p-recruit__item__title:before {
  content: "募集中";
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #e0778d;
  width: 48px;
  height: 20px;
  letter-spacing: -0.02em;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 6px 0 0
}

@media screen and (max-width: 560px) {
  .p-recruit__list .p-recruit__item--wanted .p-recruit__item__title:before {
      margin: 0;
      position: absolute;
      right: 0;
      bottom: 0
  }
}

.p-recruit--detail {
  max-width: 740px;
  margin: auto
}

.p-recruit--detail .p-recruit__main .p-recruit__item {
  flex-direction: column
}

@media screen and (max-width: 768px) {
  .p-recruit--detail .p-recruit__main .p-recruit__item {
      margin: 24px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-recruit--detail .p-recruit__main .p-recruit__item {
      margin: 0 -16px
  }
}

@media screen and (max-width: 480px) {

  .p-recruit--detail .p-recruit__main .p-recruit__item__image .c-image,
  .p-recruit--detail .p-recruit__main .p-recruit__item__image .c-image--standard,
  .p-recruit--detail .p-recruit__main .p-recruit__item__image .c-image--wide,
  .p-recruit--detail .p-recruit__main .p-recruit__item__image .c-image--notification {
      border-radius: 0
  }
}

.p-recruit--detail .p-recruit__main .p-recruit__item__text {
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-recruit--detail .p-recruit__main .p-recruit__item__text {
      padding: 0 16px;
      margin: 16px 0 0
  }
}

.p-recruit--detail .p-recruit__main .p-recruit__item__text__info {
  position: relative;
  z-index: 0
}

.p-recruit--detail .p-recruit__main .p-recruit__item__title[data-engligh] {
  position: initial
}

.p-recruit--detail .p-recruit__main .p-recruit__item__title[data-engligh]:before {
  top: auto;
  bottom: -10px
}

.p-recruit--detail .p-recruit__main .p-recruit__item__area {
  font-size: 14px
}

.p-recruit__overview {
  margin: 40px 0 0
}

@media screen and (max-width: 560px) {
  .p-recruit__overview {
      margin: 24px 0 0
  }
}

.p-recruit__overview>p+p {
  margin: 8px 0 0
}

.p-recruit__overview__entry {
  margin-top: 24px;
  padding: 16px;
  background: #f6f6f7;
  border: solid 1px #efeff5
}

@media screen and (max-width: 480px) {
  .p-recruit__overview__entry {
      padding: 8px
  }
}

.p-recruit__overview__entry .c-text--center {
  margin: 0 0 6px
}

@media screen and (max-width: 560px) {
  .p-recruit__overview__entry .p-buttonWrap {
      flex-direction: column-reverse
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__overview__entry .p-buttonWrap {
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 1;
      flex-direction: row;
      width: 100%;
      padding: 8px 8px 24px;
      background: rgba(255, 255, 255, .95);
      box-shadow: 0 -4px 8px rgba(0, 0, 0, .08)
  }

  .p-recruit__overview__entry .p-buttonWrap.set {
      position: relative;
      top: auto;
      left: auto;
      background: rgba(0, 0, 0, 0);
      padding: 0;
      box-shadow: 0 -4px 8px rgba(0, 0, 0, 0);
      flex-direction: column-reverse
  }

  .p-recruit__overview__entry .p-buttonWrap.set .c-button,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--accent,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--action,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--form,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--inline,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--inlineArrow,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--weak,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--line,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--full,
  .p-recruit__overview__entry .p-buttonWrap.set .c-button--small,
  .p-recruit__overview__entry .p-buttonWrap.set .p-home__middleNav__button {
      width: 100%
  }
}

.p-recruit__overview__entry .p-buttonWrap .c-button,
.p-recruit__overview__entry .p-buttonWrap .c-button--accent,
.p-recruit__overview__entry .p-buttonWrap .c-button--action,
.p-recruit__overview__entry .p-buttonWrap .c-button--form,
.p-recruit__overview__entry .p-buttonWrap .c-button--inline,
.p-recruit__overview__entry .p-buttonWrap .c-button--inlineArrow,
.p-recruit__overview__entry .p-buttonWrap .c-button--weak,
.p-recruit__overview__entry .p-buttonWrap .c-button--line,
.p-recruit__overview__entry .p-buttonWrap .c-button--full,
.p-recruit__overview__entry .p-buttonWrap .c-button--small,
.p-recruit__overview__entry .p-buttonWrap .p-home__middleNav__button {
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  flex: auto;
  min-width: 1px;
  justify-content: center;
  padding: 0 24px
}

@media screen and (max-width: 480px) {

  .p-recruit__overview__entry .p-buttonWrap .c-button,
  .p-recruit__overview__entry .p-buttonWrap .c-button--accent,
  .p-recruit__overview__entry .p-buttonWrap .c-button--action,
  .p-recruit__overview__entry .p-buttonWrap .c-button--form,
  .p-recruit__overview__entry .p-buttonWrap .c-button--inline,
  .p-recruit__overview__entry .p-buttonWrap .c-button--inlineArrow,
  .p-recruit__overview__entry .p-buttonWrap .c-button--weak,
  .p-recruit__overview__entry .p-buttonWrap .c-button--line,
  .p-recruit__overview__entry .p-buttonWrap .c-button--full,
  .p-recruit__overview__entry .p-buttonWrap .c-button--small,
  .p-recruit__overview__entry .p-buttonWrap .p-home__middleNav__button {
      height: 50px;
      font-size: 14px;
      font-weight: 600;
      padding: 0 12px;
      width: 50%
  }
}

.p-recruit__table {
  margin: 32px 0 0
}

.p-recruit__table .p-table+.p-table {
  margin: -1px 0 0
}

.p-recruit__table .p-table__body {
  display: block;
  padding: 8px;
  border: solid 1px #ddd
}

@media screen and (max-width: 480px) {
  .p-recruit__table .p-table__body {
      padding: 0;
      border-color: #666
  }
}

.p-recruit__table .p-table__row {
  display: flex;
  padding: 2px 0
}

@media screen and (max-width: 480px) {
  .p-recruit__table .p-table__row {
      flex-direction: column;
      padding: 0
  }
}

.p-recruit__table .p-table__row+.p-table__row {
  border-top: solid 1px #eee
}

@media screen and (max-width: 480px) {
  .p-recruit__table .p-table__row+.p-table__row {
      border-color: #666
  }
}

.p-recruit__table .p-table__label {
  font-size: 14px;
  flex: 0 0 auto;
  width: 160px;
  background: #eee;
  padding: 8px 12px;
  font-weight: 500;
  margin: 0 12px 0 0
}

@media screen and (max-width: 480px) {
  .p-recruit__table .p-table__label {
      width: 100%;
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      color: #222
  }
}

.p-recruit__table .p-table__data {
  font-size: 13px;
  color: #444;
  line-height: 1.6em;
  padding: 8px 0
}

@media screen and (max-width: 480px) {
  .p-recruit__table .p-table__data {
      width: 100%;
      padding: 12px
  }
}

.p-recruit__table .p-table__data b {
  color: #db5875
}

.p-recruit__other {
  margin: 40px 0 0
}

@media screen and (max-width: 480px) {
  .p-recruit__other {
      margin: 24px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__other__title {
      margin: 0 0 4px
  }
}

.p-recruit__other .p-recruit__list {
  padding: 0
}

.p-recruit__other .p-recruit__item {
  padding: 16px 0
}

@media screen and (max-width: 768px) {
  .p-recruit__other .p-recruit__item {
      padding: 8px
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__other .p-recruit__item {
      padding: 6px
  }
}

.p-recruit__other .p-recruit__item__image {
  margin: 0 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-recruit__other .p-recruit__item__image {
      margin: 0 12px 0 0
  }
}

.p-recruit__other .p-recruit__item__title {
  font-size: 18px
}

@media screen and (max-width: 768px) {
  .p-recruit__other .p-recruit__item__title {
      font-size: 16px
  }
}

@media screen and (max-width: 480px) {
  .p-recruit__other .p-recruit__item__title {
      font-size: 14px
  }
}

.p-recruit__other .p-recruit__item__type {
  font-size: 13px;
  font-weight: 400;
  margin: 4px 0 0
}

@media screen and (max-width: 480px) {
  .p-recruit__other .p-recruit__item__type {
      font-size: 12px
  }
}

.p-recruit__complete .p-buttonWrap {
  margin-top: 32px
}

.p-recruit__complete .p-buttonWrap .c-button,
.p-recruit__complete .p-buttonWrap .c-button--accent,
.p-recruit__complete .p-buttonWrap .c-button--action,
.p-recruit__complete .p-buttonWrap .c-button--form,
.p-recruit__complete .p-buttonWrap .c-button--inline,
.p-recruit__complete .p-buttonWrap .c-button--inlineArrow,
.p-recruit__complete .p-buttonWrap .c-button--weak,
.p-recruit__complete .p-buttonWrap .c-button--line,
.p-recruit__complete .p-buttonWrap .c-button--full,
.p-recruit__complete .p-buttonWrap .c-button--small,
.p-recruit__complete .p-buttonWrap .p-home__middleNav__button {
  min-width: 150px;
  justify-content: center;
  font-weight: 600
}

.p-page--recruit {
  max-width: 780px;
  margin: auto
}

.p-page--recruit .p-heading--center {
  margin: 0
}

@media screen and (max-width: 768px) {
  .p-page--recruitDetail .p-page__main__head {
      display: none
  }
}

.p-terms__list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e9ee;
  padding: 0 0 4px
}
@media screen and (max-width: 768px) {
  .p-terms__list__item p {
      width: 60%;
  }
}

.p-terms__list__item+.p-terms__list__item {
  margin: 24px 0 0
}

.p-privacy__list {
  counter-reset: number 0
}

.p-privacy__list__item {
  counter-increment: number 1;
  padding: 0 0 0 32px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-privacy__list__item {
      padding: 0 0 0 24px
  }
}

.p-privacy__list__item+.p-privacy__list__item {
  margin: 40px 0 0
}

.p-privacy__list__item .title {
  margin: 0 0 8px;
  position: relative
}

.p-privacy__list__item .title:before {
  content: counter(number) ".";
  position: absolute;
  top: 0;
  left: -32px
}

@media screen and (max-width: 768px) {
  .p-privacy__list__item .title:before {
      left: -24px
  }
}

.p-privacy__list__item .description {
  margin: 0 0 16px
}

.p-privacy__list__item .c-text__sub {
  margin: 16px 0 0
}

.p-privacy__list__item .c-text__note,
.p-privacy__list__item .p-warranty__notice__item__body__description,
.p-privacy__list__item .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-privacy__list__item li:before,
.p-privacy__list__item .p-agreeCheck__body p,
.p-agreeCheck__body .p-privacy__list__item p,
.p-privacy__list__item .p-onlineShopSidebar__main__head__kana,
.p-privacy__list__item .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-privacy__list__item span,
.p-privacy__list__item .p-ecHome__card .price span,
.p-ecHome__card .price .p-privacy__list__item span,
.p-privacy__list__item .p-onlineShop__recommend__head__kana,
.p-privacy__list__item .p-onlineShop__ranking__head__kana,
.p-privacy__list__item .p-columnDetail__navigation__prev:before,
.p-privacy__list__item .p-columnDetail__navigation__next:before {
  margin: 16px 0 0
}

.p-privacy__list__item--kakko+.p-privacy__list__item--kakko {
  margin: 12px 0 0
}

.p-privacy__list__item--kakko .title:before {
  content: "(" counter(number) ")"
}

.p-privacy__revise {
  text-align: right;
  margin: 40px 0 0
}

.p-contact {
  max-width: 560px;
  width: 100%;
  margin: 0 auto
}

.p-contact__head {
  margin-bottom: 40px
}

@media screen and (max-width: 480px) {
  .p-contact__head {
      margin-bottom: 32px
  }
}

.p-contact__head p {
  line-height: 1.9emcolor: #666 !important;
}

@media screen and (max-width: 480px) {
  .p-contact__head p {
      text-align: left
  }
}

@media screen and (max-width: 480px) {
  .p-contact__head p br {
      display: none
  }
}

.p-contact textarea {
  min-height: 160px
}

@media screen and (max-width: 560px) {
  .p-contact .p-listForm>li.p-listForm__item__full {
      width: 100%
  }
}

.p-contact .p-listForm .c-input input,
.p-contact .p-listForm .c-input--full input,
.p-contact .p-listForm .c-input--select input,
.p-contact .p-listForm .c-input--file input,
.p-contact .p-listForm .c-input--checkbox input,
.p-contact .p-listForm .c-input--radio input,
.p-contact .p-listForm .c-input--radio--beyond input,
.p-contact .p-listForm .c-input select,
.p-contact .p-listForm .c-input--full select,
.p-contact .p-listForm .c-input--select select,
.p-contact .p-listForm .c-input--file select,
.p-contact .p-listForm .c-input--checkbox select,
.p-contact .p-listForm .c-input--radio select,
.p-contact .p-listForm .c-input--radio--beyond select {
  font-size: 15px
}

.p-contact__bottom {
  margin: 24px 0 0
}

.p-contact__complete .c-image,
.p-contact__complete .c-image--standard,
.p-contact__complete .c-image--wide,
.p-contact__complete .c-image--notification {
  width: 144px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 auto 40px;
  transform: translateX(-8px)
}

@media screen and (max-width: 768px) {

  .p-contact__complete .c-image,
  .p-contact__complete .c-image--standard,
  .p-contact__complete .c-image--wide,
  .p-contact__complete .c-image--notification {
      width: 80px;
      margin: 0 auto 16px
  }
}

.p-contact__complete .title {
  margin: 0 0 32px
}

.p-contact__complete .description+.description {
  margin: 16px 0 0
}

.p-contact .p-telinfo {
  position: fixed;
  bottom: 55px;
  right: 0;
  width: 100%;
  z-index: 3;
  transform: translate(0, 100%);
  padding: 16px;
  background: #f3f0f0;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, .06);
  transition: ease .7s;
  max-width: 390px;
  border: solid 1px #e3d7d7
}

@media screen and (max-width: 768px) {
  .p-contact .p-telinfo {
      right: auto;
      left: 50%;
      transform: translate(-50%, 100%)
  }
}

.p-contact .p-telinfo.view {
  transform: translate(0, 0);
  bottom: 0
}

@media screen and (max-width: 768px) {
  .p-contact .p-telinfo.view {
      transform: translate(-50%, 0)
  }
}

.p-contact .p-telinfo.view .p-telinfo__head>.c-text__lv4 .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-pricePlan__section__head__title .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-warrantyId__head__plan .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-warrantyStep__complete__body__copy .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-warrantyStep__notice__head__title .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-warrantyStep__head__copy .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-warranty__plan__option__list__head__title .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-warranty__plan__list__head__title--small .close,
.p-contact .p-telinfo.view .p-warranty__about__list__head .p-telinfo__head>.number .close,
.p-warranty__about__list__head .p-contact .p-telinfo.view .p-telinfo__head>.number .close,
.p-contact .p-telinfo.view .p-warranty__about__list__head .p-telinfo__head>.title .close,
.p-warranty__about__list__head .p-contact .p-telinfo.view .p-telinfo__head>.title .close,
.p-contact .p-telinfo.view .p-telinfo__head>.p-warranty__section__head__copy .close {
  display: block
}

.p-contact .p-telinfo__head>.c-text__lv4,
.p-contact .p-telinfo__head>.p-pricePlan__section__head__title,
.p-contact .p-telinfo__head>.p-warrantyId__head__plan,
.p-contact .p-telinfo__head>.p-warrantyStep__complete__body__copy,
.p-contact .p-telinfo__head>.p-warrantyStep__notice__head__title,
.p-contact .p-telinfo__head>.p-warrantyStep__head__copy,
.p-contact .p-telinfo__head>.p-warranty__plan__option__list__head__title,
.p-contact .p-telinfo__head>.p-warranty__plan__list__head__title--small,
.p-contact .p-warranty__about__list__head .p-telinfo__head>.number,
.p-warranty__about__list__head .p-contact .p-telinfo__head>.number,
.p-contact .p-warranty__about__list__head .p-telinfo__head>.title,
.p-warranty__about__list__head .p-contact .p-telinfo__head>.title,
.p-contact .p-telinfo__head>.p-warranty__section__head__copy {
  cursor: pointer;
  position: relative;
  color: #444
}

.p-contact .p-telinfo__head>.c-text__lv4 .close,
.p-contact .p-telinfo__head>.p-pricePlan__section__head__title .close,
.p-contact .p-telinfo__head>.p-warrantyId__head__plan .close,
.p-contact .p-telinfo__head>.p-warrantyStep__complete__body__copy .close,
.p-contact .p-telinfo__head>.p-warrantyStep__notice__head__title .close,
.p-contact .p-telinfo__head>.p-warrantyStep__head__copy .close,
.p-contact .p-telinfo__head>.p-warranty__plan__option__list__head__title .close,
.p-contact .p-telinfo__head>.p-warranty__plan__list__head__title--small .close,
.p-contact .p-warranty__about__list__head .p-telinfo__head>.number .close,
.p-warranty__about__list__head .p-contact .p-telinfo__head>.number .close,
.p-contact .p-warranty__about__list__head .p-telinfo__head>.title .close,
.p-warranty__about__list__head .p-contact .p-telinfo__head>.title .close,
.p-contact .p-telinfo__head>.p-warranty__section__head__copy .close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -55%)
}

.p-contact .p-telinfo__box {
  background: #fff;
  border: solid 1px #e4dddd
}

.p-list--borderTop {
  border-top: 1px solid #e5e9ee;
  padding: 16px 0 0
}

.p-list__item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e5e9ee;
  padding: 0 0 4px
}

@media screen and (max-width: 480px) {
  .p-list__item {
      flex-wrap: wrap
  }
}

.p-list--nowrap .p-list__item {
  flex-wrap: nowrap
}

.p-list--nowrap .p-list__item .title {
  flex: 0 0 80px;
  font-size: 12px
}

.p-list--nowrap .p-list__item .c-text__lv6,
.p-list--nowrap .p-list__item .p-notification__link,
.p-list--nowrap .p-list__item .p-notification__description,
.p-list--nowrap .p-list__item .p-warrantyMypage__head__name,
.p-list--nowrap .p-list__item .p-warrantyId__head__description,
.p-list--nowrap .p-list__item .p-price__benefit__sub__foot__title {
  font-size: 13px
}

.p-list--nowrap .p-list__item+.p-list__item {
  margin: 4px 0 0
}

.p-list--nowrap .p-list__item .data {
  flex: auto;
  min-width: 1px
}

.p-list__item--noLine {
  border: none
}

.p-list__item--column {
  flex-direction: column
}

.p-list__item--column>.title {
  margin: 0 0 6px
}

.p-list__item--column>.data {
  width: 100%
}

.p-list__item+.p-list__item {
  margin: 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-list__item+.p-list__item {
      margin: 24px 0 0
  }
}

.p-list__item--thin {
  padding: 0
}

.p-list__item--thin+.p-list__item--thin {
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-list__item--thin+.p-list__item--thin {
      margin: 12px 0 0
  }
}

.p-list__item .title {
  flex: 0 0 160px
}

.p-list__item .title--140 {
  flex: 0 0 140px
}

.p-list__item .title--120 {
  flex: 0 0 120px
}

.p-list__item .title--110 {
  flex: 0 0 110px
}

.p-list__item .title--100 {
  flex: 0 0 100px
}

.p-list__item .title--90 {
  flex: 0 0 90px
}

.p-list__item .title--80 {
  flex: 0 0 80px
}

.p-list__item .title--auto {
  flex: auto;
  min-width: 1px
}

.p-list__item .title--label {
  min-height: 32px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-list__item .title {
      flex: 0 0 100%;
      margin: 0 0 4px
  }
}

.p-list__item .title--buttonWrap {
  display: flex;
  align-items: baseline;
  width: 100%
}

.p-list__item .title--buttonWrap .c-button,
.p-list__item .title--buttonWrap .c-button--accent,
.p-list__item .title--buttonWrap .c-button--action,
.p-list__item .title--buttonWrap .c-button--form,
.p-list__item .title--buttonWrap .c-button--inline,
.p-list__item .title--buttonWrap .c-button--inlineArrow,
.p-list__item .title--buttonWrap .c-button--weak,
.p-list__item .title--buttonWrap .c-button--line,
.p-list__item .title--buttonWrap .c-button--full,
.p-list__item .title--buttonWrap .c-button--small,
.p-list__item .title--buttonWrap .p-home__middleNav__button {
  margin-left: auto
}

.p-list__item .data {
  flex: auto;
  min-width: 0
}

.p-list__item .data a:not(.c-button):not(.c-button--accent):not(.c-button--action):not(.c-button--form):not(.c-button--inline):not(.c-button--inlineArrow):not(.c-button--weak):not(.c-button--line):not(.c-button--full):not(.c-button--small):not(.p-home__middleNav__button) {
  display: block;
  color: #df768c;
  font-size: 14px;
  line-height: 1.3em;
  word-break: break-all
}

.p-list__item .data .point {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #222;
  padding: 0 0 0 28px;
  position: relative
}

.p-list__item .data .point:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  background: url(../img/web/mypage/charge_coin.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, 0%)
}

.p-list__item .data .point small {
  font-weight: 400;
  color: #666;
  font-size: 12px
}

.p-list__machine__item {
  width: 100%;
  padding: 4px 0
}

.p-list__machine__item+.p-list__machine__item {
  border-top: solid 1px #eee;
  margin: 4px 0 0
}

.p-list__machine__head {
  display: flex;
  align-items: baseline;
  margin: 0 0 2px
}

.p-list__machine__title {
  font-size: 14px;
  font-weight: 600;
  color: #444;
  margin: 0 12px 0 0;
  line-height: 1em;
  border-left: solid 3px #444;
  padding: 0 0 0 8px;
  flex: 0 0 auto
}

.p-list__machine__price {
  font-size: 14px;
  font-weight: 500;
  color: #444
}

.p-list__machine__data__imageLink {
  border-radius: 4px;
  overflow: hidden;
  border: solid 1px #f1e1d4
}

.p-list__machine__data__imageLink:hover {
  opacity: .5
}

.p-list__machine__banner {
  margin: 12px 0 0
}

.p-list__machine__banner__image {
  display: block;
  border-radius: 4px;
  overflow: hidden
}

.p-list__machine__banner__image:hover {
  opacity: .5
}

.p-list__machine--subscription .p-user__text p.c-text__lv6,
.p-list__machine--subscription .p-user__text p.p-notification__link,
.p-list__machine--subscription .p-user__text p.p-notification__description,
.p-list__machine--subscription .p-user__text p.p-warrantyMypage__head__name,
.p-list__machine--subscription .p-user__text p.p-warrantyId__head__description,
.p-list__machine--subscription .p-user__text p.p-price__benefit__sub__foot__title {
  margin: 0 0 4px
}

.p-list__machine--subscription .p-user__text p[data-title] {
  width: 100%;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  color: #222;
  line-height: 1.2em;
  text-align: left;
  margin-bottom: 6px
}

.p-list__machine--subscription .p-user__text p[data-title]:before {
  content: attr(data-title);
  color: #888;
  flex: 0 0 auto;
  width: 95px;
  text-align: right;
  margin: 0 10px 0 0
}

.p-list--headLine>.p-list__item+.p-list__item {
  margin: 24px 0 0
}

.p-list--headLine>.p-list__item>.label {
  padding: 0 0 4px;
  border-bottom: solid 1px #eee;
  margin: 0 0 12px;
  width: 100%
}

.p-list--headLine>.p-list__item>.data .p-list__item {
  display: flex
}

.p-list--headLine>.p-list__item>.data .p-list__item .title {
  font-size: 13px;
  width: 100px;
  flex: 0 0 auto;
  color: #888;
  margin: 0
}

.p-list--headLine>.p-list__item>.data .p-list__item .data {
  font-size: 13px;
  font-weight: 500
}

.p-list--headLine>.p-list__item>.data .p-subscriptionForm__machine__body__text .name {
  line-height: 1.3em;
  margin: 0 0 6px
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage--user .p-list__machine__head {
      display: block
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage--user .p-list__machine__price {
      margin: 6px 0 10px
  }
}

.p-listForm {
  display: flex;
  flex-direction: column
}

.p-listForm>li+li {
  margin: 16px 0 0
}

.p-listForm>li.required .p-listForm__item__head__title {
  display: flex;
  align-items: center
}

.p-listForm>li.required .p-listForm__item__head__title:after {
  content: "必須";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 14px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #f75769;
  padding: 1px 0 0;
  margin: 0 0 0 6px
}

.p-listForm--split2 {
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px
}

.p-listForm--split2>li {
  width: 50%;
  padding: 8px
}

.p-listForm--split2>li+li {
  margin: 0
}

.p-listForm--split2>li.full {
  width: 100%
}

.p-listForm__label {
  font-size: 13px;
  display: flex;
  align-items: center;
  margin: 0 0 4px
}

.p-listForm__label--required:before {
  content: "必須";
  color: #fff;
  font-size: 10px;
  line-height: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 15px;
  width: 28px;
  margin: 0 .8em 0 0;
  background: #f75769
}

.p-listForm__label--required--en:before {
  content: "required";
  width: 56px
}

.p-listForm__data {
  font-size: 14px
}

.p-listForm__data__point {
  padding: 10px 12px 12px;
  background: #f3f5f8;
  margin: -8px 0 0
}

.p-listForm__data__point__title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin: 0 0 4px
}

.p-listForm__data__point__melit p {
  font-size: 13px;
  color: #62666a;
  display: flex
}

.p-listForm__data__point__melit p:before {
  content: "・";
  margin: 4px 6px 0 0;
  flex: 0 0 auto;
  line-height: 1
}

.p-listForm__data__point__melit p+p {
  margin: 2px 0 0
}

.p-listForm__success {
  color: #3577c4;
  font-size: 13px;
  background-color: #eff4fa;
  padding: 16px 24px;
  border-radius: 4px
}

@media screen and (max-width: 480px) {
  .p-listForm__success {
      padding: 12px 16px
  }
}

.p-listForm--loan {
  padding: 16px;
  background: #f4f6f9;
  margin: 8px 0;
  border: solid 1px #eff1f4
}

.p-listForm--loan>.p-listForm__item {
  display: flex
}

.p-listForm--loan>.p-listForm__item>.p-listForm__label {
  margin: 0;
  flex: 0 0 auto;
  width: 110px
}

.p-listForm--loan>.p-listForm__item>.p-listForm__data {
  flex: auto;
  min-width: 1px
}

.p-listForm--loan .p-payment {
  padding: 0 0 0 16px;
  background: none;
  border-left: solid 3px #d7e0e9
}

.p-listForm--loan .p-payment .p-listForm__label {
  font-size: 12px;
  margin: 0 0 2px
}

.p-buttonWrap {
  display: flex;
  margin: -2px
}

.p-buttonWrap--right {
  justify-content: flex-end
}

.p-buttonWrap--left {
  justify-content: flex-start
}

.p-buttonWrap--center {
  justify-content: center
}

.p-buttonWrap--column {
  flex-direction: column
}

.p-buttonWrap>.c-button,
.p-buttonWrap>.c-button--accent,
.p-buttonWrap>.c-button--action,
.p-buttonWrap>.c-button--form,
.p-buttonWrap>.c-button--inline,
.p-buttonWrap>.c-button--inlineArrow,
.p-buttonWrap>.c-button--weak,
.p-buttonWrap>.c-button--line,
.p-buttonWrap>.c-button--full,
.p-buttonWrap>.c-button--small,
.p-buttonWrap>.p-home__middleNav__button {
  margin: 2px
}

@media screen and (max-width: 480px) {
  .step {
      padding-bottom: 32px
  }
}

.p-instagram {
  padding: 24px 0;
  background: #dec1c6;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-instagram {
      padding: 16px 0
  }
}

.p-instagram .l-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.p-instagram__head {
  margin: 0 0 8px;
  width: 100%;
  max-width: 830px;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-instagram__head {
      max-width: 670px
  }
}

@media screen and (max-width: 768px) {
  .p-instagram__head {
      max-width: 430px
  }
}

@media screen and (max-width: 480px) {
  .p-instagram__head {
      max-width: 340px
  }
}

.p-instagram__head .p-heading__title,
.p-instagram__head .p-heading__title--vertical,
.p-instagram__head .p-heading__title--center {
  line-height: 1;
  color: #222;
  display: flex;
  align-items: baseline;
  justify-content: center
}

@media screen and (max-width: 480px) {

  .p-instagram__head .p-heading__title,
  .p-instagram__head .p-heading__title--vertical,
  .p-instagram__head .p-heading__title--center {
      font-size: 32px
  }
}

.p-instagram__head .p-heading__title:before,
.p-instagram__head .p-heading__title--vertical:before,
.p-instagram__head .p-heading__title--center:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/men/home/instagram.svg) no-repeat center;
  background-size: contain;
  margin: 0 12px 0 0
}

@media screen and (max-width: 480px) {

  .p-instagram__head .p-heading__title:before,
  .p-instagram__head .p-heading__title--vertical:before,
  .p-instagram__head .p-heading__title--center:before {
      width: 24px;
      height: 24px;
      margin: 0 8px 0 0
  }
}

.p-instagram__head .p-heading__title__japanese {
  transform: translate(0, -7px);
  color: #b5a6a9;
  display: none
}

@media screen and (max-width: 480px) {
  .p-instagram__head .p-heading__title__japanese {
      margin: 0 0 0 10px
  }
}

.p-instagram__body {
  padding: 8px 0 0
}

.p-instagram__body__title {
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 6px 6px;
  background: #c5888b;
  color: #fff
}

@media screen and (max-width: 480px) {
  .p-instagram__body__title {
      font-size: 22px;
      padding: 4px 6px 2px
  }
}

.p-instagram__body__link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.p-instagram__body__linkWrap {
  background: #fff;
  padding: 16px;
  position: relative;
  vertical-align: bottom
}

@media screen and (max-width: 480px) {
  .p-instagram__body__linkWrap {
      padding: 8px
  }
}

.p-instagram__body iframe {
  width: 800px;
  height: 800px
}

@media screen and (max-width: 1080px) {
  .p-instagram__body iframe {
      width: 640px;
      height: 640px
  }
}

@media screen and (max-width: 768px) {
  .p-instagram__body iframe {
      width: 400px;
      height: 400px
  }
}

@media screen and (max-width: 480px) {
  .p-instagram__body iframe {
      width: 320px;
      height: 320px
  }
}

.p-instagram__foot {
  width: 100%;
  max-width: 830px;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-instagram__foot {
      max-width: 670px
  }
}

@media screen and (max-width: 768px) {
  .p-instagram__foot {
      max-width: 430px
  }
}

@media screen and (max-width: 480px) {
  .p-instagram__foot {
      max-width: 340px
  }
}

@media screen and (max-width: 480px) {
  .p-instagram__foot .p-home__action--right {
      margin: 10px 0 0
  }
}

.p-instagram__foot .p-home__action--right .c-button--line {
  line-height: 1
}

.p-cleanProgram {
  margin: 40px 0 0
}

.p-cleanProgram__head {
  margin: 0 0 64px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-cleanProgram__head {
      margin: 0 0 24px
  }
}

.p-cleanProgram__head__description {
  line-height: 1.8em;
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-cleanProgram__head__description {
      text-align: left
  }
}

@media screen and (max-width: 480px) {
  .p-cleanProgram__head__description br {
      display: none
  }
}

.p-cleanProgram__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-cleanProgram__list {
      margin: 0 -12px
  }
}

.p-cleanProgram__list>li {
  padding: 16px 0;
  border-left: 1px solid #e5e9ee;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-cleanProgram__list>li {
      width: 50%
  }
}

@media screen and (max-width: 480px) {
  .p-cleanProgram__list>li {
      padding: 24px 0
  }
}

.p-cleanProgram__list>li:nth-of-type(n + 5) {
  border-top: 1px solid #e5e9ee
}

.p-cleanProgram__list>li:nth-of-type(4n + 1) {
  border-left: none
}

@media screen and (max-width: 768px) {
  .p-cleanProgram__list>li:nth-of-type(odd) {
      border-left: none !important
  }
}

@media screen and (max-width: 768px) {
  .p-cleanProgram__list>li:nth-of-type(n + 3) {
      border-top: 1px solid #e5e9ee
  }
}

.p-cleanProgram__list__image .c-image,
.p-cleanProgram__list__image .c-image--standard,
.p-cleanProgram__list__image .c-image--wide,
.p-cleanProgram__list__image .c-image--notification {
  width: 80px
}

@media screen and (max-width: 480px) {

  .p-cleanProgram__list__image .c-image,
  .p-cleanProgram__list__image .c-image--standard,
  .p-cleanProgram__list__image .c-image--wide,
  .p-cleanProgram__list__image .c-image--notification {
      width: 64px
  }
}

.p-cleanProgram__list__text {
  margin: 8px 0 0
}

.p-cleanProgram__list__text__label {
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-cleanProgram__list__text__label {
      font-size: 13px
  }
}

.p-formError {
  margin: 4px 0 16px;
  width: 100%;
  padding: 8px 16px;
  background: rgba(247, 87, 105, .15);
  border-radius: 2px
}

.p-formError .message {
  color: #f75769;
  padding: 0 0 0 8px;
  width: 100%;
  position: relative
}

.p-formError .message:before {
  content: "";
  display: block;
  background: #f75769;
  width: 4px;
  height: 4px;
  border-radius: 100px;
  position: absolute;
  top: .68em;
  left: 0;
  transform: translateY(-50%)
}

.p-formSuccess {
  margin: 4px 0 16px;
  width: 100%;
  padding: 8px 16px;
  background: #00cf08;
  border-radius: 2px
}

.p-formSuccess .message {
  color: #fff;
  padding: 0 0 0 16px;
  width: 100%;
  position: relative
}

.p-formSuccess .message:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/beyondshoes/coupon.svg);
  background-size: 20px 20px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: -2px;
  left: -10px
}

.p-pagination {
  width: 100%;
  display: flex;
  justify-content: center
}

.p-pagination__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.p-pagination__list>li {
  padding: 2px
}

.p-pagination__list__button {
  color: #704b52;
  border: 1px solid #704b52;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  cursor: pointer
}

.p-pagination__list__button:hover {
  color: #fff;
  background-color: #704b52;
  border-color: #704b52
}

.p-pagination__list__button--prev,
.p-pagination__list__button--next {
  background-image: url(../img/web/object/project/p-pagination/prev.svg);
  background-size: 16px 16px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

.p-pagination__list__button--prev:hover,
.p-pagination__list__button--next:hover {
  background-image: url(../img/web/object/project/p-pagination/pref--white.svg?20210705);
  background-color: #704b52
}

.p-pagination__list__button--next {
  background-image: url(../img/web/object/project/p-pagination/next.svg)
}

.p-pagination__list__button--next:hover {
  background-image: url(../img/web/object/project/p-pagination/next--white.svg?20210705);
  background-color: #704b52
}

.p-pagination__list__button--current {
  color: #fff;
  background-color: #dec1c6;
  border-color: #dec1c6;
  pointer-events: none
}

.p-pagination__list__button--disabled {
  opacity: .3;
  pointer-events: none
}

.p-table {
  width: 100%
}

.p-table__head {
  border-bottom: 1px solid #999
}

.p-table__tableHead--amount {
  width: 80px
}

.p-table__tableHead--price {
  width: 110px
}

.p-table__tableHead .p-table__item {
  font-size: 13px;
  font-weight: 500;
  padding-top: 4px;
  padding-bottom: 4px
}

.p-table__tbody tr {
  border-bottom: 1px solid #e5e9ee
}

.p-table__item {
  font-size: 15px;
  padding: 12px 12px
}

.p-table__item .point {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #222;
  padding: 0 0 0 24px;
  position: relative
}

.p-table__item .point:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/web/mypage/charge_coin.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0
}

.p-table__item .point--use {
  color: #fa1e1e
}

.p-table__item .point small {
  display: block;
  color: #888;
  font-size: 12px;
  font-weight: 400;
  margin: 2px 0 0;
  line-height: 1
}

.p-table--fit .p-table__head {
  padding: 4px 0;
  height: 30px;
  background: #f1f4f7;
  border: none
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__head {
      display: none
  }
}

.p-table--fit .p-table__head .p-table__tableItem {
  color: #a7b7cb;
  font-weight: 500
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__body {
      display: flex;
      flex-wrap: wrap;
      margin: -2px
  }
}

.p-table--fit .p-table__body .p-table__tableItem {
  padding: 6px
}

.p-table--fit .p-table__row {
  border-bottom: solid 1px #eee
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__row {
      display: flex;
      flex-direction: column;
      flex: auto;
      min-width: 1px;
      margin: 2px;
      border: solid 1px #d6dce7;
      padding: 2px 12px 8px;
      width: 100%;
      position: relative;
      background: #f9fbfd
  }
}

.p-table--fit .p-table__tableItem {
  font-size: 13px;
  padding: 2px 6px
}

@media screen and (max-width: 768px) {
  .p-table--fit .p-table__tableItem {
      padding: 2px
  }
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__tableItem {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      color: #222;
      position: relative;
      padding: 0 0 0 70px
  }

  .p-table--fit .p-table__tableItem[data-title]:before {
      content: attr(data-title) " :";
      flex: 0 0 auto;
      width: 60px;
      font-size: 12px;
      text-align: right;
      color: #666;
      font-weight: 400;
      position: absolute;
      left: 0;
      top: 0
  }
}

.p-table--fit .p-table__tableItem+.p-table__tableItem {
  margin: 2px 0 0
}

@media screen and (max-width: 768px) {
  .p-table--fit .p-table__tableItem .c-button--small {
      padding: 0 8px
  }
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__tableItem .c-button--small {
      position: absolute;
      right: 12px;
      bottom: 10px;
      z-index: 1
  }
}

.p-table--fit .p-table__tableItem--date {
  width: 110px
}

.p-table--fit .p-table__tableItem--price {
  width: 120px
}

.p-table--fit .p-table__tableItem--notPayment {
  width: 150px
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__tableItem--title {
      font-size: 14px;
      font-weight: 600;
      border-bottom: solid 1px #ddd;
      padding: 6px 0 6px 70px;
      letter-spacing: .04em;
      margin: 0 0 4px
  }
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__tableItem--title[data-title]:before {
      top: 5px
  }
}

@media screen and (max-width: 560px) {
  .p-table--fit .p-table__tableItem--title:empty {
      border: none;
      margin: -8px 0 0
  }
}

.p-table--fit .p-table__tableItem--button {
  position: initial
}

.p-table--paymentHistory {
  margin: 6px 0 12px;
  min-width: 510px
}

.p-table--paymentHistory .p-table__head {
  border-color: #dadce2;
  background: #f2f3f6
}

.p-table--paymentHistory .p-table__head .p-table__tableItem {
  font-size: 12px;
  padding: 6px
}

.p-table--paymentHistory .p-table__tbody .p-table__tableItem {
  font-size: 13px;
  padding: 4px 6px
}

.p-table__scroll {
  width: 100%;
  overflow: auto
}

.p-text {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 -4px
}

.p-text>* {
  display: block;
  margin: 0 4px
}

.p-text--narrow {
  margin: 0 -2px
}

.p-text--narrow>* {
  margin: 0 2px
}

.p-text--wide {
  margin: 0 -8px
}

.p-text--wide>* {
  margin: 0 8px
}

.p-text--right {
  justify-content: flex-end
}

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

.p-user {
  display: flex;
  align-items: center;
  width: 100%
}

.p-user__image {
  flex: 0 0 64px;
  margin: 0 8px 0 0
}

.p-user__image--min {
  flex: 0 0 24px
}

.p-user__image--small {
  flex: 0 0 40px
}

.p-user__text {
  flex: auto;
  min-width: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start
}

.p-bread {
  margin: 16px 0 0;

}

@media screen and (max-width: 480px) {
  .p-bread {
      margin: 12px 0 0
  }
}

.p-bread__list {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0
}

.p-bread__list>li {
  display: flex;
  position: relative
}

.p-bread__list>li+li {
  padding: 0 0 0 16px;
  margin: 0 0 0 4px
}

.p-bread__list>li+li:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(../img/web/object/project/p-bread/arrow.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.p-bread__list a,
.p-bread__list p {
  color: #999;
  font-size: 12px;
  display: flex;
  line-height: 1em
}

@media screen and (max-width: 480px) {

  .p-bread__list a,
  .p-bread__list p {
      font-size: 11px
  }
}

.p-bread__list a:hover {
  color: #176e39;
  text-decoration: underline
}

.p-bread--footer {
  margin: 0 auto;
  /* border-top: solid 1px #e5e9ee; */
  color: #333;
  max-width: 1200px;
  padding-top: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-bread--footer {
      padding-top: 20px;
  }
}
.p-bread--footer .l-container {
  max-width: 950px;
  padding: 2px 16px 0 !important;
}

@media screen and (max-width: 950px) {
  .p-bread--footer .l-container {
      max-width: none
  }
}

.p-bread--footer .p-bread__list {
  justify-content: flex-start;
  align-items: center
}

.p-bread--footer .p-bread__list>li {
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-bread--footer .p-bread__list>li {
      /* max-width: 33.33%; */
      flex: 0 0 auto;
      padding: 2px 0
  }
}

@media screen and (max-width: 560px) {
  .p-bread--footer .p-bread__list>li+li {
      padding-left: 16px
  }
}

.p-bread--footer .p-bread__list>li+li:before {
  opacity: .7
}

.p-bread--footer .p-bread__list__item {
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #333;
}

@media screen and (max-width: 560px) {
  .p-bread--footer .p-bread__list__item {
      word-break: break-all;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
  }
}

.p-bread--footer .p-bread__list__item--home img {
  width: auto;
  height: 14px;
  opacity: .7;
  transition: all .2s ease;
  transform: translateY(-1px)
}

.p-bread--footer .p-bread__list__item--home:hover img {
  opacity: 1
}

.p-bread--footer--onlineshop .l-container {
  max-width: 1160px
}

.p-payment {
  padding: 24px;
  background: #f6f7f6
}

.p-payment--alert {
  padding: 0;
  background: none
}

.p-payment--alert .p-listForm>li p {
  color: #cca5ac
}

.p-alert {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  top: 72px;
  right: 8px;
  z-index: 10;
  max-width: 400px;
  width: 100%
}

@media screen and (max-width: 560px) {
  .p-alert {
      top: 56px
  }
}

@media screen and (max-width: 480px) {
  .p-alert {
      max-width: 95vw
  }
}

.p-alert__list__contents {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  flex: none;
  background: #f75769;
  padding: 8px 32px 8px 16px;
  border-radius: 2px;
  box-shadow: 0px 4px 8px -4px rgba(247, 87, 105, .5);
  cursor: pointer;
  position: relative;
  animation: alert__show 8s ease forwards
}

.p-alert__list__contents--beyond {
  background: #176e3a;
  box-shadow: 0px 4px 8px -4px rgba(87, 247, 87, .5)
}

.p-alert__list__contents.is-active__remove {
  animation: alert__remove .5s ease forwards;
  pointer-events: none
}

.p-alert__list__contents:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/web/icon/close--white.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 1.3em;
  right: 4px;
  transform: translateY(-50%);
  opacity: .5;
  transition: all .1s ease
}

.p-alert__list__contents:hover:before {
  opacity: 1
}

@keyframes alert__show {
  0% {
      opacity: 0;
      transform: translateX(100%)
  }

  10% {
      opacity: 1;
      transform: translateX(0)
  }

  89% {
      opacity: 1;
      transform: translateX(0);
      pointer-events: all
  }

  100% {
      transform: translateX(-50%);
      opacity: 0;
      pointer-events: none
  }
}

@keyframes alert__remove {
  0% {
      transform: translateX(0%);
      opacity: 1
  }

  100% {
      transform: translateX(-50%);
      opacity: 0;
      pointer-events: none
  }
}

.p-alert--bottom {
  top: auto;
  bottom: 16px
}

.p-alert--long .p-alert__list__contents {
  animation: alert__show 15s ease forwards
}

.p-alert--long .p-alert__list__contents.is-active__remove {
  animation: alert__remove .5s ease forwards;
  pointer-events: none
}

.page__virtual>.l-header {
  height: auto
}

.page__virtual>.l-header .p-header {
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
  height: auto;
  border-bottom: none
}

@media screen and (max-width: 560px) {
  .page__virtual>.l-header .p-header {
      padding: 0 0 0 16px;
      height: auto
  }
}

@media screen and (max-width: 480px) {
  .page__virtual>.l-header .p-header {
      padding: 0 0 0 10px
  }
}

.page__virtual>.l-header .p-header.is-active__show__background {
  background: none;
  box-shadow: none
}

@media screen and (max-width: 560px) {
  .page__virtual>.l-header .p-header.is-active__show__background {
      background: rgba(255, 255, 255, .8)
  }
}

.page__virtual>.l-header .p-header__user {
  padding: 0 0 0 40px;
  position: relative
}

@media screen and (max-width: 768px) {
  .page__virtual>.l-header .p-header__user {
      padding: 0 0 0 30px
  }
}

@media screen and (max-width: 560px) {
  .page__virtual>.l-header .p-header__user {
      padding: 0 0 0 26px
  }
}

.page__virtual>.l-header .p-header__user:before {
  content: "×";
  position: absolute;
  font-size: 40px;
  color: #222;
  font-weight: 400;
  left: 10px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%)
}

@media screen and (max-width: 768px) {
  .page__virtual>.l-header .p-header__user:before {
      left: 7px;
      font-size: 30px
  }
}

@media screen and (max-width: 560px) {
  .page__virtual>.l-header .p-header__user:before {
      left: 7px;
      font-size: 26px
  }
}

.page__virtual>.l-header .p-header__user p {
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
  word-break: keep-all
}

@media screen and (max-width: 768px) {
  .page__virtual>.l-header .p-header__user p {
      font-size: 18px
  }
}

@media screen and (max-width: 560px) {
  .page__virtual>.l-header .p-header__user p {
      font-size: 16px
  }
}

@media screen and (max-width: 480px) {
  .page__virtual>.l-header .p-header__user p {
      font-size: 16px
  }
}

.page__virtual>.l-header .p-header .p-buttonWrap {
  margin: 0 0 auto auto
}

.page__virtual>.l-header .p-header .p-buttonWrap .c-button,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--accent,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--action,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--form,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--inline,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--inlineArrow,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--weak,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--line,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--full,
.page__virtual>.l-header .p-header .p-buttonWrap .c-button--small,
.page__virtual>.l-header .p-header .p-buttonWrap .p-home__middleNav__button {
  background: #e16b83;
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0
}

@media screen and (max-width: 480px) {

  .page__virtual>.l-header .p-header .p-buttonWrap .c-button,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--accent,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--action,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--form,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--inline,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--inlineArrow,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--weak,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--line,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--full,
  .page__virtual>.l-header .p-header .p-buttonWrap .c-button--small,
  .page__virtual>.l-header .p-header .p-buttonWrap .p-home__middleNav__button {
      width: 140px;
      height: 46px
  }
}

.page__virtual>.l-header .p-header__staff {
  display: flex;
  align-items: center;
  margin: 0 20px 0 auto;
  padding: 4px 0 0;
  padding: 6px 0 0;
  transition: all .2s ease
}

@media screen and (max-width: 560px) {
  .page__virtual>.l-header .p-header__staff {
      margin: 0 10px 0 auto
  }
}

@media screen and (max-width: 480px) {
  .page__virtual>.l-header .p-header__staff {
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translate(0, -50%);
      margin: 0
  }
}

.page__virtual>.l-header .p-header__staff .c-image,
.page__virtual>.l-header .p-header__staff .c-image--standard,
.page__virtual>.l-header .p-header__staff .c-image--wide,
.page__virtual>.l-header .p-header__staff .c-image--notification {
  flex: 0 0 auto;
  width: 24px;
  border-radius: 50%;
  background: url(../img/web/staff/p-header__staff__image.svg);
  margin: 0 8px 0 0
}

.page__virtual>.l-header .p-header__staff__name {
  font-size: 13px;
  color: #444;
  line-height: 1.3em;
  font-weight: 500
}

.page__virtual>.l-header .p-header__staff+.p-buttonWrap {
  margin: 0 0 auto 0
}

@media screen and (max-width: 480px) {
  .page__virtual>.l-header .p-header__staff+.p-buttonWrap {
      opacity: 0;
      pointer-events: none;
      margin: 0 0 auto auto
  }
}

.page__virtual>.l-header .p-header__staff.hide {
  opacity: 0;
  pointer-events: none
}

@media screen and (max-width: 480px) {
  .page__virtual>.l-header .p-header__staff.hide+.p-buttonWrap {
      opacity: 1;
      pointer-events: all
  }
}

.p-virtual .l-container {
  max-width: 1000px;
  padding: 0 20px
}

.p-virtual__mainVisual {
  background: #222
}

.p-virtual__mainVisual .l-container {
  max-width: 1080px;
  padding: 0;
  height: 600px;
  display: flex;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-virtual__mainVisual .l-container {
      height: 480px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual .l-container {
      height: 360px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual .l-container {
      height: 108vw
  }
}

.p-virtual__mainVisual__image {
  width: 800px;
  margin: 0 0 0 auto
}

@media screen and (max-width: 1080px) {
  .p-virtual__mainVisual__image {
      width: 640px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual__image {
      width: 480px
  }
}

.p-virtual__mainVisual__text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 80px 40px
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual__text {
      padding: 0 0 40px 24px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__mainVisual__text {
      padding: 0 0 24px 16px
  }
}

.p-virtual__mainVisual__copy {
  color: #fff;
  font-size: 120px;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 1080px) {
  .p-virtual__mainVisual__copy {
      font-size: 72px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual__copy {
      font-size: 56px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__mainVisual__copy {
      font-size: 40px
  }
}

.p-virtual__mainVisual__description {
  color: #fff;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, .5)
}

@media screen and (max-width: 1080px) {
  .p-virtual__mainVisual__description {
      font-size: 20px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__mainVisual__description {
      font-size: 16px
  }
}

.p-virtual__mainVisual--sell {
  background: #fff;
  min-height: 540px;
  display: flex;
  align-items: center;
  background-size: auto 100% !important
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual--sell {
      min-height: 380px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__mainVisual--sell {
      min-height: 290px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--sell {
      min-height: 380px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--sell .l-container {
      margin: auto 0 0;
      padding: 0
  }
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual {
  padding-left: 400px;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual__image {
  width: 500px;
  display: none
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual__text {
  position: relative;
  bottom: auto;
  left: auto;
  padding: 0;
  padding-left: 280px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text {
      padding-left: 170px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text {
      padding-left: 0px;
      background: rgba(255, 255, 255, .8);
      padding: 10px 10px 6px;
      margin: 0
  }
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual__text p {
  color: #222;
  text-shadow: 0px 4px 8px rgba(255, 255, 255, .2);
  margin: 20px 0 0
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text p {
      margin: 10px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text p {
      margin: 3px 0 0
  }
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title {
      flex-wrap: wrap
  }
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title img {
  flex: 0 0 auto;
  width: 240px
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title img {
      width: 160px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title img {
      width: 130px
  }
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title p {
  font-size: 24px;
  font-weight: 900;
  margin: 0 10px;
  flex: 0 0 auto
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title p {
      margin: 0 0 0 10px;
      font-size: 20px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title p {
      margin: 0 0 0 6px;
      font-size: 16px
  }
}

.p-virtual__mainVisual--sell .p-virtual__mainVisual__copy {
  color: #222;
  text-shadow: 0px 4px 8px rgba(255, 255, 255, .2);
  line-height: 1em;
  font-size: 58px;
  flex: 0 0 auto
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__copy {
      width: 100%;
      margin: 8px 0 0;
      flex: auto;
      min-width: 1px;
      font-size: 54px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--sell .p-virtual__mainVisual__copy {
      margin: 4px 0 0;
      font-size: 42px
  }
}

.p-virtual__mainVisual--staff {
  align-items: inherit;
  background: #1e5799;
  background: -moz-linear-gradient(left, #E9E9E9 50%, #CECECE 51%);
  background: -webkit-linear-gradient(left, #E9E9E9 50%, #CECECE 51%);
  background: linear-gradient(to right, #E9E9E9 50%, #CECECE 51%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E9E9E9", endColorstr="#CECECE", GradientType=0)
}

@media screen and (max-width: 560px) {
  .p-virtual__mainVisual--staff {
      min-height: 360px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--staff {
      min-height: 450px
  }
}

.p-virtual__mainVisual--staff .p-virtual__mainVisual__background {
  width: 100%;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  display: flex;
  align-items: center
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__background {
      padding: 30px 0 0
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__background {
      background-position: top right -140px !important
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__background .l-container {
      margin: 0 auto;
      padding: 0 20px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__background .l-container {
      margin: auto 0 0;
      padding: 0;
      background: rgba(255, 255, 255, .4)
  }
}

.p-virtual__mainVisual--staff .p-virtual__mainVisual__text {
  display: flex;
  align-items: flex-start;
  max-width: 670px;
  width: 100%;
  padding: 0;
  transform: translate(-40px, 0)
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text {
      max-width: 500px;
      transform: translate(0, 0)
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text {
      background: none;
      position: relative;
      max-width: 370px;
      padding: 0 0 72px !important
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text {
      padding: 16px 8px 88px !important;
      max-width: 360px;
      margin: auto
  }
}

.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__image {
  flex: 0 0 auto;
  width: 340px;
  margin: -16px -56px 0 0
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__image {
      width: 220px;
      margin: -6px -26px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__image {
      width: 140px;
      margin: -10px -16px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__image {
      width: 130px
  }
}

.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy {
  flex: auto;
  min-width: 1px
}

.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap {
  text-align: center;
  margin: 32px 0 0
}

@media screen and (max-width: 1000px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap {
      margin: 24px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap {
      position: absolute;
      bottom: 0;
      margin: 0;
      left: 0;
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap {
      bottom: 16px
  }
}

.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--accent,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--action,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--form,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--inline,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--inlineArrow,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--weak,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--line,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--full,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--small,
.p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .p-home__middleNav__button {
  width: 340px;
  height: 72px;
  background: #eb7a93;
  background: -moz-linear-gradient(top, #EB7A93 0%, #E16983 100%);
  background: -webkit-linear-gradient(top, #EB7A93 0%, #E16983 100%);
  background: linear-gradient(to bottom, #EB7A93 0%, #E16983 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EB7A93", endColorstr="#E16983", GradientType=0);
  font-size: 20px;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  color: #fff;
  box-shadow: 0 6px 8px rgba(128, 38, 58, .14)
}

@media screen and (max-width: 1000px) {

  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--accent,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--action,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--form,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--inline,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--inlineArrow,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--weak,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--line,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--full,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--small,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .p-home__middleNav__button {
      width: 230px;
      height: 56px;
      font-size: 18px
  }
}

@media screen and (max-width: 768px) {

  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--accent,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--action,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--form,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--inline,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--inlineArrow,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--weak,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--line,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--full,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .c-button--small,
  .p-virtual__mainVisual--staff .p-virtual__mainVisual__text__copy__buttonWrap .p-home__middleNav__button {
      width: 100%;
      max-width: 260px
  }
}

.p-virtual__section {
  padding: 80px 0;
  overflow: hidden
}

@media screen and (max-width: 768px) {
  .p-virtual__section {
      padding: 64px 0
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__section {
      padding: 48px 0
  }
}

.p-virtual__section__head {
  margin: 0 0 64px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-virtual__section__head {
      margin: 0 0 48px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__section__head {
      margin: 0 0 32px
  }
}

.p-virtual__section__head__title {
  font-size: 48px;
  position: relative;
  z-index: 0
}

@media screen and (max-width: 768px) {
  .p-virtual__section__head__title {
      font-size: 40px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__section__head__title {
      font-size: 32px
  }
}

.p-virtual__section__head__title:before {
  content: attr(data-background) "";
  color: #f6f7fa;
  font-size: 120px;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateY(-30%)
}

@media screen and (max-width: 1080px) {
  .p-virtual__section__head__title:before {
      font-size: 80px
  }
}

.p-virtual__service .p-virtual__section__head__title:before,
.p-virtual__plan .p-virtual__section__head__title:before {
  color: #fff
}

.p-virtual__section__head__kana {
  color: #777;
  font-weight: 500;
  margin: 8px 0 0
}

@media screen and (max-width: 768px) {
  .p-virtual__section__head__kana {
      margin: 0
  }
}

.p-virtual__section__head__description {
  font-size: 28px;
  text-align: center;
  margin: 48px 0 0
}

@media screen and (max-width: 768px) {
  .p-virtual__section__head__description {
      font-size: 20px;
      margin: 32px 0 0
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__section__head__description {
      font-size: 16px;
      margin: 24px 0 0
  }
}

.p-virtual__about {
  background: #f6f7fa;
  padding: 80px 0 10px
}

@media screen and (max-width: 768px) {
  .p-virtual__about {
      padding: 60px 0 40px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__about {
      padding: 40px 0
  }
}

.p-virtual__about .p-virtual__section__head {
  position: relative;
  z-index: 0;
  margin: 0 0 30px
}

@media screen and (max-width: 768px) {
  .p-virtual__about .p-virtual__section__head {
      margin: 0 0 10px
  }
}

.p-virtual__about .p-virtual__section__head__title {
  z-index: -1
}

.p-virtual__about .p-virtual__section__head__title:before {
  color: #fff;
  z-index: -1
}

.p-virtual__about .p-virtual__section__body {
  display: flex;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 1080px) {
  .p-virtual__about .p-virtual__section__body {
      justify-content: center
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__about .p-virtual__section__body {
      max-width: 520px;
      margin: auto
  }
}

.p-virtual__about__image {
  flex: 0 0 auto;
  width: 300px;
  margin: -30px 40px 0 0
}

@media screen and (max-width: 1080px) {
  .p-virtual__about__image {
      width: 260px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__about__image {
      width: 160px;
      margin: -30px 20px 0 0;
      position: absolute;
      right: -30px;
      bottom: 0;
      width: 160px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__about__image {
      margin: -30px 0 0 0;
      right: -10px;
      width: 140px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__about__image {
      right: -30px;
      width: 130px;
      bottom: -80px
  }
}

.p-virtual__about__text {
  flex: auto;
  min-width: 1px
}

@media screen and (max-width: 1080px) {
  .p-virtual__about__text {
      flex: 0 0 auto
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__about__text {
      flex: auto;
      min-width: 1px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__about__text {
      position: relative
  }
}

.p-virtual__about__text .title {
  font-size: 28px;
  font-weight: 800;
  color: #222
}

@media screen and (max-width: 480px) {
  .p-virtual__about__text .title {
      font-size: 20px;
      text-align: center
  }
}

.p-virtual__about__text .description {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8em;
  color: #222;
  margin: 25px 0 0
}

@media screen and (max-width: 480px) {
  .p-virtual__about__text .description {
      font-size: 14px;
      text-align: center
  }
}

.p-virtual__about__text .image {
  margin: 48px -5px 0
}

@media screen and (max-width: 1080px) {
  .p-virtual__about__text .image {
      max-width: 420px;
      width: 100%
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__about__text .image {
      max-width: 370px;
      margin: 30px -5px 0
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__about__text .image {
      margin: 60px -5px 0
  }
}

.p-virtual__service {
  background: #f6f7fa
}

.p-virtual__service__list {
  display: flex;
  flex-wrap: wrap;
  margin: -4px -12px
}

.p-virtual__service__list__item {
  padding: 4px 12px;
  width: 33.3333%
}

@media screen and (max-width: 1080px) {
  .p-virtual__service__list__item {
      padding: 4px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__service__list__item {
      width: 100%
  }
}

.p-virtual__service__list__contents {
  padding: 24px 12px;
  background: #fff;
  box-shadow: 0px 8px 16px rgba(41, 46, 67, .1607843137);
  position: relative
}

@media screen and (max-width: 768px) {
  .p-virtual__service__list__contents {
      padding: 16px 8px
  }
}

.p-virtual__service__list__number {
  color: #e5e7ed;
  font-size: 64px;
  line-height: 1em;
  position: absolute;
  top: 8px;
  left: 8px
}

@media screen and (max-width: 1080px) {
  .p-virtual__service__list__number {
      font-size: 48px
  }
}

.p-virtual__service__list__image {
  display: flex;
  justify-content: center
}

.p-virtual__service__list__image .c-image,
.p-virtual__service__list__image .c-image--standard,
.p-virtual__service__list__image .c-image--wide,
.p-virtual__service__list__image .c-image--notification {
  width: 120px
}

@media screen and (max-width: 1080px) {

  .p-virtual__service__list__image .c-image,
  .p-virtual__service__list__image .c-image--standard,
  .p-virtual__service__list__image .c-image--wide,
  .p-virtual__service__list__image .c-image--notification {
      width: 100px
  }
}

@media screen and (max-width: 560px) {

  .p-virtual__service__list__image .c-image,
  .p-virtual__service__list__image .c-image--standard,
  .p-virtual__service__list__image .c-image--wide,
  .p-virtual__service__list__image .c-image--notification {
      width: 80px
  }
}

.p-virtual__service__list__title {
  text-align: center;
  font-size: 28px;
  line-height: 1.3em;
  margin: 12px 0 0
}

@media screen and (max-width: 1080px) {
  .p-virtual__service__list__title {
      font-size: 24px
  }
}

.p-virtual__service__list__description {
  text-align: center;
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.7em
}

.p-virtual__machine__list {
  display: flex;
  flex-wrap: wrap;
  margin: -16px -12px
}

.p-virtual__machine__list__item {
  padding: 16px 12px;
  width: 50%
}

@media screen and (max-width: 768px) {
  .p-virtual__machine__list__item {
      width: 100%
  }
}

.p-virtual__machine__list__contents {
  display: flex;
  flex-direction: column
}

.p-virtual__machine__list__head {
  color: #fff;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 24px
}

.p-virtual__machine__list__head--light {
  background: #a9c3ce
}

.p-virtual__machine__list__head--silver {
  background: #a9aebc
}

.p-virtual__machine__list__head--pearl {
  background: #e0c7c5
}

.p-virtual__machine__list__head--star {
  background: #ccbca2
}

.p-virtual__machine__list__head__title {
  font-size: 24px
}

@media screen and (max-width: 768px) {
  .p-virtual__machine__list__head__title {
      font-size: 20px
  }
}

.p-virtual__machine__list__head__title span {
  font-size: 16px;
  margin: 0 0 0 12px;
  font-weight: 600
}

@media screen and (max-width: 768px) {
  .p-virtual__machine__list__head__title span {
      font-size: 14px
  }
}

.p-virtual__machine__list__body {
  display: flex
}

@media screen and (max-width: 768px) {
  .p-virtual__machine__list__body {
      max-width: 480px;
      width: 100%;
      margin: 0 auto
  }
}

.p-virtual__machine__list__body__text {
  flex: auto;
  min-width: 0
}

.p-virtual__machine__list__body__copy {
  font-size: 24px;
  letter-spacing: .04em
}

.p-virtual__machine__list__body__copy strong {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 500;
  display: block;
  margin: 0 0 12px
}

@media screen and (max-width: 768px) {
  .p-virtual__machine__list__body__copy strong {
      font-size: 15px
  }
}

.p-virtual__machine__list__body__copy span {
  display: inline-block
}

.p-virtual__machine__list__body__name {
  line-height: 1.3em;
  margin: 16px 0 0
}

.p-virtual__machine__list__body__name span {
  display: block
}

.p-virtual__machine__list__body__image {
  width: 160px;
  margin: 0 0 0 16px
}

.p-virtual__machine--sell__list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
  counter-reset: number 0
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list {
      margin: -10px
  }
}

.p-virtual__machine--sell__list>li {
  width: 50%;
  padding: 20px
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list>li {
      padding: 10px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list>li {
      width: 100%;
      max-width: 480px;
      margin: auto
  }
}

.p-virtual__machine--sell__list__head {
  padding: 10px 0 10px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: solid 2px #e5e7ed;
  border-bottom: solid 2px #e5e7ed;
  position: relative;
  min-height: 78px
}

@media screen and (max-width: 1080px) {
  .p-virtual__machine--sell__list__head {
      padding: 10px 0 10px 70px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__head {
      padding: 10px 0 10px 45px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__head {
      padding: 10px 0 10px 60px
  }
}

.p-virtual__machine--sell__list__head:before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero) ".";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #96a2c3
}

@media screen and (max-width: 1080px) {
  .p-virtual__machine--sell__list__head:before {
      font-size: 34px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__head:before {
      font-size: 22px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__head:before {
      font-size: 30px
  }
}

.p-virtual__machine--sell__list__head p {
  font-size: 18px;
  font-weight: bold;
  color: #444
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__head p {
      font-size: 16px
  }
}

.p-virtual__machine--sell__list__head p.title {
  font-size: 24px;
  line-height: 1.3em
}

@media screen and (max-width: 1080px) {
  .p-virtual__machine--sell__list__head p.title {
      font-size: 20px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__head p.title {
      font-size: 18px
  }
}

.p-virtual__machine--sell__list__content {
  padding: 20px 0 0px 40px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 1080px) {
  .p-virtual__machine--sell__list__content {
      padding: 10px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__content {
      padding: 6px 0 0
  }
}

.p-virtual__machine--sell__list__content .image {
  flex: 0 0 auto;
  margin: 0 20px 0 0
}

@media screen and (max-width: 1080px) {
  .p-virtual__machine--sell__list__content .image {
      margin: 0 10px;
      display: flex;
      align-items: center;
      justify-content: center
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__content .image {
      margin: 0 20px 0 14px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__machine--sell__list__content .image {
      margin: 0 10px 0 0
  }
}

.p-virtual__machine--sell__list__content .image img {
  width: auto;
  height: 180px
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__content .image img {
      height: 140px
  }
}

.p-virtual__machine--sell__list__content .text {
  flex: auto;
  min-width: 1px
}

.p-virtual__machine--sell__list__content .name {
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  color: #222
}

@media screen and (max-width: 1080px) {
  .p-virtual__machine--sell__list__content .name {
      font-size: 30px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__content .name {
      font-size: 22px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__content .name br {
      display: none
  }
}

.p-virtual__machine--sell__list__content .name span {
  font-size: 13px;
  font-weight: 500;
  color: #777;
  display: block;
  margin: 16px 0 0
}

.p-virtual__machine--sell__list__content .price {
  font-size: 32px;
  font-weight: 600;
  text-align: right;
  line-height: 1;
  margin: 16px 0 0;
  color: #222
}

.p-virtual__machine--sell__list__content .price small {
  display: block;
  font-size: 14px;
  margin: 8px 0 0;
  font-weight: 500
}

.p-virtual__machine--sell__list__detail {
  margin: 24px auto 0;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__detail {
      margin: 16px 0 0;
      max-width: none
  }
}

.p-virtual__machine--sell__list__detail__title {
  margin: 0 0 8px;
  padding: 0 0 4px 2px;
  border-bottom: solid 1px #ebeef3;
  color: #969ba3;
  font-size: 13px
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__detail__title {
      font-size: 12px
  }
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list>li {
  display: flex
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list>li+li {
  margin: 4px 0 0
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__head {
  flex: 0 0 auto;
  width: 72px;
  background: #f8f9fb;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin: 0 8px 0 0
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__head {
      width: 58px;
      margin: 0 4px 0 0
  }
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__head__title {
  font-size: 12px;
  color: #abaeb7
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body {
  flex: auto;
  min-width: 1px;
  padding: 4px 0 8px 8px;
  border-bottom: solid 1px #ebeef3;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body p {
  font-size: 14px;
  line-height: 1.3em;
  font-weight: 500;
  color: #222
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body p {
      font-size: 13px
  }
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body p+p {
  margin: 8px 0 0
}

@media screen and (max-width: 768px) {
  .p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body p+p {
      margin: 4px 0 0
  }
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body p small {
  margin: 2px 0 0
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body p small+small {
  margin: 3px 0 0
}

.p-virtual__machine--sell__list__detail .p-virtual__machine__detail__list__body small {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 400;
  color: #808590;
  display: block
}

.p-virtual__price {
  background: #f6f7fa
}

.p-virtual__price .p-virtual__section__head__title:before {
  color: #fff
}

.p-virtual__price__head {
  display: flex;
  align-items: center;
  margin: -7px;
  margin-bottom: 100px
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__head {
      margin-bottom: 30px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__price__head {
      display: block;
      margin: 0 0 20px
  }
}

.p-virtual__price__head>div {
  padding: 7px;
  width: 50%
}

@media screen and (max-width: 560px) {
  .p-virtual__price__head>div {
      padding: 0;
      width: 100%
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__price__head>div+div {
      margin: 6px 0 0
  }
}

.p-virtual__price__head>div p {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e7ed;
  color: #444;
  font-size: 24px;
  font-weight: 700;
  min-height: 64px
}

.p-virtual__price__head>div p:before {
  content: "";
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  display: block;
  background: url(../img/web/virtual/p-virtual__price__head--compensation.svg) no-repeat center;
  background-size: contain !important;
  margin: auto 14px auto 0
}

.p-virtual__price__head>div p b {
  margin: 0 2px;
  transform: translate(0, 3px);
  font-size: 48px
}

.p-virtual__price__head>div.shipping p {
  align-items: baseline;
  padding: 9px 0
}

.p-virtual__price__head>div.shipping p:before {
  background: url(../img/web/virtual/p-virtual__price__head--shipping.svg) no-repeat center
}

.p-virtual__price__list {
  display: flex;
  flex-wrap: wrap;
  margin: -7px
}

.p-virtual__price__list>li {
  padding: 7px;
  width: 25%;
  display: flex
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list>li {
      width: 50%
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list>li {
      width: 100%
  }
}

.p-virtual__price__list__wrap {
  background: #fff;
  padding: 10px 10px 26px;
  width: 100%;
  box-shadow: 0 8px 24px rgba(41, 46, 66, .16)
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__wrap {
      display: flex;
      padding: 18px 20px 20px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__wrap {
      align-items: center;
      justify-content: center
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list__wrap {
      padding: 0px 12px 12px 4px
  }
}

.p-virtual__price__list__head {
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__head {
      flex: 1 0;
      min-width: 1px;
      display: flex;
      flex-direction: column;
      height: 100%
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__head {
      flex: 0 0 auto;
      width: 190px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list__head {
      width: 150px
  }
}

.p-virtual__price__list__head img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 140px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__head img {
      top: -20px;
      transform: translate(-50%, 0%)
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list__head img {
      position: relative;
      transform: translate(0%, 0%);
      top: auto;
      left: auto;
      max-width: none
  }
}

.p-virtual__price__list__head .name {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding: 100px 0 0
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__head .name {
      margin: auto 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__head .name {
      padding: 120px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list__head .name {
      padding: 0;
      font-size: 14px
  }
}

.p-virtual__price__list__head .name span {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  color: #aaa;
  display: block;
  text-align: center
}

.p-virtual__price__list__body {
  margin: 24px 0 0;
  padding: 30px 0 0;
  border-top: solid 1px #e5e7ed
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__body {
      flex: 1 0;
      min-width: 1px;
      margin: 0;
      padding: 0;
      border-top: none
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__body {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      flex: 0 0 auto;
      flex-direction: column
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__price__list__body {
      flex: auto;
      flex-direction: column
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list__body {
      padding: 16px 0 0;
      flex-direction: column
  }
}

.p-virtual__price__list__body form {
  flex: auto;
  min-width: 1px;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 560px) {
  .p-virtual__price__list__body form {
      display: block
  }
}

.p-virtual__price__list__body .before,
.p-virtual__price__list__body .after {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%
}

@media screen and (max-width: 1080px) {

  .p-virtual__price__list__body .before,
  .p-virtual__price__list__body .after {
      align-items: flex-start
  }
}

@media screen and (max-width: 768px) {

  .p-virtual__price__list__body .before,
  .p-virtual__price__list__body .after {
      width: auto
  }
}

.p-virtual__price__list__body .before .title,
.p-virtual__price__list__body .after .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3em;
  color: #777
}

.p-virtual__price__list__body .before .price,
.p-virtual__price__list__body .after .price {
  font-size: 28px;
  font-weight: 700;
  color: #444;
  line-height: 1.3em
}

@media screen and (max-width: 768px) {

  .p-virtual__price__list__body .before .price,
  .p-virtual__price__list__body .after .price {
      min-height: 28px;
      align-items: flex-end;
      display: flex
  }
}

@media screen and (max-width: 560px) {

  .p-virtual__price__list__body .before .price,
  .p-virtual__price__list__body .after .price {
      min-height: auto
  }
}

@media screen and (max-width: 560px) {

  .p-virtual__price__list__body .before .price,
  .p-virtual__price__list__body .after .price {
      font-size: 24px
  }
}

.p-virtual__price__list__body .before .price:before,
.p-virtual__price__list__body .after .price:before {
  content: "¥"
}

.p-virtual__price__list__body .before {
  padding: 0 0 43px;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__body .before {
      padding: 0;
      margin: 0 0 12px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__body .before {
      margin: 0
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list__body .before {
      margin: 0
  }
}

.p-virtual__price__list__body .before:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 4.5px 0 4.5px;
  border-color: #444 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  left: 50%;
  bottom: 26px;
  transform: translate(-50%, 100%)
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__body .before:after {
      display: none
  }
}

.p-virtual__price__list__body .before .price {
  font-size: 18px;
  margin: 4px 0 0
}

.p-virtual__price__list__body .before .price:before {
  margin: 0 4px 0 0;
  font-size: 16px;
  font-weight: 400
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__body .after {
      margin: 8px 0 0
  }
}

.p-virtual__price__list__body .p-buttonWrap {
  margin: 40px 0 0;
  width: 100%
}

@media screen and (max-width: 1080px) {
  .p-virtual__price__list__body .p-buttonWrap {
      margin-top: 10px
  }
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__body .p-buttonWrap {
      width: 100%;
      max-width: 280px;
      min-width: 200px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__price__list__body .p-buttonWrap {
      min-width: auto
  }
}

.p-virtual__price__list__body .p-buttonWrap .c-button,
.p-virtual__price__list__body .p-buttonWrap .c-button--accent,
.p-virtual__price__list__body .p-buttonWrap .c-button--action,
.p-virtual__price__list__body .p-buttonWrap .c-button--form,
.p-virtual__price__list__body .p-buttonWrap .c-button--inline,
.p-virtual__price__list__body .p-buttonWrap .c-button--inlineArrow,
.p-virtual__price__list__body .p-buttonWrap .c-button--weak,
.p-virtual__price__list__body .p-buttonWrap .c-button--line,
.p-virtual__price__list__body .p-buttonWrap .c-button--full,
.p-virtual__price__list__body .p-buttonWrap .c-button--small,
.p-virtual__price__list__body .p-buttonWrap .p-home__middleNav__button {
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background: #e16983;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .08);
  padding: 0 6px
}

@media screen and (max-width: 1080px) {

  .p-virtual__price__list__body .p-buttonWrap .c-button,
  .p-virtual__price__list__body .p-buttonWrap .c-button--accent,
  .p-virtual__price__list__body .p-buttonWrap .c-button--action,
  .p-virtual__price__list__body .p-buttonWrap .c-button--form,
  .p-virtual__price__list__body .p-buttonWrap .c-button--inline,
  .p-virtual__price__list__body .p-buttonWrap .c-button--inlineArrow,
  .p-virtual__price__list__body .p-buttonWrap .c-button--weak,
  .p-virtual__price__list__body .p-buttonWrap .c-button--line,
  .p-virtual__price__list__body .p-buttonWrap .c-button--full,
  .p-virtual__price__list__body .p-buttonWrap .c-button--small,
  .p-virtual__price__list__body .p-buttonWrap .p-home__middleNav__button {
      height: 40px;
      font-size: 14px
  }
}

@media screen and (max-width: 480px) {

  .p-virtual__price__list__body .p-buttonWrap .c-button,
  .p-virtual__price__list__body .p-buttonWrap .c-button--accent,
  .p-virtual__price__list__body .p-buttonWrap .c-button--action,
  .p-virtual__price__list__body .p-buttonWrap .c-button--form,
  .p-virtual__price__list__body .p-buttonWrap .c-button--inline,
  .p-virtual__price__list__body .p-buttonWrap .c-button--inlineArrow,
  .p-virtual__price__list__body .p-buttonWrap .c-button--weak,
  .p-virtual__price__list__body .p-buttonWrap .c-button--line,
  .p-virtual__price__list__body .p-buttonWrap .c-button--full,
  .p-virtual__price__list__body .p-buttonWrap .c-button--small,
  .p-virtual__price__list__body .p-buttonWrap .p-home__middleNav__button {
      max-width: none
  }
}

.p-virtual__price__list__body .spec {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .04em;
  margin: 12px 0 0;
  text-align: center;
  display: block;
  width: 100%;
  color: #8c919b
}

.p-virtual__price__list__body__explain {
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__body__explain {
      min-width: 280px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__price__list__body__explain {
      min-width: auto
  }
}

.p-virtual__price__list__body__explain__description {
  font-size: 12px;
  text-align: left;
  line-height: 1.2em;
  color: #999
}

.p-virtual__price__list__body__explain__description+.p-virtual__price__list__body__explain__description {
  margin: 4px 0 0
}

.p-virtual__price__list__body__explain__window {
  position: relative
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list__body__explain__window {
      max-width: 280px
  }
}

.p-virtual__price__list__body__explain__window__head {
  padding: 2px
}

.p-virtual__price__list__body__explain__window__head__title {
  font-size: 14px;
  letter-spacing: .08em;
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #9da2af;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0);
  transition: all .2s ease
}

.p-virtual__price__list__body__explain__window__head__title:hover {
  border-color: #999
}

.p-virtual__price__list__body__explain__window__body {
  width: 100%;
  min-width: 310px;
  z-index: 1;
  background: rgba(255, 255, 255, .97);
  position: absolute;
  padding: 12px 14px 14px;
  bottom: 48px;
  left: 0;
  max-height: 460px;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: all .4s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
  border: solid 1px #e0778d;
  border-bottom: solid 4px #e0778d;
  transform: translate(0, 30px)
}

@media screen and (max-width: 560px) {
  .p-virtual__price__list__body__explain__window__body {
      bottom: auto;
      top: 35px;
      left: auto;
      right: 0;
      border-bottom-width: 1px;
      border-top-width: 4px;
      transform: translate(0, 0)
  }
}

.p-virtual__price__list__body__explain__window__body.position--right {
  left: auto;
  right: -14px
}

.p-virtual__price__list__body__explain__window__body.view {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0)
}

.p-virtual__price__list__body__explain__window__body p {
  color: #222;
  font-size: 13px;
  text-align: left;
  line-height: 1.4em;
  font-family: "Noto Sans JP", sans-serif
}

.p-virtual__price__list__body__explain__window__body p+p {
  margin: 2px 0 0
}

.p-virtual__price__list__body__explain__window__body p+small {
  margin: 4px 0 0
}

.p-virtual__price__list__body__explain__window__body small {
  font-size: 12px;
  text-align: left;
  line-height: 1.2em;
  color: #666;
  display: block;
  font-family: "Noto Sans JP", sans-serif
}

.p-virtual__price__list__body__explain__window__body small+small {
  margin: 4px 0 0
}

.p-virtual__price__list__body__explain__window__body__title {
  font-size: 18px !important;
  font-weight: 500;
  text-align: center !important;
  padding: 0 6px;
  margin: 0 0 8px;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #e0778d !important
}

.p-virtual__price__list__body__explain__window__body__list {
  margin: 0 0 14px
}

.p-virtual__price__list__body__explain__window__body__list>li {
  display: flex;
  align-items: flex-end;
  padding: 0 0 4px;
  margin: 0 0 4px;
  border-bottom: solid 1px #eee
}

.p-virtual__price__list__body__explain__window__body__list>li p:not(.p-home__price__list__foot__explain__window__body__list__head) {
  font-size: 14px
}

.p-virtual__price__list__body__explain__window__body__list__head {
  color: #666 !important;
  line-height: 1.2em !important;
  text-align: right !important;
  font-size: 12px !important;
  margin: 0 12px 0 0;
  flex: 0 0 auto;
  width: 112px;
  letter-spacing: 0
}

.p-virtual__price__list__body__explain__window__body__list__head:after {
  content: " :"
}

.p-virtual__price__list--double {
  margin-top: 7px
}

.p-virtual__price__list--double>li {
  width: 50%
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list--double>li {
      width: 100%
  }
}

.p-virtual__price__list--double .p-virtual__price__list__wrap {
  display: flex;
  padding: 18px 20px 20px
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list--double .p-virtual__price__list__wrap {
      padding: 0px 12px 12px 4px
  }
}

.p-virtual__price__list--double .p-virtual__price__list__head {
  flex: 1 0;
  min-width: 1px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list--double .p-virtual__price__list__head {
      flex: 0 0 auto;
      width: 190px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list--double .p-virtual__price__list__head {
      width: 150px
  }
}

.p-virtual__price__list--double .p-virtual__price__list__head img {
  top: -20px;
  transform: translate(-50%, 0%)
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list--double .p-virtual__price__list__head img {
      position: relative;
      transform: translate(0%, 0%);
      top: auto;
      left: auto;
      max-width: none
  }
}

.p-virtual__price__list--double .p-virtual__price__list__head .name {
  margin: auto 0 0
}

.p-virtual__price__list--double .p-virtual__price__list__body {
  flex: 1 0;
  min-width: 1px;
  margin: 0;
  padding: 0;
  border-top: none
}

@media screen and (max-width: 768px) {
  .p-virtual__price__list--double .p-virtual__price__list__body {
      max-width: 280px
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list--double .p-virtual__price__list__body {
      padding: 16px 0 0
  }
}

.p-virtual__price__list--double .p-virtual__price__list__body .before,
.p-virtual__price__list--double .p-virtual__price__list__body .after {
  align-items: flex-start
}

@media screen and (max-width: 560px) {

  .p-virtual__price__list--double .p-virtual__price__list__body .before .price,
  .p-virtual__price__list--double .p-virtual__price__list__body .after .price {
      font-size: 24px
  }
}

.p-virtual__price__list--double .p-virtual__price__list__body .before {
  padding: 0;
  margin: 0 0 12px
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list--double .p-virtual__price__list__body .before {
      margin: 0
  }
}

.p-virtual__price__list--double .p-virtual__price__list__body .before:after {
  display: none
}

@media screen and (max-width: 560px) {
  .p-virtual__price__list--double .p-virtual__price__list__body .before .price {
      font-size: 18px
  }
}

@media screen and (max-width: 560px) {
  .p-virtual__price__list--double .p-virtual__price__list__body .after {
      margin: 10px 0 0
  }
}

.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap {
  margin-top: 10px
}

.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--accent,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--action,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--form,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--inline,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--inlineArrow,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--weak,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--line,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--full,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .c-button--small,
.p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap .p-home__middleNav__button {
  height: 40px;
  font-size: 14px
}

@media screen and (max-width: 480px) {
  .p-virtual__price__list--double .p-virtual__price__list__body .p-buttonWrap {
      max-width: none;
      width: 100%
  }
}

@media screen and (min-width: 1080px) {
  .p-virtual__price--staff .p-virtual__price__list__wrap {
      padding: 10px 10px 16px
  }
}

.p-virtual__price--staff .p-virtual__price__list__body form {
  margin: 2px
}

.p-virtual__price--staff .p-virtual__price__list__body .c-button--spec {
  background: #96a2c3;
  width: auto
}

.p-virtual__plan {
  background: #f6f7fa
}

.p-virtual__plan__list {
  display: flex;
  flex-wrap: wrap;
  margin: -8px -12px
}

@media screen and (max-width: 480px) {
  .p-virtual__plan__list {
      padding: -4px -16px
  }
}

.p-virtual__plan__list__item {
  width: 25%;
  padding: 8px 6px;
  display: flex
}

@media screen and (max-width: 768px) {
  .p-virtual__plan__list__item {
      width: 50%
  }
}

@media screen and (max-width: 480px) {
  .p-virtual__plan__list__item {
      padding: 4px 2px
  }
}

.p-virtual__plan__list__contents {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0px 4px 8px rgba(41, 46, 67, .1607843137)
}

.p-virtual__plan__list__head {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff
}

@media screen and (max-width: 768px) {
  .p-virtual__plan__list__head {
      height: 80px
  }
}

.p-virtual__plan__list__head--light {
  background: #a9c3ce
}

.p-virtual__plan__list__head--silver {
  background: #a9aebc
}

.p-virtual__plan__list__head--pearl {
  background: #e0c7c5
}

.p-virtual__plan__list__head--star {
  background: #ccbca2
}

.p-virtual__plan__list__head__title {
  font-size: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .p-virtual__plan__list__head__title {
      font-size: 20px
  }
}

.p-virtual__plan__list__head__title span {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  display: block;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-virtual__plan__list__head__title span {
      font-size: 14px
  }
}

.p-virtual__plan__list__body {
  width: 100%;
  flex: auto;
  min-width: 0;
  padding: 32px 16px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 480px) {
  .p-virtual__plan__list__body {
      padding: 24px 12px
  }
}

.p-virtual__plan__dataList {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  margin: 0 0 24px
}

.p-virtual__plan__dataList li {
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-virtual__plan__dataList li+li {
  margin: 24px 0 0
}

.p-virtual__plan__dataList li .label {
  color: #777
}

.p-virtual__plan__dataList li .price,
.p-virtual__plan__dataList li .time,
.p-virtual__plan__dataList li .machine {
  font-size: 22px
}

.p-virtual__plan__dataList li .machine {
  font-size: 15px;
  text-align: center;
  line-height: 1.3em
}

@media screen and (max-width: 480px) {
  .p-virtual__plan__dataList li .machine {
      font-size: 14px
  }
}

.p-virtual__plan__dataList li .unit {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin: 0 .2em
}

.p-virtual__plan__dataList li .c-image,
.p-virtual__plan__dataList li .c-image--standard,
.p-virtual__plan__dataList li .c-image--wide,
.p-virtual__plan__dataList li .c-image--notification {
  width: 120px
}

.p-virtual__reception__form__head {
  color: #a9aebc;
  background: #f6f7fa;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 40px
}

.p-virtual__reception__form__body {
  border-bottom: 4px solid #f6f7fa
}

.p-virtual__reception__form__body .c-button,
.p-virtual__reception__form__body .c-button--accent,
.p-virtual__reception__form__body .c-button--action,
.p-virtual__reception__form__body .c-button--form,
.p-virtual__reception__form__body .c-button--inline,
.p-virtual__reception__form__body .c-button--inlineArrow,
.p-virtual__reception__form__body .c-button--weak,
.p-virtual__reception__form__body .c-button--line,
.p-virtual__reception__form__body .c-button--full,
.p-virtual__reception__form__body .c-button--small,
.p-virtual__reception__form__body .p-home__middleNav__button {
  font-weight: 600;
  min-width: 240px;
  justify-content: center;
  height: 48px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .1)
}

.p-virtual__onlineshop {
  margin: 80px 0 0
}

@media screen and (max-width: 560px) {
  .p-virtual__onlineshop {
      margin: 40px 0 0
  }
}

.p-virtual__onlineshop>a {
  display: block
}

.p-virtual__onlineshop__image {
  width: 100%;
  height: auto;
  box-shadow: 0 2px 6px rgba(41, 46, 66, .3)
}

.p-virtual__onlineshop__image:hover {
  opacity: .7
}

@media screen and (max-width: 560px) {
  .p-virtual__onlineshop__image {
      display: none
  }
}

.p-virtual__onlineshop__image--sp {
  display: none
}

@media screen and (max-width: 560px) {
  .p-virtual__onlineshop__image--sp {
      display: block
  }
}

.p-virtual .p-bannerSlide {
  background: #e3e6ec
}

@media screen and (max-width: 480px) {
  .p-virtual .p-bannerSlide .l-container {
      padding: 0 16px
  }
}

.p-virtual .p-bannerSlide__list {
  justify-content: center
}

.p-virtual .p-bannerSlide__list a img {
  max-width: 400px
}

.page__virtual.fv--black .p-header.is-active__show__background {
  background: rgba(255, 255, 255, .8)
}

.page__virtual.fv--black .p-header__user:before {
  color: #fff
}

.page__virtual.fv--black .p-header__user .name {
  color: #fff
}

.page__virtual.fv--black .p-header.color--black .p-header__user:before {
  color: #222
}

.page__virtual.fv--black .p-header.color--black .p-header__user .name {
  color: #222
}

.page__virtual.fv--black .p-virtual__mainVisual--sell {
  background-color: #444 !important
}

@media screen and (max-width: 480px) {
  .page__virtual.fv--black .p-virtual__mainVisual--sell .p-virtual__mainVisual__text {
      background: rgba(0, 0, 0, .8)
  }
}

.page__virtual.fv--black .p-virtual__mainVisual--sell .p-virtual__mainVisual__text p {
  color: #fff;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, .2)
}

.page__virtual.fv--black .p-virtual__mainVisual--sell .p-virtual__mainVisual__copy {
  color: #fff;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 480px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__text {
      padding: 18px 10px 16px
  }
}

.font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title img {
  width: 200px;
  margin: 8px 0
}

@media screen and (max-width: 1000px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title img {
      margin: 0
  }
}

@media screen and (max-width: 560px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title img {
      width: 150px
  }
}

@media screen and (max-width: 480px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__text__title img {
      width: 120px
  }
}

.font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__copy {
  font-size: 46px;
  line-height: 1em
}

@media screen and (max-width: 1000px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__copy {
      font-size: 40px
  }
}

@media screen and (max-width: 480px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__copy {
      font-size: 32px
  }
}

.font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__description {
  font-size: 20px;
  margin: 20px 0 0
}

@media screen and (max-width: 768px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__description {
      font-size: 18px;
      margin: 10px 0 0
  }
}

@media screen and (max-width: 480px) {
  .font--small .p-virtual__mainVisual--sell .p-virtual__mainVisual__description {
      margin: 6px 0 0;
      font-size: 16px
  }
}

.p-videoWrap {
  width: 100%;
  max-width: 640px;
  margin: auto;
  position: relative
}

.p-videoWrap:hover .p-videoWrap__image:before {
  opacity: .9
}

@media screen and (max-width: 768px) {
  .p-videoWrap {
      max-width: 560px
  }
}

@media screen and (max-width: 480px) {
  .p-videoWrap {
      max-width: 370px
  }
}

.p-videoWrap>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.p-videoWrap__image {
  position: relative
}

.p-videoWrap__image:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(https://jibunde-esute.com/img/web/home/ico_video.png) no-repeat center;
  background-size: contain;
  width: 100px;
  height: 70px
}

@media screen and (max-width: 480px) {
  .p-videoWrap__image:before {
      width: 70px;
      height: 50px
  }
}

.p-videoWrap iframe {
  background: #eee;
  width: 100%;
  min-height: 280px
}

@media screen and (max-width: 768px) {
  .p-videoWrap iframe {
      min-height: auto;
      height: 315px
  }
}

@media screen and (max-width: 560px) {
  .p-videoWrap iframe {
      height: 240px
  }
}

@media screen and (max-width: 480px) {
  .p-videoWrap iframe {
      height: 200px
  }
}

.p-videoWrap__title {
  margin: 10px 0 0;
  font-size: 18px;
  font-weight: 600
}

@media screen and (max-width: 560px) {
  .p-videoWrap__title {
      margin: 6px 0 0;
      font-size: 16px;
      line-height: 1.4em
  }
}

.p-videoWrap__user {
  color: #777;
  margin: 6px 0 0
}

@media screen and (max-width: 560px) {
  .p-videoWrap__user {
      margin: 2px 0 0
  }
}

.area_pager {
  display: flex;
  align-items: center
}

.count_pager {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 20px;
  margin: 0 5px 0 0;
  background: #f2f4f7;
  border-radius: 3px
}

.count_pager p {
  color: #8e919e;
  font: 700 14px/1em "helvetica", "noto sans japanese", sans-serif
}

.count_pager .parameter:before {
  content: "/";
  display: inline-block;
  margin: 0 .3em
}

.list_pager {
  display: flex
}

.list_pager>li {
  padding: 0 2px
}

.list_pager a {
  color: #8e919e;
  font: 700 14px/1em "helvetica", "noto sans japanese", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-width: 30px;
  border: 1px solid #b7bac9;
  border-radius: 3px
}

.list_pager .prev a:before,
.list_pager .next a:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-size: 16px 16px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

.list_pager .prev a:before {
  background: url(../img/ico/ico_form/ico_form_left.svg)
}

.list_pager .next a:before {
  background: url(../img/ico/ico_form/ico_form_right.svg)
}

.list_pager .current a {
  background: #f2f4f7;
  border-color: #f2f4f7;
  color: #8e919e
}

.p-column {
  margin: 24px 0 64px
}

@media screen and (max-width: 480px) {
  .p-column {
      margin: 0 0 32px
  }
}

.p-column .l-container {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 1080px) {
  .p-column .l-container {
      max-width: 970px
  }
}

@media screen and (max-width: 960px) {
  .p-column .l-container {
      max-width: 800px
  }
}

@media screen and (max-width: 480px) {
  .p-column .l-container {
      padding: 0 12px
  }
}

.p-column__head {
  flex: 0 0 100%;
  border-top: 3px solid #222;
  border-bottom: 3px solid #222;
  padding: 16px 0;
  margin: 0 auto 32px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-column__head {
      flex-direction: column;
      align-items: center;
      margin: 0 auto 16px;
      padding: 8px 0
  }
}

.p-column__head__title {
  color: #222;
  font-size: 24px;
  letter-spacing: 0;
  font-weight: 600;
  position: relative
}

.p-column__head__title .accent {
  color: #176e39
}

.p-column__head__subtitle {
  color: #222;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .04em;
  margin: 0 0 0 16px
}

.p-column__main {
  flex: 0 0 760px
}

@media screen and (max-width: 1280px) {
  .p-column__main {
      flex: 0 0 660px
  }
}

@media screen and (max-width: 1080px) {
  .p-column__main {
      flex: 0 0 600px
  }
}

@media screen and (max-width: 960px) {
  .p-column__main {
      flex: 0 0 100%;
      max-width: 720px
  }
}

.p-column__main__foot {
  margin: 24px 0 0
}

.p-column__sidebar {
  flex: 0 0 300px;
  margin: 0 0 0 60px;
  position: relative
}

@media screen and (max-width: 1280px) {
  .p-column__sidebar {
      margin: 0 0 0 40px
  }
}

@media screen and (max-width: 1080px) {
  .p-column__sidebar {
      flex: 0 0 600px;
      margin: 48px 0 0
  }
}

@media screen and (max-width: 960px) {
  .p-column__sidebar {
      margin: 40px 0 0;
      flex: 0 0 100%
  }
}

@media screen and (max-width: 480px) {
  .p-column__sidebar {
      margin: 16px 0 0
  }
}

.p-column__sidebar__inner {
  padding: 0 0 48px;
  position: relative;
  top: 30px
}

@media screen and (max-width: 1080px) {
  .p-column__sidebar__inner {
      top: 0;
      position: relative;
      max-height: none;
      overflow: inherit
  }
}

@media screen and (max-width: 480px) {
  .p-column__sidebar__inner {
      padding: 0
  }
}

.p-column__sidebar__block+.p-column__sidebar__block {
  margin: 2rem 0 0
}

.p-column__sidebar__banner {
  display: block
}

@media screen and (max-width: 1080px) {
  .p-column__sidebar__banner {
      margin: auto;
      max-width: 240px
  }
}

@media screen and (max-width: 480px) {
  .p-column__sidebar__banner {
      max-width: 200px
  }
}

.p-column__sidebar__banner:hover {
  opacity: .8
}

.p-column__foot {
  width: 100%;
  margin: 24px 0 0
}

.p-column__title {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 16px;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-column__title {
      margin: 0 0 12px
  }
}

.p-column__title span {
  background-color: #fff;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 12px 0 0
}

.p-columnList--home {
  display: flex;
  margin: -8px
}

@media screen and (max-width: 768px) {
  .p-columnList--home {
      flex-wrap: wrap
  }
}

.p-columnList__item {
  padding: 0 0 16px;
  border-bottom: 1px solid #e5e9ee
}

.p-columnList__item:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.p-columnList__item+.p-columnList__item {
  margin: 16px 0 0
}

.p-columnList__item--home {
  padding: 8px;
  border-bottom: 0;
  width: 25%
}

@media screen and (max-width: 768px) {
  .p-columnList__item--home {
      width: 50%
  }
}

.p-columnList__item--home+.p-columnList__item--home {
  margin: 0
}

.p-columnList__item--latest {
  padding: 0 0 24px
}

@media screen and (max-width: 560px) {
  .p-columnList__item--latest {
      padding: 0 0 16px
  }
}

@media screen and (max-width: 480px) {
  .p-columnList__item--sidebar {
      padding: 0 0 8px
  }
}

.p-columnList__item--sidebar+.p-columnList__item--sidebar {
  margin: 8px 0 0
}

.p-columnList__content {
  display: flex;
  align-items: flex-start;
  position: relative
}

.p-columnList__item--latest .p-columnList__content,
.p-columnList__item--sidebar .p-columnList__content,
.p-columnList__item--home .p-columnList__content {
  flex-wrap: wrap
}

@media screen and (max-width: 960px) {
  .p-columnList__item--sidebar .p-columnList__content {
      flex-wrap: nowrap
  }
}

.p-columnList__content__link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.p-columnList__content__image {
  flex: 0 0 40%;
  margin: 0 4% 0 0;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-columnList__content__image {
      flex: 0 0 42%
  }
}

.p-columnList__item--review .p-columnList__content__image:before {
  content: "お客様の声";
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .04em;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #176e39dd;
  border-radius: 0 0 3px 3px;
  padding: 4px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1
}

.p-column__sidebar .p-columnList__item--review .p-columnList__content__image:before {
  font-size: 11px;
  padding: 3px 8px
}

.p-columnList__item--latest .p-columnList__content__image {
  flex: 0 0 100%;
  margin: 0 0 16px
}

@media screen and (max-width: 480px) {
  .p-columnList__item--latest .p-columnList__content__image {
      margin: 0 0 12px
  }
}

.p-columnList__item--sidebar .p-columnList__content__image {
  flex: 0 0 100%;
  margin: 0 0 8px
}

@media screen and (max-width: 960px) {
  .p-columnList__item--sidebar .p-columnList__content__image {
      flex: 0 0 24%;
      margin: 0 4% 0 0
  }
}

@media screen and (max-width: 560px) {
  .p-columnList__item--sidebar .p-columnList__content__image {
      flex: 0 0 120px;
      margin: 0 16px 0 0
  }
}

.p-columnList__item--home .p-columnList__content__image {
  flex: 0 0 100%;
  margin: 0 0 8px
}

.p-columnList__content__image .c-image,
.p-columnList__content__image .c-image--standard,
.p-columnList__content__image .c-image--wide,
.p-columnList__content__image .c-image--notification {
  border-radius: 3px;
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, .1), 0px 4px 8px -8px rgba(0, 0, 0, .1)
}

.p-columnList__content__image .c-image:before,
.p-columnList__content__image .c-image--standard:before,
.p-columnList__content__image .c-image--wide:before,
.p-columnList__content__image .c-image--notification:before {
  transition: all .3s ease
}

.p-columnList__content:hover .p-columnList__content__image .c-image:before,
.p-columnList__content:hover .p-columnList__content__image .c-image--standard:before,
.p-columnList__content:hover .p-columnList__content__image .c-image--wide:before,
.p-columnList__content:hover .p-columnList__content__image .c-image--notification:before {
  background-color: rgba(0, 0, 0, .1)
}

.p-columnList__content__text {
  flex: 0 0 56%
}

@media screen and (max-width: 560px) {
  .p-columnList__content__text {
      flex: 0 0 52%
  }
}

.p-columnList__item--latest .p-columnList__content__text,
.p-columnList__item--sidebar .p-columnList__content__text,
.p-columnList__item--home .p-columnList__content__text {
  flex: 0 0 100%
}

@media screen and (max-width: 960px) {
  .p-columnList__item--sidebar .p-columnList__content__text {
      flex: 0 0 72%
  }
}

@media screen and (max-width: 560px) {
  .p-columnList__item--sidebar .p-columnList__content__text {
      flex: 1 1 auto;
      min-width: 0
  }
}

.p-columnList__content__text__title {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4em;
  letter-spacing: .04em;
  max-height: 4.2em;
  overflow: hidden;
  transition: all .1s ease
}

@media screen and (max-width: 560px) {
  .p-columnList__content__text__title {
      font-size: 14px
  }
}

.p-columnList__content:hover .p-columnList__content__text__title {
  color: #176e39
}

.p-column__sidebar .p-columnList__content__text__title {
  font-size: 14px
}

@media screen and (max-width: 1080px) {
  .p-column__sidebar .p-columnList__content__text__title {
      font-size: 18px
  }
}

@media screen and (max-width: 480px) {
  .p-column__sidebar .p-columnList__content__text__title {
      font-size: 14px
  }
}

.p-columnList__item--latest .p-columnList__content__text__title {
  font-size: 22px
}

@media screen and (max-width: 560px) {
  .p-columnList__item--latest .p-columnList__content__text__title {
      font-size: 18px
  }
}

.p-column__sidebar .p-columnList__item--latest .p-columnList__content__text__title {
  font-size: 16px
}

.p-columnList__item--sidebar .p-columnList__content__text__title {
  font-size: 14px
}

@media screen and (max-width: 960px) {
  .p-columnList__item--sidebar .p-columnList__content__text__title {
      flex: 0 0 40%
  }
}

@media screen and (max-width: 560px) {
  .p-columnList__item--sidebar .p-columnList__content__text__title {
      font-size: 13px
  }
}

.p-columnList__content__text__description {
  color: #999;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 300;
  margin: 8px 0 0;
  max-height: 3em;
  overflow: hidden
}

@media screen and (max-width: 560px) {
  .p-columnList__content__text__description {
      font-size: 13px;
      line-height: 1.4em;
      margin: 4px 0 0;
      max-height: 2.8em;
      display: none
  }

  .p-columnList__item--latest .p-columnList__content__text__description {
      display: block
  }
}

.p-columnList__content__text__date {
  color: #aaa;
  font-size: 12px;
  line-height: 1em;
  font-weight: 300;
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-columnList__content__text__date {
      margin: 4px 0 0
  }
}

.p-columnList--recommend .p-columnTag {
  display: none
}

.p-columnDetail {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 80px
}

@media screen and (max-width: 1080px) {
  .p-columnDetail {
      padding: 0 0 48px
  }
}

@media screen and (max-width: 768px) {
  .p-columnDetail {
      max-width: 100%;
      padding: 0 0 80px
  }
}

@media screen and (max-width: 480px) {
  .p-columnDetail {
      padding: 0 0 48px
  }
}

@media screen and (max-width: 1080px) {
  .p-columnDetail .p-fixedBottom {
      display: none
  }
}

.p-columnDetail__index {
  background-color: #f6f7fa;
  padding: 16px 24px;
  border-top: 2px solid #e5e9ed;
  border-bottom: 2px solid #e5e9ed;
  margin: 0 0 16px
}

@media screen and (max-width: 480px) {
  .p-columnDetail__index {
      padding: 12px 16px
  }
}

.p-columnDetail__index__head {
  margin: 0 0 16px
}

.p-columnDetail__index__head__title {
  font-size: 16px;
  font-weight: 700
}

.p-columnDetail__index__list {
  list-style-type: "・ ";
  padding-left: .8em
}

.p-columnDetail__index__list__item+.p-columnDetail__index__list__item {
  margin: .6em 0 0
}

.p-columnDetail__index__list a {
  color: #7497bf;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4em;
  display: inline-flex
}

.p-columnDetail__index__list a:hover {
  text-decoration: underline
}

.p-columnDetail__index__innerList {
  margin: 1em 0 1.5em;
  list-style-type: "- ";
  padding-left: 1em
}

.p-columnDetail__index__innerList__item+.p-columnDetail__index__innerList__item {
  margin: .6em 0 0
}

.p-columnDetail__index__innerList a {
  color: #7497bf;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
  display: inline-flex
}

.p-columnDetail__index__innerList a:hover {
  text-decoration: underline
}

.p-columnDetail__image {
  margin: 0 0 24px
}

@media screen and (max-width: 480px) {
  .p-columnDetail__image {
      margin: 0 0 16px
  }
}

.p-columnDetail__image--review {
  position: relative
}

.p-columnDetail__image--review:before {
  content: "お客様の声";
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .08em;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #176e39dd;
  border-radius: 0 0 3px 3px;
  padding: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1
}

@media screen and (max-width: 480px) {
  .p-columnDetail__image--review:before {
      font-size: 14px;
      padding: 8px
  }
}

.p-columnDetail__image .c-image,
.p-columnDetail__image .c-image--standard,
.p-columnDetail__image .c-image--wide,
.p-columnDetail__image .c-image--notification {
  border-radius: 4px;
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, .1), 0px 4px 8px -8px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 768px) {

  .p-columnDetail__image .c-image,
  .p-columnDetail__image .c-image--standard,
  .p-columnDetail__image .c-image--wide,
  .p-columnDetail__image .c-image--notification {
      border-radius: 0;
      box-shadow: none
  }
}

.p-columnDetail__video {
  position: relative
}

.p-columnDetail__video>button {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer
}

.p-columnDetail__video img {
  width: 100%
}

.p-columnDetail__head {
  margin: 24px 0
}

.p-columnDetail__head__title {
  color: #222;
  font-size: 28px;
  letter-spacing: .04em;
  font-weight: 600;
  margin: 0 0 16px
}

@media screen and (max-width: 768px) {
  .p-columnDetail__head__title {
      font-size: 24px;
      margin: 24px 0
  }
}

@media screen and (max-width: 480px) {
  .p-columnDetail__head__title {
      margin: 16px 0
  }
}

.p-columnDetail__head__date {
  margin: 4px 0 0
}

.p-columnDetail__head .p-snsShare {
  margin: 8px 0 0
}

.p-columnDetail__head .p-snsShare__head {
  display: none
}

.p-columnDetail__body .ql-editor {
  padding: 0
}

.p-columnDetail__body .ql-editor p {
  font-size: 16px
}

@media screen and (max-width: 480px) {
  .p-columnDetail__body .ql-editor p {
      font-size: 15px
  }
}

.p-columnDetail__middle {
  margin: 40px 0 0
}

.p-columnDetail__middle--line {
  margin: 20px 0 -10px;
  padding: 25px 0 0;
  border-top: 1px solid #e5e9ee
}

.p-columnDetail__middle .p-snsShare__head {
  margin: 0 0 22px
}

.p-columnDetail__middle .p-snsShare__head__title {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #222
}

.p-columnDetail__middle .p-snsShare__list {
  justify-content: center
}

.p-columnDetail__navigation {
  padding: 16px 0;
  border-top: 1px solid #e5e9ee;
  border-bottom: 1px solid #e5e9ee;
  display: flex
}

@media screen and (max-width: 480px) {
  .p-columnDetail__navigation {
      padding: 12px 0;
      margin: 0 -8px
  }
}

.p-columnDetail__navigation__prev,
.p-columnDetail__navigation__next {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 50%;
  padding: 24px 24px 12px 40px;
  position: relative
}

@media screen and (max-width: 480px) {

  .p-columnDetail__navigation__prev,
  .p-columnDetail__navigation__next {
      font-size: 13px;
      padding: 16px 16px 8px 24px
  }
}

.p-columnDetail__navigation__prev:hover,
.p-columnDetail__navigation__next:hover {
  color: #176e39;
  text-decoration: underline
}

.p-columnDetail__navigation__prev:before,
.p-columnDetail__navigation__next:before {
  content: "前の記事";
  position: absolute;
  top: 0;
  left: 24px
}

@media screen and (max-width: 480px) {

  .p-columnDetail__navigation__prev:before,
  .p-columnDetail__navigation__next:before {
      left: 16px
  }
}

.p-columnDetail__navigation__prev:after,
.p-columnDetail__navigation__next:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../img/web/column/prev.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.p-columnDetail__navigation__prev {
  border-right: 1px solid #e5e9ee;
  margin: 0 -1px 0 0;
  transform: translateX(1px)
}

.p-columnDetail__navigation__next {
  border-left: 1px solid #e5e9ee;
  padding: 24px 40px 12px 24px;
  margin: 0 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-columnDetail__navigation__next {
      padding: 16px 24px 8px 16px
  }
}

.p-columnDetail__navigation__next:before {
  content: "次の記事"
}

.p-columnDetail__navigation__next:after {
  background-image: url(../img/web/column/next.svg);
  left: auto;
  right: 0
}

.p-columnDetail__foot {
  margin: 48px 0 0
}

@media screen and (max-width: 480px) {
  .p-columnDetail__foot {
      margin: 32px 0 0
  }
}

.p-columnTag {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 0;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 480px) {
  .p-columnTag {
      line-height: 1;
      margin: 6px 0 0
  }
}

.p-columnTag__item {
  color: #176e39;
  font-size: 12px;
  font-weight: 500;
  margin: 0 12px 2px 0;
  user-select: none
}

@media screen and (max-width: 480px) {
  .p-columnTag__item {
      font-size: 12px;
      height: 18px;
      margin: 0 8px 0 0
  }
}

.p-columnTag__item:before {
  content: "#";
  display: inline-block;
  margin: 0 .1em 0 0
}

.p-columnTag__item:hover {
  opacity: .6
}

.p-columnCategory {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 0;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 480px) {
  .p-columnCategory {
      line-height: 1
  }
}

.p-columnCategory__item {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin: 0 2px 4px 0;
  user-select: none;
  padding: 2px 6px;
  background: #176e39;
  line-height: 1.1em;
  border-radius: 10px;
  border: solid 1px #176e39
}

@media screen and (max-width: 480px) {
  .p-columnCategory__item {
      font-size: 12px;
      height: 18px
  }
}

.p-columnCategory__item:hover {
  color: #176e39;
  background-color: #fff
}

.p-columnArticle {
  padding: 25px 20px 18px;
  border: solid 2px #704b52;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-columnArticle {
      padding: 24px 16px 16px
  }
}

.p-columnArticle__head {
  position: absolute;
  left: 20px;
  top: 0;
  transform: translate(0, -50%);
  background: #fff
}

@media screen and (max-width: 480px) {
  .p-columnArticle__head {
      left: 16px
  }
}

.p-columnArticle__head__title {
  width: 200px;
  height: 28px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  border-radius: 4px;
  background: #704b52;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-columnArticle__head__title {
      width: 160px
  }
}

.p-columnArticle__item {
  display: flex;
  position: relative
}

.p-columnArticle__item>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0
}

.p-columnArticle__item__image {
  flex: 0 0 auto;
  width: 200px;
  margin: 0 20px 0 0
}

@media screen and (max-width: 768px) {
  .p-columnArticle__item__image {
      width: 140px;
      margin: 0 16px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-columnArticle__item__image {
      width: 110px;
      margin: 0 12px 0 0
  }
}

.p-columnArticle__item__image .c-image,
.p-columnArticle__item__image .c-image--standard,
.p-columnArticle__item__image .c-image--wide,
.p-columnArticle__item__image .c-image--notification {
  border-radius: 4px;
  background: #eee
}

.p-columnArticle__item__text {
  flex: auto;
  min-width: 1px;
  display: flex;
  flex-direction: column
}

.p-columnArticle__item__title {
  font-size: 18px;
  font-weight: 600;
  flex: 0 0 auto
}

.p-columnArticle__item__description {
  font-size: 14px;
  line-height: 1.6em;
  flex: 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-columnArticle__item__description {
      font-size: 12px;
      line-height: 1.3em
  }
}

@media screen and (max-width: 480px) {
  .p-columnArticle__item__description {
      line-height: 1.4em;
      margin: 6px 0 0;
      height: 32px;
      overflow: hidden
  }
}

.p-columnArticle__item .p-buttonWrap {
  flex: 0 0 auto;
  margin: auto 0 0;
  padding: 10px 0 0;
  justify-content: flex-end
}

@media screen and (max-width: 480px) {
  .p-columnArticle__item .p-buttonWrap {
      display: none
  }
}

.p-columnArticle__item .p-buttonWrap .c-button,
.p-columnArticle__item .p-buttonWrap .c-button--accent,
.p-columnArticle__item .p-buttonWrap .c-button--action,
.p-columnArticle__item .p-buttonWrap .c-button--form,
.p-columnArticle__item .p-buttonWrap .c-button--inline,
.p-columnArticle__item .p-buttonWrap .c-button--inlineArrow,
.p-columnArticle__item .p-buttonWrap .c-button--weak,
.p-columnArticle__item .p-buttonWrap .c-button--line,
.p-columnArticle__item .p-buttonWrap .c-button--full,
.p-columnArticle__item .p-buttonWrap .c-button--small,
.p-columnArticle__item .p-buttonWrap .p-home__middleNav__button {
  color: #e25474;
  font-size: 13px;
  height: auto;
  padding: 0;
  margin: 0
}

.p-columnDetail__body .ql-editor .p-columnArticle__head__title {
  color: #fff
}

.p-columnDetail__body .ql-editor .p-columnArticle__item>a {
  margin: 0
}

.p-columnDetail__body .ql-editor .p-columnArticle__item__title {
  line-height: 1.3em
}

.p-columnDetail__body .ql-editor .p-columnArticle__item__description {
  font-size: 14px;
  line-height: 1.5em;
  margin: 8px 0 0
}

@media screen and (max-width: 768px) {
  .p-columnDetail__body .ql-editor .p-columnArticle__item__description {
      font-size: 12px;
      line-height: 1.3em
  }
}

@media screen and (max-width: 480px) {
  .p-columnDetail__body .ql-editor .p-columnArticle__item__description {
      line-height: 1.4em
  }
}

.p-columnPoint {
  position: relative;
  padding: 38px 46px 30px;
  border-radius: 8px;
  border: solid 2px #e25474
}

@media screen and (max-width: 480px) {
  .p-columnPoint {
      padding: 32px 24px 16px
  }
}

.p-columnPoint__head {
  position: absolute;
  left: 30px;
  top: 0;
  transform: translate(0, -50%);
  background: #fff;
  padding: 0 12px 0 6px
}

@media screen and (max-width: 480px) {
  .p-columnPoint__head {
      left: 20px
  }
}

.p-columnPoint__head__title {
  color: #e25474;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center
}

.p-columnPoint__head__title:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #e25474 url("../img/web/column/pointCheck.svg") no-repeat center;
  background-size: contain;
  margin: 0 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-columnPoint__head__title:before {
      width: 32px;
      height: 32px
  }
}

.p-columnPoint__body>p {
  color: #e23d62;
  font-size: 18px;
  font-weight: 700;
  display: flex
}

.p-columnPoint__body>p:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e23d62;
  margin: 11px 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-columnPoint__body>p:before {
      margin: 9px 12px 0 0
  }
}

.p-columnDetail__body .ql-editor .p-columnPoint__head__title {
  font-size: 22px;
  color: #e23d62
}

@media screen and (max-width: 480px) {
  .p-columnDetail__body .ql-editor .p-columnPoint__head__title {
      font-size: 20px
  }
}

.p-columnDetail__body .ql-editor .p-columnPoint__body>p {
  font-size: 18px;
  color: #e23d62
}

@media screen and (max-width: 480px) {
  .p-columnDetail__body .ql-editor .p-columnPoint__body>p {
      font-size: 16px
  }
}

.p-columnDetail__body .ql-editor .p-columnPoint__body>p+p {
  margin: 12px 0 0
}

@media screen and (max-width: 480px) {
  .p-columnDetail__body .ql-editor .p-columnPoint__body>p+p {
      margin: 8px 0 0
  }
}

.p-columnTalk__item {
  display: flex;
  align-items: flex-start
}

.p-columnTalk__image {
  flex: 0 0 auto;
  width: 100px;
  margin: 0 30px 0 0
}

@media screen and (max-width: 480px) {
  .p-columnTalk__image {
      width: 70px;
      margin: 0 16px 0 0
  }
}

.p-columnTalk__image .c-image,
.p-columnTalk__image .c-image--standard,
.p-columnTalk__image .c-image--wide,
.p-columnTalk__image .c-image--notification {
  border: solid 2px #d0d4de
}

.p-columnTalk__balloon {
  flex: 0 0 auto;
  max-width: calc(100% - 130px);
  min-width: 140px;
  min-height: 100px;
  padding: 20px;
  border-radius: 4px;
  border: solid 2px #ccc;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-columnTalk__balloon {
      padding: 8px 12px;
      min-height: 70px;
      max-width: calc(100% - 94px)
  }
}

.p-columnTalk__balloon:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 34px;
  border-left: solid 2px #ccc;
  border-top: solid 2px #ccc;
  left: 7px;
  background: #fff;
  border-radius: 2px;
  transform: translate(-100%, -50%) rotate(-45deg)
}

@media screen and (max-width: 480px) {
  .p-columnTalk__balloon:before {
      width: 13px;
      height: 13px;
      top: 24px;
      left: 5px
  }
}

.p-columnTalk__balloon[data-name] {
  margin: 24px 0 0;
  min-height: auto
}

@media screen and (max-width: 480px) {
  .p-columnTalk__balloon[data-name] {
      margin: 16px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-columnTalk__balloon[data-name]:before {
      top: 18px
  }
}

.p-columnTalk__balloon[data-name]:after {
  content: attr(data-name);
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  transform: translate(0, -100%)
}

@media screen and (max-width: 480px) {
  .p-columnTalk__balloon[data-name]:after {
      font-size: 13px
  }
}

.p-columnDetail__body .ql-editor .p-columnTalk__balloon p {
  font-size: 16px;
  font-weight: 500
}

@media screen and (max-width: 480px) {
  .p-columnDetail__body .ql-editor .p-columnTalk__balloon p {
      font-size: 14px;
      line-height: 1.4em
  }
}

.p-snsShare__list {
  margin: -2px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.p-snsShare__list__item {
  padding: 2px
}

@media screen and (max-width: 480px) {
  .p-snsShare__list__item {
      padding: 2px 1px
  }
}

.p-cta3 {
  background-color: #f6f7fa;
  border-top: 2px solid #e6e9f1;
  border-bottom: 2px solid #e6e9f1;
  padding: 40px 0 48px
}

@media screen and (max-width: 480px) {
  .p-cta3 {
      padding: 24px 0 32px
  }
}

.p-cta3 .l-container {
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 960px) {
  .p-cta3 .l-container {
      padding: 0 12px
  }
}

.p-cta3__head {
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-cta3__head__balloon {
  color: #222;
  font-size: 15px;
  line-height: 1em;
  padding: 0 2rem;
  font-weight: 600;
  height: 36px;
  border-radius: 100px;
  border: 1px solid #222;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px;
  position: relative;
  transform: translateX(-150px)
}

@media screen and (max-width: 960px) {
  .p-cta3__head__balloon {
      transform: translateX(-120px)
  }
}

@media screen and (max-width: 480px) {
  .p-cta3__head__balloon {
      font-size: 14px;
      height: 28px;
      padding: 0 1rem;
      margin: 0 0 16px;
      transform: translateX(0);
      align-self: flex-start
  }
}

.p-cta3__head__balloon:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f6f7fa;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%)
}

@media screen and (max-width: 480px) {
  .p-cta3__head__balloon:before {
      bottom: -3px;
      width: 16px
  }
}

.p-cta3__head__balloon:after {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background-color: #222;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, 62%) rotate(60deg);
  transform-origin: center center
}

@media screen and (max-width: 480px) {
  .p-cta3__head__balloon:after {
      width: 12px
  }
}

.p-cta3__head__title {
  color: #222;
  font-size: 36px;
  font-weight: 900;
  letter-spacing: .08em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline
}

@media screen and (max-width: 960px) {
  .p-cta3__head__title {
      font-size: 32px
  }
}

@media screen and (max-width: 480px) {
  .p-cta3__head__title {
      font-size: 24px
  }
}

.p-cta3__head__title .english {
  margin: 0 .2em 0 0;
  letter-spacing: 0
}

.p-cta3__head__title .accent {
  color: #176e39;
  font-weight: 900
}

.p-cta3__head__description {
  color: #222;
  font-size: 20px;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: .2em;
  margin: 12px 0 4px;
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  position: relative
}

@media screen and (max-width: 960px) {
  .p-cta3__head__description {
      font-size: 18px;
      max-width: 440px
  }
}

@media screen and (max-width: 480px) {
  .p-cta3__head__description {
      font-size: 16px;
      margin: 16px 0 4px;
      letter-spacing: .08em
  }
}

.p-cta3__head__description:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222;
  position: absolute;
  top: .5em;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 0
}

.p-cta3__head__description:after {
  color: #666;
  content: attr(data-title) "";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .02em;
  display: inline-block;
  margin: 8px 0 0
}

.p-cta3__head__description span {
  display: inline-block;
  background-color: #f6f7fa;
  padding: 0 1em;
  position: relative;
  z-index: 1
}

.p-cta3__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.p-cta3__list {
  max-width: 888px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
  counter-reset: number 0
}

@media screen and (max-width: 960px) {
  .p-cta3__list {
      margin: 0 -8px
  }
}

@media screen and (max-width: 768px) {
  .p-cta3__list {
      margin: -8px 0;
      max-width: 440px
  }
}

.p-cta3__list__item {
  flex: 33.3333%;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  counter-increment: number 1
}

@media screen and (max-width: 960px) {
  .p-cta3__list__item {
      padding: 0 8px
  }
}

@media screen and (max-width: 768px) {
  .p-cta3__list__item {
      flex: 0 0 100%;
      padding: 8px 0
  }
}

.p-cta3__content {
  flex: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  padding: 8px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .1607843137), 0px 4px 8px #d8def2;
  position: relative
}

.p-cta3__list__item--subscription .p-cta3__content {
  color: #176e39
}

.p-cta3__list__item--rental .p-cta3__content {
  color: #704b52
}

.p-cta3__list__item--buy .p-cta3__content {
  color: #333
}

.p-cta3__list__item--recommend .p-cta3__content {
  overflow: visible
}

@media screen and (max-width: 768px) {
  .p-cta3__content {
      flex-direction: row;
      flex-wrap: wrap
  }
}

.p-cta3__list__item--recommend .p-cta3__content:before {
  content: "人気";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 64px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #f2b644 url(https://jibunde-esute.com/img/web/icon/p-cta__recommend.svg) no-repeat center left 9px;
  background-size: 15px 12px;
  padding-left: 20px;
  border-radius: 5px
}

@media screen and (max-width: 768px) {
  .p-cta3__list__item--recommend .p-cta3__content:before {
      top: 6px;
      right: 6px
  }
}

@media screen and (max-width: 560px) {
  .p-cta3__list__item--recommend .p-cta3__content:before {
      top: 0px;
      right: 0px;
      border-radius: 0 6px 0 6px
  }
}

.p-cta3__content__count {
  position: absolute;
  top: 8px;
  left: 8px
}

.p-cta3__content__count:before {
  content: "Choice";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  transform: rotate(90deg);
  transform-origin: top left;
  position: absolute;
  top: 36px;
  left: 24px;
  z-index: 1
}

.p-cta3__content__count__number {
  font-size: 20px;
  font-weight: 900;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 100px;
  position: relative
}

.p-cta3__list__item--subscription .p-cta3__content__count__number {
  border-color: #176e39
}

.p-cta3__list__item--rental .p-cta3__content__count__number {
  border-color: #704b52
}

.p-cta3__list__item--buy .p-cta3__content__count__number {
  border-color: #333
}

.p-cta3__content__count__number:before {
  content: counter(number) "";
  position: relative;
  z-index: 2
}

.p-cta3__content__count__number:after {
  content: "";
  width: 40px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center center
}

.p-cta3__content__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 220px;
  width: 100%;
  padding: 24px 0 24px 4px;
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.p-cta3__list__item--subscription .p-cta3__content__head {
  border-color: #176e39
}

.p-cta3__list__item--rental .p-cta3__content__head {
  border-color: #704b52
}

.p-cta3__list__item--buy .p-cta3__content__head {
  border-color: #333
}

@media screen and (max-width: 768px) {
  .p-cta3__content__head {
      border: none;
      flex: 0 0 45%;
      padding: 16px 0 24px 20px
  }
}

@media screen and (max-width: 560px) {
  .p-cta3__content__head {
      padding: 16px 0 16px 16px
  }
}

.p-cta3__content__head__subtitle {
  font-size: 13px;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: .1em;
  margin: 0 0 12px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-cta3__list__item--subscription .p-cta3__content__head__subtitle {
  color: #176e39
}

.p-cta3__list__item--rental .p-cta3__content__head__subtitle {
  color: #704b52;
  text-align: center
}

.p-cta3__list__item--buy .p-cta3__content__head__subtitle {
  color: #333;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-cta3__content__head__subtitle {
      font-size: 12px;
      letter-spacing: 0
  }
}

.p-cta3__content__head__title {
  font-size: 36px;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: 0
}

@media screen and (max-width: 480px) {
  .p-cta3__content__head__title {
      font-size: 32px
  }
}

@media screen and (max-width: 480px) {
  .p-cta3__list__item--rental .p-cta3__content__head__title {
      font-size: 28px
  }
}

.p-cta3__content__body {
  display: flex;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  flex: auto;
  min-height: 0;
  padding: 20px 20px 24px
}

@media screen and (max-width: 960px) {
  .p-cta3__content__body {
      padding: 20px 12px 24px
  }
}

@media screen and (max-width: 768px) {
  .p-cta3__content__body {
      flex: 0 0 55%
  }
}

@media screen and (max-width: 480px) {
  .p-cta3__content__body {
      padding: 16px 0
  }
}

.p-cta3__content__body__price {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1em;
  display: flex;
  align-items: baseline
}

.p-cta3__list__item--subscription .p-cta3__content__body__price {
  color: #176e39
}

.p-cta3__list__item--rental .p-cta3__content__body__price {
  color: #704b52
}

.p-cta3__list__item--buy .p-cta3__content__body__price {
  color: #333
}

@media screen and (max-width: 480px) {
  .p-cta3__content__body__price {
      font-size: 24px
  }
}

.p-cta3__content__body__price span {
  color: #222;
  font-size: 13px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .08em;
  margin: 0 .4em
}

@media screen and (max-width: 480px) {
  .p-cta3__content__body__price span {
      font-size: 12px
  }
}

.p-cta3__content__body__attention {
  color: #999;
  color: #444;
  font-size: 12px;
  line-height: 1em;
  margin: 8px 0 0
}

.p-cta3__content__body__description {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1.7em;
  margin: 12px 0 0;
  flex: auto;
  min-height: 0
}

@media screen and (max-width: 480px) {
  .p-cta3__content__body__description {
      font-size: 13px
  }
}

@media screen and (max-width: 768px) {
  .p-cta3__content__foot {
      flex: 0 0 100%
  }
}

.p-cta3__content__foot .c-button,
.p-cta3__content__foot .c-button--accent,
.p-cta3__content__foot .c-button--action,
.p-cta3__content__foot .c-button--form,
.p-cta3__content__foot .c-button--inline,
.p-cta3__content__foot .c-button--inlineArrow,
.p-cta3__content__foot .c-button--weak,
.p-cta3__content__foot .c-button--line,
.p-cta3__content__foot .c-button--full,
.p-cta3__content__foot .c-button--small,
.p-cta3__content__foot .p-home__middleNav__button {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .12em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px 0 8px;
  height: 56px;
  width: 100%;
  border: none;
  position: relative;
  border-radius: 8px
}

.p-cta3__list__item--subscription .p-cta3__content__foot .c-button,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--accent,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--action,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--form,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--inline,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--inlineArrow,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--weak,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--line,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--full,
.p-cta3__list__item--subscription .p-cta3__content__foot .c-button--small,
.p-cta3__list__item--subscription .p-cta3__content__foot .p-home__middleNav__button {
  background-color: #176e39
}

.p-cta3__list__item--rental .p-cta3__content__foot .c-button,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--accent,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--action,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--form,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--inline,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--inlineArrow,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--weak,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--line,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--full,
.p-cta3__list__item--rental .p-cta3__content__foot .c-button--small,
.p-cta3__list__item--rental .p-cta3__content__foot .p-home__middleNav__button {
  background-color: #704b52
}

.p-cta3__list__item--buy .p-cta3__content__foot .c-button,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--accent,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--action,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--form,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--inline,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--inlineArrow,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--weak,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--line,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--full,
.p-cta3__list__item--buy .p-cta3__content__foot .c-button--small,
.p-cta3__list__item--buy .p-cta3__content__foot .p-home__middleNav__button {
  background-color: #333
}

@media screen and (max-width: 768px) {

  .p-cta3__content__foot .c-button,
  .p-cta3__content__foot .c-button--accent,
  .p-cta3__content__foot .c-button--action,
  .p-cta3__content__foot .c-button--form,
  .p-cta3__content__foot .c-button--inline,
  .p-cta3__content__foot .c-button--inlineArrow,
  .p-cta3__content__foot .c-button--weak,
  .p-cta3__content__foot .c-button--line,
  .p-cta3__content__foot .c-button--full,
  .p-cta3__content__foot .c-button--small,
  .p-cta3__content__foot .p-home__middleNav__button {
      height: 48px
  }
}

.p-cta3__content__foot .c-button:before,
.p-cta3__content__foot .c-button--accent:before,
.p-cta3__content__foot .c-button--action:before,
.p-cta3__content__foot .c-button--form:before,
.p-cta3__content__foot .c-button--inline:before,
.p-cta3__content__foot .c-button--inlineArrow:before,
.p-cta3__content__foot .c-button--weak:before,
.p-cta3__content__foot .c-button--line:before,
.p-cta3__content__foot .c-button--full:before,
.p-cta3__content__foot .c-button--small:before,
.p-cta3__content__foot .p-home__middleNav__button:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(https://jibunde-esute.com/img/web/column/buttonArrow.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%)
}

@media screen and (max-width: 768px) {

  .p-cta3__content__foot .c-button:before,
  .p-cta3__content__foot .c-button--accent:before,
  .p-cta3__content__foot .c-button--action:before,
  .p-cta3__content__foot .c-button--form:before,
  .p-cta3__content__foot .c-button--inline:before,
  .p-cta3__content__foot .c-button--inlineArrow:before,
  .p-cta3__content__foot .c-button--weak:before,
  .p-cta3__content__foot .c-button--line:before,
  .p-cta3__content__foot .c-button--full:before,
  .p-cta3__content__foot .c-button--small:before,
  .p-cta3__content__foot .p-home__middleNav__button:before {
      content: none
  }
}

.p-cta3__content__foot .c-button:hover,
.p-cta3__content__foot .c-button--accent:hover,
.p-cta3__content__foot .c-button--action:hover,
.p-cta3__content__foot .c-button--form:hover,
.p-cta3__content__foot .c-button--inline:hover,
.p-cta3__content__foot .c-button--inlineArrow:hover,
.p-cta3__content__foot .c-button--weak:hover,
.p-cta3__content__foot .c-button--line:hover,
.p-cta3__content__foot .c-button--full:hover,
.p-cta3__content__foot .c-button--small:hover,
.p-cta3__content__foot .p-home__middleNav__button:hover {
  opacity: .64
}

.p-cta3--mypage {
  border: none;
  padding: 24px 24px 32px
}

@media screen and (max-width: 480px) {
  .p-cta3--mypage {
      padding: 16px 16px 24px
  }
}

.p-cta3--mypage .p-cta3__head__balloon {
  display: none
}

.p-cta3--home {
  background: #fdfafa;
  padding: 24px 0;
  border-top-color: #efe5e5;
  border-bottom-color: #efe5e5;
  border-top: none;
  border-bottom-width: 1px
}

@media screen and (max-width: 480px) {
  .p-cta3--home {
      padding: 16px 0
  }
}

.p-cta3--home>.l-container {
  max-width: 1070px
}

.p-cta3--home .p-cta3__list {
  width: auto;
  flex: auto;
  min-width: 1px;
  max-width: none
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__list {
      margin: -4px
  }
}

@media screen and (max-width: 480px) {
  .p-cta3--home .p-cta3__list {
      margin: -2px
  }
}

@media screen and (max-width: 768px) {
  .p-cta3--home .p-cta3__list__item {
      width: 33.33%;
      flex: 0 0 auto;
      padding: 0 8px
  }
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__list__item {
      padding: 4px
  }
}

@media screen and (max-width: 480px) {
  .p-cta3--home .p-cta3__list__item {
      padding: 2px
  }
}

.p-cta3--home .p-cta3__content {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .16), 0px 4px 8px #e5d6d6
}

@media screen and (max-width: 768px) {
  .p-cta3--home .p-cta3__content {
      flex-direction: column
  }
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__content {
      padding: 0
  }
}

@media screen and (max-width: 480px) {
  .p-cta3--home .p-cta3__content {
      border-radius: 8px
  }
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__content__count {
      display: none
  }
}

@media screen and (max-width: 768px) {
  .p-cta3--home .p-cta3__content:before {
      position: relative;
      width: 100%;
      margin: 0 auto;
      border-radius: 4px;
      height: 21px;
      max-width: 56px;
      font-size: 13px;
      background: #f2b644 url(https://jibunde-esute.com/img/web/icon/p-cta__recommend.svg) no-repeat center left 9px;
      background-size: 13px 10px;
      transform: translate(16px, 0px)
  }
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__content:before {
      margin: 8px auto 0;
      transform: translate(0, 0)
  }
}

.p-cta3--home .p-cta3__content__head {
  border: none;
  padding: 20px 0 20px 4px
}

@media screen and (max-width: 768px) {
  .p-cta3--home .p-cta3__content__head {
      flex: 0 0 auto;
      width: 100%;
      padding: 16px 0 16px 20px
  }
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__content__head {
      padding-left: 0
  }
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__content__head {
      padding: 10px 0 8px;
      flex: auto;
      justify-content: center
  }
}

@media screen and (max-width: 768px) {
  .p-cta3--home .p-cta3__content__head__title {
      font-size: 28px
  }
}

@media screen and (max-width: 480px) {
  .p-cta3--home .p-cta3__content__head__title {
      font-size: 24px
  }
}

@media screen and (max-width: 560px) {
  .p-cta3--home .p-cta3__content__head__subtitle {
      margin: 0 0 8px
  }
}

@media screen and (max-width: 480px) {
  .p-cta3--home .p-cta3__content__head__subtitle {
      margin: 0 0 6px
  }
}

@media screen and (max-width: 768px) {
  .p-cta3--home .p-cta3__content__foot {
      margin: auto 0 0;
      flex: 0 0 auto
  }
}

@media screen and (max-width: 768px) {

  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--accent,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--action,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--form,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inline,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--weak,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--line,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--full,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--small,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button {
      font-size: 13px;
      padding: 0 8px
  }
}

@media screen and (max-width: 560px) {

  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--accent,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--action,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--form,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inline,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--weak,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--line,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--full,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--small,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button {
      text-align: center;
      line-height: 1.2em;
      border-radius: 0 0 6px 6px
  }
}

@media screen and (max-width: 480px) {

  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--accent,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--action,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--form,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inline,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--weak,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--line,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--full,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--small,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button {
      padding: 0 4px
  }
}

.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--accent br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--action br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--form br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inline br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--weak br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--line br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--full br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--small br,
.p-cta3--home .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button br {
  display: none
}

@media screen and (max-width: 560px) {

  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--accent br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--action br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--form br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inline br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--inlineArrow br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--weak br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--line br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--full br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .c-button--small br,
  .p-cta3--home .p-cta3__content__foot .p-buttonWrap .p-home__middleNav__button br {
      display: block
  }
}

.p-review__body {
  margin: -8px
}

@media screen and (max-width: 560px) {
  .p-review__body {
      margin: -4px
  }
}

.p-review__list {
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 560px) {
  .p-review__list {
      margin: 0
  }
}

.p-review__list>li {
  display: flex;
  padding: 8px;
  width: 100%
}

@media screen and (max-width: 1080px) {
  .p-review__list>li {
      width: 50%
  }
}

@media screen and (max-width: 768px) {
  .p-review__list>li {
      width: 100%
  }
}

@media screen and (max-width: 560px) {
  .p-review__list>li {
      padding: 4px
  }
}

.p-review__list__body {
  width: 100%;
  display: flex;
  flex: auto;
  min-width: 0;
  background: #fff;
  padding: 16px;
  border: 1px solid #176e39;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-review__list__body {
      flex-direction: column
  }
}

@media screen and (max-width: 560px) {
  .p-review__list__body {
      padding: 12px
  }
}

.p-review__list__body--men {
  border-color: #406c9e
}

.p-review__list__body--men .p-review__list__body__infoList__label {
  border-color: #406c9e;
  color: #406c9e
}

.p-review__list__body__category {
  color: #fff;
  background: #176e39;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0
}

.p-review__list__body__category--men {
  background: #406c9e
}

.p-review__list__body__data {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0 16px
}

.p-review__list__body__data__target {
  margin: 0 24px 0 0;
  padding: 0 24px 0 0;
  border-right: 1px solid #e5e9ee
}

.p-review__list__body__data__detail__list>li {
  display: flex;
  align-items: center
}

.p-review__list__body__data__detail__list__label {
  flex: 0 0 72px
}

.p-review__list__body__data__detail__list__data {
  flex: none
}

.p-review__list__body__image {
  flex: 0 0 auto;
  width: 340px
}

@media screen and (max-width: 1080px) {
  .p-review__list__body__image {
      width: 100%
  }
}

.p-review__list__body__image img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto
}

.p-review__list__body__title {
  text-align: center;
  margin: 32px 0 24px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 1080px) {
  .p-review__list__body__title {
      font-size: 18px;
      margin: 24px 0 16px
  }
}

@media screen and (max-width: 560px) {
  .p-review__list__body__title {
      font-size: 16px;
      height: 40px
  }
}

.p-review__list__body__description {
  font-size: 15px;
  line-height: 1.8em;
  font-weight: 400;
  flex: auto;
  min-width: 0;
  color: #666;
  max-width: 420px;
  width: 100%;
  margin: 0 auto auto
}

.p-review__list__body__label {
  margin: auto;
  padding: 8px 0 0;
  flex: 0 0 auto;
  width: 300px
}

@media screen and (max-width: 1080px) {
  .p-review__list__body__label {
      margin: auto 0 0;
      width: 100%
  }
}

.p-review__list__body__label img {
  display: block;
  height: auto;
  width: auto;
  margin: 0 auto
}

@media screen and (max-width: 1080px) {
  .p-review__list__body__label img {
      height: 64px
  }
}

@media screen and (max-width: 560px) {
  .p-review__list__body__label img {
      height: auto;
      width: 100%
  }
}

.p-review__list__body__comment {
  display: flex;
  margin: 40px 0 0
}

.p-review__list__body__comment__text {
  padding: 16px;
  border-radius: 8px;
  border: 4px solid #d68490;
  position: relative;
  flex: auto;
  min-width: 0
}

.p-review__list__body__comment__text:before,
.p-review__list__body__comment__text:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d68490;
  position: absolute;
  top: 40px;
  right: 0;
  transform: translateX(100%)
}

.p-review__list__body__comment__text:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  right: 7px
}

.p-review__list__body__comment__text p {
  font-size: 13px;
  font-weight: 700
}

.p-review__list__body__comment__text p+p {
  margin: 8px 0 0
}

.p-review__list__body__comment__image {
  flex: 0 0 160px;
  margin: 0 0 0 24px
}

@media screen and (max-width: 1080px) {
  .p-review__list__body__comment__image {
      flex: 0 0 100px
  }
}

@media screen and (max-width: 560px) {
  .p-review__list__body__comment__image {
      flex: 0 0 80px
  }
}

.p-review__list__body__infoList {
  margin: 16px 0 0;
  flex: auto;
  min-width: 1px
}

.p-review__list__body__infoList>li {
  padding: 0 0 10px;
  border-bottom: solid 1px #eee
}

.p-review__list__body__infoList>li+li {
  margin: 10px 0 0
}

.p-review__list__body__infoList__label {
  font-size: 13px;
  font-weight: 600;
  color: #e0778d;
  margin: 0 0 6px;
  display: inline-flex;
  padding: 3px 8px;
  border: solid 1px #e0778d
}

.p-review__list__body__infoList__data {
  font-size: 14px;
  line-height: 1.4em;
  color: #333
}

.p-review__list__body .p-buttonArea {
  margin: 24px 0 0
}

@media screen and (max-width: 1080px) {
  .p-review__list__body .p-buttonArea {
      margin: 16px 0 0
  }
}

.p-review__list--home>li {
  width: 25%
}

@media screen and (max-width: 1080px) {
  .p-review__list--home>li {
      width: 50%
  }
}

.p-review__list--home .p-review__list__body {
  flex-direction: column
}

@media screen and (max-width: 560px) {
  .p-review__list--home .p-review__list__body {
      padding: 20px 6px 6px
  }
}

.p-review__list--home .p-review__list__body__image {
  width: 100%
}

.p-review__list--home .p-review__list__body__label {
  width: 100%
}

.p-review__list--old {
  display: flex
}

@media screen and (max-width: 768px) {
  .p-review__list--old {
      flex-wrap: wrap
  }
}

@media screen and (max-width: 560px) {
  .p-review__list--old {
      margin: 0
  }
}

.p-review__list--old>li {
  display: flex;
  padding: 8px;
  width: 50%
}

@media screen and (max-width: 768px) {
  .p-review__list--old>li {
      width: 100%
  }
}

@media screen and (max-width: 560px) {
  .p-review__list--old>li {
      padding: 4px
  }
}

.p-review__list--old .p-review__list__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  background: #fff;
  padding: 16px;
  border: 1px solid #176e39;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-review__list--old .p-review__list__body {
      padding: 12px
  }
}

.p-review__list--old .p-review__list__body__category {
  color: #fff;
  background: #176e39;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0
}

.p-review__list--old .p-review__list__body__data {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0 16px
}

.p-review__list--old .p-review__list__body__data__target {
  margin: 0 24px 0 0;
  padding: 0 24px 0 0;
  border-right: 1px solid #e5e9ee
}

.p-review__list--old .p-review__list__body__data__detail__list>li {
  display: flex;
  align-items: center
}

.p-review__list--old .p-review__list__body__data__detail__list__label {
  flex: 0 0 72px
}

.p-review__list--old .p-review__list__body__data__detail__list__data {
  flex: none
}

.p-review__list--old .p-review__list__body__image {
  width: 100%
}

.p-review__list--old .p-review__list__body__image img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto
}

.p-review__list--old .p-review__list__body__title {
  text-align: center;
  margin: 32px 0 24px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 1080px) {
  .p-review__list--old .p-review__list__body__title {
      font-size: 18px;
      margin: 24px 0 16px
  }
}

@media screen and (max-width: 560px) {
  .p-review__list--old .p-review__list__body__title {
      font-size: 16px;
      height: 40px
  }
}

.p-review__list--old .p-review__list__body__description {
  font-size: 15px;
  line-height: 1.8em;
  font-weight: 400;
  flex: auto;
  min-width: 0;
  color: #666;
  max-width: 420px;
  width: 100%;
  margin: 0 auto auto
}

.p-review__list--old .p-review__list__body__label img {
  display: block;
  height: 100px;
  width: auto;
  margin: 0 auto
}

@media screen and (max-width: 1080px) {
  .p-review__list--old .p-review__list__body__label img {
      height: 64px
  }
}

.p-review__list--old .p-review__list__body__comment {
  display: flex;
  margin: 40px 0 0
}

.p-review__list--old .p-review__list__body__comment__text {
  padding: 16px;
  border-radius: 8px;
  border: 4px solid #d68490;
  position: relative;
  flex: auto;
  min-width: 0
}

.p-review__list--old .p-review__list__body__comment__text:before,
.p-review__list--old .p-review__list__body__comment__text:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d68490;
  position: absolute;
  top: 40px;
  right: 0;
  transform: translateX(100%)
}

.p-review__list--old .p-review__list__body__comment__text:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  right: 7px
}

.p-review__list--old .p-review__list__body__comment__text p {
  font-size: 13px;
  font-weight: 700
}

.p-review__list--old .p-review__list__body__comment__text p+p {
  margin: 8px 0 0
}

.p-review__list--old .p-review__list__body__comment__image {
  flex: 0 0 160px;
  margin: 0 0 0 24px
}

@media screen and (max-width: 1080px) {
  .p-review__list--old .p-review__list__body__comment__image {
      flex: 0 0 100px
  }
}

@media screen and (max-width: 560px) {
  .p-review__list--old .p-review__list__body__comment__image {
      flex: 0 0 80px
  }
}

.p-review__list--old .p-review__list__body .p-buttonArea {
  margin: 40px 0 0
}

@media screen and (max-width: 1080px) {
  .p-review__list--old .p-review__list__body .p-buttonArea {
      margin: 32px 0 0
  }
}

@media screen and (max-width: 1080px) {
  .p-review__list--full>li {
      width: 100%
  }
}

@media screen and (max-width: 1080px) {
  .p-review__list--full .p-review__list__body {
      flex-direction: row
  }
}

@media screen and (max-width: 768px) {
  .p-review__list--full .p-review__list__body {
      flex-direction: column
  }
}

@media screen and (max-width: 1080px) {
  .p-review__list--full .p-review__list__body__image {
      width: 340px;
      padding-bottom: 64px
  }
}

@media screen and (max-width: 768px) {
  .p-review__list--full .p-review__list__body__image {
      width: 100%;
      padding-bottom: 0;
      max-width: 400px
  }
}

@media screen and (max-width: 1080px) {
  .p-review__list--full .p-review__list__body__label {
      width: 300px;
      position: absolute;
      bottom: 20px;
      left: 32px
  }
}

@media screen and (max-width: 768px) {
  .p-review__list--full .p-review__list__body__label {
      width: 100%;
      max-width: 300px;
      position: relative;
      bottom: 0;
      left: 0
  }
}

.p-review .banner {
  margin-bottom: 30px
}

.p-review .banner a {
  margin-bottom: 10px;
  padding: 8px;
  display: block
}

.p-review .banner a:last-child {
  margin-bottom: 0
}

.p-review .p-homeVoice {
  border-bottom: none
}

.p-review .p-homeVoice__head::before {
  display: none
}

.p-language__head__title {
  font-weight: 500;
  padding: 0 8px 0 0;
  letter-spacing: .02em;
  display: flex;
  align-items: center;
  padding: 4px 8px 6px 10px;
  background: rgba(255, 255, 255, .7);
  border-radius: 0 0 0 6px
}

.p-language__head__title:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("https://jibunde-esute.com/img/web/icon/language.svg") no-repeat center;
  background-size: contain;
  flex: 0 0 auto;
  margin: 0 8px 0 0
}

.p-language__body {
  position: absolute;
  opacity: 0;
  top: 34px;
  left: 0;
  transition: all .2s ease;
  width: 100%;
  pointer-events: none
}

.p-language__body:hover {
  opacity: 1;
  pointer-events: all
}

.p-language__head:hover+.p-language__body {
  opacity: 1;
  pointer-events: all
}

.p-language__list__item a,
.p-language__list__item span {
  padding: 4px 6px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  min-height: 32px;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 13px
}

.p-language__list__item a:hover {
  color: #fff;
  background: #e16a83
}

.p-language__list__item span {
  font-weight: 600;
  color: #bbb;
  background: #eee
}

.p-language__list__item+.p-language__list__item a,
.p-language__list__item+.p-language__list__item span {
  border-top: solid 1px #eee
}

.p-media__body__link {
  display: flex;
  justify-content: center;
  margin: 0 0 24px
}

@media screen and (max-width: 560px) {
  .p-media__body__link {
      margin: 0
  }
}

.p-media__body__link a {
  padding: 4px 24px;
  font-size: 16px
}

@media screen and (max-width: 560px) {
  .p-media__body__link a {
      padding: 4px 16px
  }
}

.p-media__body__link a:hover {
  color: #176e39
}

.p-media__body__link a+a {
  position: relative
}

.p-media__body__link a+a:before {
  content: "";
  height: 12px;
  width: 1px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%)
}

.p-media__body__block {
  padding: 56px 0
}

@media screen and (max-width: 560px) {
  .p-media__body__block {
      padding: 32px 0
  }
}

@media screen and (max-width: 480px) {
  .p-media__body__block {
      padding: 24px 0 32px
  }
}

.p-media__body__block--youtube {
  background: #f7f7f7
}

.p-media__body__block--magazine {
  background: #f7f2f2;
  background: none
}

.p-media__body__block .l-container {
  max-width: 960px
}

.p-media__body__title {
  font-size: 32px;
  text-align: center;
  font-weight: 600;
  color: #222;
  margin: 0 0 24px
}

@media screen and (max-width: 560px) {
  .p-media__body__title {
      margin: 0 0 16px
  }
}

@media screen and (max-width: 480px) {
  .p-media__body__title {
      font-size: 24px;
      margin: 0 0 12px
  }
}

.p-media__body__title small {
  display: block;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #666;
  opacity: .6
}

.p-media__list {
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 560px) {
  .p-media__list {
      margin: 0
  }
}

.p-media__list>li {
  display: flex;
  padding: 8px;
  width: 50%
}

@media screen and (max-width: 768px) {
  .p-media__list>li {
      width: 100%
  }
}

@media screen and (max-width: 560px) {
  .p-media__list>li {
      padding: 8px
  }
}

.p-media__list__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-media__list__body {
      padding: 0px
  }
}

.p-media__list__body__category {
  color: #fff;
  background: #176e39;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0
}

.p-media__list__body__data {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0 16px
}

.p-media__list__body__data__target {
  margin: 0 24px 0 0;
  padding: 0 24px 0 0;
  border-right: 1px solid #e5e9ee
}

.p-media__list__body__data__detail__list>li {
  display: flex;
  align-items: center
}

.p-media__list__body__data__detail__list__label {
  flex: 0 0 72px
}

.p-media__list__body__data__detail__list__data {
  flex: none
}

.p-media__list__body__image img {
  display: block;
  width: auto;
  margin: 0 auto
}

.p-media__list__body__image img+img {
  margin: 6px auto 0
}

.p-media__list__body__title {
  text-align: center;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 1080px) {
  .p-media__list__body__title {
      font-size: 18px;
      margin: 24px 0 16px
  }
}

@media screen and (max-width: 560px) {
  .p-media__list__body__title {
      font-size: 16px;
      height: 40px
  }
}

.p-media__list__body__description {
  font-size: 15px;
  line-height: 1.8em;
  font-weight: 400;
  flex: auto;
  min-width: 0;
  color: #666;
  max-width: 420px;
  width: 100%;
  margin: 0 auto auto
}

.p-media__list__body__label img {
  display: block;
  height: 100px;
  width: auto;
  margin: 0 auto
}

@media screen and (max-width: 1080px) {
  .p-media__list__body__label img {
      height: 64px
  }
}

.p-media__list__body__comment {
  display: flex;
  margin: 40px 0 0
}

.p-media__list__body__comment__text {
  padding: 16px;
  border-radius: 8px;
  border: 4px solid #d68490;
  position: relative;
  flex: auto;
  min-width: 0
}

.p-media__list__body__comment__text:before,
.p-media__list__body__comment__text:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d68490;
  position: absolute;
  top: 40px;
  right: 0;
  transform: translateX(100%)
}

.p-media__list__body__comment__text:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  right: 7px
}

.p-media__list__body__comment__text p {
  font-size: 13px;
  font-weight: 700
}

.p-media__list__body__comment__text p+p {
  margin: 8px 0 0
}

.p-media__list__body__comment__image {
  flex: 0 0 160px;
  margin: 0 0 0 24px
}

@media screen and (max-width: 1080px) {
  .p-media__list__body__comment__image {
      flex: 0 0 100px
  }
}

@media screen and (max-width: 560px) {
  .p-media__list__body__comment__image {
      flex: 0 0 80px
  }
}

.p-media__list__body .p-buttonArea {
  margin: 40px 0 0
}

@media screen and (max-width: 1080px) {
  .p-media__list__body .p-buttonArea {
      margin: 32px 0 0
  }
}

.p-media__list--magazine {
  margin: -6px
}

@media screen and (max-width: 1080px) {
  .p-media__list--magazine {
      max-width: 760px;
      margin: auto;
      justify-content: center
  }
}

@media screen and (max-width: 768px) {
  .p-media__list--magazine {
      max-width: 500px;
      margin: -6px auto
  }
}

@media screen and (max-width: 560px) {
  .p-media__list--magazine {
      max-width: 340px
  }
}

.p-media__list--magazine>li {
  width: 20%;
  padding: 6px
}

@media screen and (max-width: 1080px) {
  .p-media__list--magazine>li {
      width: 33.33%;
      flex: auto;
      min-width: 1px;
      max-width: 33.33%
  }
}

@media screen and (max-width: 768px) {
  .p-media__list--magazine>li {
      width: 100%;
      max-width: none
  }
}

.p-media__list--magazine .p-media__list__body {
  position: relative;
  z-index: 0;
  padding: 4px;
  background: #e894a6;
  display: flex;
  flex-direction: column
}

.p-media__list--magazine .p-media__list__body__title {
  position: absolute;
  left: 4px;
  bottom: 4px;
  margin: 0;
  padding: 8px;
  background: rgba(225, 119, 142, .95);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  min-width: auto;
  box-shadow: 4px 4px 5px rgba(175, 66, 88, .1);
  width: calc(100% - 6px);
  z-index: 1
}

@media screen and (max-width: 768px) {
  .p-media__list--magazine .p-media__list__body__title {
      width: calc(100% - 8px);
      font-weight: 600
  }
}

.p-media__list--magazine .p-media__list__body__image {
  flex: auto;
  min-height: 1px;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 0
}

.p-media__list--magazine .p-media__list__body__image:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 140%
}

@media screen and (max-width: 1080px) {
  .p-media__list--magazine .p-media__list__body__image:before {
      padding-top: 110%
  }
}

.p-media__list--magazine .p-media__list__body__image img {
  z-index: -1;
  flex: auto;
  min-height: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: none
}

.p-media__list--tv {
  margin: -6px
}

@media screen and (max-width: 768px) {
  .p-media__list--tv {
      max-width: 560px;
      margin: -6px auto
  }
}

.p-media__list--tv>li {
  width: 100%;
  padding: 6px;
  display: flex;
  align-items: center;
  padding: 8px 0 6px;
  border-bottom: solid 1px #eee
}

@media screen and (max-width: 480px) {
  .p-media__list--tv>li {
      flex-wrap: wrap
  }
}

.p-media__list--tv>li .date {
  font-size: 13px;
  margin: 0 12px 0 0;
  flex: 0 0 auto;
  width: 56px;
  text-align: justify;
  color: #666;
  letter-spacing: .04rem
}

@media screen and (max-width: 480px) {
  .p-media__list--tv>li .date {
      width: auto;
      margin: 0
  }
}

.p-media__list--tv>li .category {
  font-size: 12px;
  margin: 0 14px 0 0;
  flex: 0 0 auto;
  width: 100px;
  text-align: center;
  background: #f8f2f2;
  color: #b28383;
  padding: 2px 4px
}

@media screen and (max-width: 480px) {
  .p-media__list--tv>li .category {
      width: auto;
      background: none;
      padding: 0 0 0 8px;
      margin: 0 0 0 8px;
      border-left: solid 1px #ccc;
      line-height: 1;
      color: #666
  }
}

.p-media__list--tv>li .name {
  font-size: 13px;
  font-weight: 500;
  color: #222
}

@media screen and (max-width: 480px) {
  .p-media__list--tv>li .name {
      width: 100%;
      margin: 2px 0 0
  }
}

.p-media__list--tv>li .name b {
  font-size: 14px;
  color: #ec798a;
  display: inline-block;
  margin: 0 4px 0 0;
  font-weight: 600
}

@media screen and (max-width: 768px) {
  .p-media__list--tv .p-media__list__body {
      padding: 0
  }
}

.p-media__list--tv .p-media__list__body__title {
  margin: 0 0 6px;
  padding: 8px 6px;
  background: #91a6be;
  color: #fff
}

@media screen and (max-width: 768px) {
  .p-media__list--tv .p-media__list__body__title {
      font-weight: 600;
      padding: 8px 16px;
      font-size: 20px;
      margin: 0;
      height: auto
  }
}

.p-media__list--tv .p-media__list__body__image {
  padding: 8px;
  background: #e5e9ee
}

@media screen and (max-width: 768px) {
  .p-media__list--tv .p-media__list__body__image {
      display: flex;
      margin: -2px
  }
}

@media screen and (max-width: 560px) {
  .p-media__list--tv .p-media__list__body__image {
      display: block;
      margin: 0
  }
}

@media screen and (max-width: 768px) {
  .p-media__list--tv .p-media__list__body__image img {
      flex: 0 0 auto;
      width: calc(33.33% - 4px);
      margin: 2px
  }
}

@media screen and (max-width: 560px) {
  .p-media__list--tv .p-media__list__body__image img {
      width: 100%;
      margin: 0
  }
}

@media screen and (max-width: 768px) {
  .p-media__list--tv .p-media__list__body__image img+img {
      margin: 2px
  }
}

@media screen and (max-width: 560px) {
  .p-media__list--tv .p-media__list__body__image img+img {
      margin: 4px 0 0
  }
}

@media screen and (max-width: 560px) {
  .p-registration>.l-container {
      padding: 0
  }
}

.p-registration__head {
  padding: 40px 0 26px
}

@media screen and (max-width: 768px) {
  .p-registration__head {
      padding: 24px 24px 26px
  }
}

.p-registration__head--beyond {
  padding: 16px;
  background: #176e3a
}

.p-registration__head--beyond__title {
  font-size: 20px;
  font-weight: 500;
  color: #fff
}

.p-registration__head--beyond__title span {
  font-weight: 700;
  font-family: "Roboto";
  font-style: italic
}

.p-registration__head--beyond__description {
  color: #fff
}

.p-registration__head--step {
  display: flex;
  align-items: center;
  border-bottom: solid 4px #e5e9ee;
  position: relative
}

.p-registration__head--step:before {
  content: "";
  background: #3577c4;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -4px
}

.p-registration__head--step--first:before {
  width: 33.33%
}

.p-registration__head--step--second:before {
  width: 66.66%
}

.p-registration__head--step--third:before {
  width: 100%
}

.p-registration__head--step--third .p-registration__head__title {
  color: #3577c4
}

.p-registration__head--step--complete:before {
  width: 100%
}

.p-registration__head--step--complete .p-registration__head__title {
  color: #3577c4
}

.p-registration__head__title {
  font-size: 20px;
  font-weight: 500;
  color: #222
}

.p-registration__head__description {
  color: #777
}

.p-registration__step {
  margin: 0 24px 0 0
}

.p-registration__step__head {
  margin: 0 0 3px
}

.p-registration__step__title {
  font-size: 8px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #3577c4
}

.p-registration__step__body {
  display: flex;
  align-items: baseline
}

.p-registration__step__current {
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #3577c4
}

.p-registration__step__total {
  font-size: 18px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #b6c1ce;
  padding: 0 0 0 20px;
  position: relative
}

.p-registration__step__total:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #b6c1ce;
  position: absolute;
  left: 4px;
  top: 8px;
  transform: rotate(-70deg)
}

.p-registration__step--complete {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  background: url(../img/web/registration/p-registration--complete.svg) no-repeat center;
  background-size: contain;
  margin: 0 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-registration__step--complete {
      background: url(../img/web/registration/p-registration--complete.svg) no-repeat top center;
      background-size: 40px 40px;
      margin: 0 12px 0 0
  }
}

.p-registration__body .p-listForm {
  padding: 24px 0 0;
  margin: auto
}

@media screen and (max-width: 768px) {
  .p-registration__body .p-listForm {
      max-width: 480px;
      padding: 24px 24px 0
  }
}

.p-registration__body .p-listForm__item {
  display: flex
}

@media screen and (max-width: 768px) {
  .p-registration__body .p-listForm__item {
      display: block
  }
}

.p-registration__body .p-listForm__item__head {
  margin: 0 0 6px;
  flex: 0 0 auto;
  width: 180px
}

@media screen and (max-width: 768px) {
  .p-registration__body .p-listForm__item__head {
      width: auto
  }
}

.p-registration__body .p-listForm__item__head__title {
  font-weight: 600;
  color: #29324b
}

.p-registration__body .p-listForm__item__body {
  display: flex;
  flex-wrap: wrap
}

.p-registration__body .p-listForm__item__body>p {
  color: #999
}

.p-registration__body .p-listForm__item__body__form {
  padding: 4px
}

.p-registration__body .p-listForm__item__body--split {
  margin: -4px
}

.p-registration__body .p-listForm__item__body--split .p-listForm__item__body__form {
  width: 50%
}

.p-registration__body .p-listForm__item__body>.c-input,
.p-registration__body .p-listForm__item__body>.c-input--full,
.p-registration__body .p-listForm__item__body>.c-input--select,
.p-registration__body .p-listForm__item__body>.c-input--file,
.p-registration__body .p-listForm__item__body>.c-input--checkbox,
.p-registration__body .p-listForm__item__body>.c-input--radio,
.p-registration__body .p-listForm__item__body>.c-input--radio--beyond {
  flex: auto;
  min-width: 1px
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox {
  padding: 0 0 0 4px;
  margin: 16px 0 0
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox label {
  color: #7f8391
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox label a {
  color: #7f8391;
  text-decoration: underline;
  margin: 0 1px 0 0
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox input:checked+label a {
  color: #518acc
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox--allcheck {
  margin: 10px 0 -12px;
  display: inline-flex
}

@media screen and (max-width: 480px) {
  .p-registration__body .p-listForm__item__body>.c-input--checkbox--allcheck {
      margin: 10px 0 -8px
  }
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox--allcheck label {
  border: solid 1px #91a6be;
  border-radius: 3px;
  padding: 0 16px 0 32px;
  font-size: 13px
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox--allcheck label:before {
  left: 7px
}

.p-registration__body .p-listForm__item__body>.c-input--checkbox--allcheck input:checked+label {
  border-color: #6093cb;
  background: #f1f6fc
}

.p-registration__body .p-listForm__item__body>span {
  color: #999;
  display: flex;
  justify-content: flex-end;
  margin: 6px 0 0;
  width: 100%
}

.p-registration__body .p-listForm__item__body .p-listForm__item__annotation {
  width: 100%;
  max-width: 260px;
  margin: 13px 0 0
}

.p-registration__body .p-listForm__item__foot {
  margin: 16px 0 0
}

.p-registration__body .p-listForm__item__annotation {
  padding: 10px;
  background: #feedef
}

.p-registration__body .p-listForm__item__annotation p {
  font-size: 11px;
  color: #f75769
}

.p-registration__body .p-listForm__item__annotation p a {
  font-size: 11px;
  font-weight: 600;
  text-decoration: underline;
  color: #f75769
}

.p-registration__shop {
  padding: 14px 24px;
  background: #f2f4f6;
  margin: 16px 0 0
}

@media screen and (max-width: 768px) {
  .p-registration__shop {
      margin: 0
  }
}

.p-registration__shop .p-list__item {
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  border: none
}

.p-registration__shop .p-list__item .title {
  flex: 0 0 auto;
  width: 110px;
  margin: 0;
  font-size: 12px;
  color: #29324b;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .p-registration__shop .p-list__item .title.narrow--sp {
      width: 60px
  }
}

.p-registration__shop .p-list__item .data {
  flex: auto;
  min-width: 1px;
  font-size: 16px;
  color: #29324b;
  line-height: 1.3em
}

.p-registration__shop .p-list__item .data .genderType {
  display: inline-flex;
  width: 42px;
  height: 16px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 0 0 16px;
  transform: translate(0, 1px)
}

@media screen and (max-width: 480px) {
  .p-registration__shop .p-list__item .data .genderType {
      margin: 0 0 0 8px
  }
}

.p-registration__shop .p-list__item .data .genderType--ladys {
  background: url(../img/common/genderType/ladys.svg)
}

.p-registration__shop .p-list__item .data .genderType--mens {
  background: url(../img/common/genderType/mens.svg)
}

.p-registration__shop .p-list__item .data .genderType--both {
  width: 88px;
  background: url(../img/common/genderType/ladys.svg), url(../img/common/genderType/mens.svg);
  background-position: left center, right center !important
}

.p-registration__shop .p-list__item+.p-list__item {
  margin: 12px 0 0
}

.p-registration__foot {
  margin: 48px 0 0;
  padding: 16px 24px 0;
  border-top: solid 1px #cacedb
}

.p-registration__foot .p-buttonWrap {
  max-width: 360px;
  margin: auto;
  justify-content: center
}

.p-registration__foot .p-buttonWrap .c-button,
.p-registration__foot .p-buttonWrap .c-button--accent,
.p-registration__foot .p-buttonWrap .c-button--action,
.p-registration__foot .p-buttonWrap .c-button--form,
.p-registration__foot .p-buttonWrap .c-button--inline,
.p-registration__foot .p-buttonWrap .c-button--inlineArrow,
.p-registration__foot .p-buttonWrap .c-button--weak,
.p-registration__foot .p-buttonWrap .c-button--line,
.p-registration__foot .p-buttonWrap .c-button--full,
.p-registration__foot .p-buttonWrap .c-button--small,
.p-registration__foot .p-buttonWrap .p-home__middleNav__button {
  border-radius: 4px;
  height: 48px;
  font-size: 14px;
  font-weight: 600
}

.p-registration__foot .p-buttonWrap .c-button--beyond {
  background: #176e3a
}

.p-registration__foot .p-buttonWrap .c-button--beyond:hover {
  background: #325e29;
  transition: all .3s ease
}

.p-registration__foot .p-buttonWrap .c-button--line {
  flex: 0 0 auto;
  width: 80px;
  border-color: #b6b9c3;
  color: #29324b
}

.p-registration__foot .p-buttonWrap .c-button--line:hover {
  opacity: .3;
  background: #fff;
  transition: all .3s ease
}

.p-registration__foot .p-buttonWrap .c-button--main,
.p-registration__foot .p-buttonWrap .p-pagination__list__button {
  flex: auto;
  min-width: 1px;
  font-weight: 600;
  background: #db5875
}

.p-registration__foot .p-buttonWrap .c-button--main:hover,
.p-registration__foot .p-buttonWrap .p-pagination__list__button:hover {
  border-color: #bb4862;
  background: #bb4862
}

.p-registration__confirm {
  background: #f2f4f6
}

.p-registration__confirm .p-listInfo>li+li {
  margin: 8px 0 0
}

.p-registration__confirm .p-listInfo__item {
  padding: 24px 24px 40px
}

.p-registration--confirm .p-registration__foot .p-buttonWrap {
  max-width: 320px
}

.p-registration__complete {
  padding: 32px 32px 0
}

.p-registration__complete__description {
  font-size: 13px
}

.p-registration__complete .p-memberId {
  margin: 24px -32px 0
}

.p-registration__complete__foot {
  margin: 32px 0 0
}

.p-registration__complete__foot .p-registration__complete__discrition {
  text-align: center
}

.p-registration__complete__foot .p-buttonWrap {
  margin: 28px auto 0
}

.p-registration__complete__foot .p-buttonWrap .c-button,
.p-registration__complete__foot .p-buttonWrap .c-button--accent,
.p-registration__complete__foot .p-buttonWrap .c-button--action,
.p-registration__complete__foot .p-buttonWrap .c-button--form,
.p-registration__complete__foot .p-buttonWrap .c-button--inline,
.p-registration__complete__foot .p-buttonWrap .c-button--inlineArrow,
.p-registration__complete__foot .p-buttonWrap .c-button--weak,
.p-registration__complete__foot .p-buttonWrap .c-button--line,
.p-registration__complete__foot .p-buttonWrap .c-button--full,
.p-registration__complete__foot .p-buttonWrap .c-button--small,
.p-registration__complete__foot .p-buttonWrap .p-home__middleNav__button {
  margin: auto;
  border-radius: 4px
}

.p-registration__complete__foot .p-buttonWrap .c-button--main,
.p-registration__complete__foot .p-buttonWrap .p-pagination__list__button {
  font-weight: 500;
  max-width: 160px;
  background-color: #db5875;
  border-color: #db5875;
  width: 100%;
  justify-content: center
}

.p-registration--edit .p-registration__foot {
  padding: 0;
  border-top: none
}

.p-registration--edit .p-registration__foot .p-buttonWrap {
  max-width: none;
  justify-content: center
}

.p-registration--edit .p-registration__foot .p-buttonWrap .c-button,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--accent,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--action,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--form,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--inline,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--inlineArrow,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--weak,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--line,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--full,
.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--small,
.p-registration--edit .p-registration__foot .p-buttonWrap .p-home__middleNav__button {
  border-radius: 0;
  font-size: 14px
}

.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--line {
  width: auto;
  color: #91a6be
}

.p-registration--edit .p-registration__foot .p-buttonWrap .c-button--action {
  font-weight: 500
}

.p-registration--hikaru {
  max-width: 480px;
  margin: auto
}

.p-registration__area {
  padding: 24px 0 32px
}

@media screen and (max-width: 768px) {
  .p-registration__area {
      padding: 24px 24px 32px
  }
}

.p-registration__area__head {
  margin: 0 0 8px
}

.p-registration__area__head__title {
  font-size: 14px;
  font-weight: 600;
  color: #29324b
}

.p-registration__area__body .c-input--radio--label input[type=radio]+label {
  height: 48px;
  padding: 6px 12px;
  width: calc(50% - 8px);
  margin: 4px;
  justify-content: center;
  font-weight: 500;
  border-radius: 3px
}

.p-registration__area__body .c-input--radio--label input[type=radio]+label.full {
  width: 100%
}

.p-registration__area__body .c-input--radio--label input[type=radio]+label:before {
  display: none
}

.p-registration__area__body .c-input--radio--label input[type=radio]:checked+label {
  background: #e7f1fd;
  color: #1a73e8
}

.p-registration__shopSelect {
  padding: 0
}

@media screen and (max-width: 768px) {
  .p-registration__shopSelect {
      padding: 0 24px
  }
}

.p-registration__shopSelect__block {
  display: none
}

.p-registration__shopSelect__block--current {
  display: block
}

.p-registration__shopSelect__list {
  border-top: solid 1px #e5e9ee
}

.p-registration__shopSelect__list__item {
  padding: 24px 0;
  border-bottom: solid 1px #e5e9ee
}

.p-registration__shopSelect__list__title {
  font-size: 16px;
  font-weight: 600;
  color: #29324b;
  margin: 0 0 2px
}

.p-registration__shopSelect__list__title .genderType {
  display: inline-flex;
  width: 42px;
  height: 16px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 0 0 16px;
  transform: translate(0, 1px)
}

.p-registration__shopSelect__list__title .genderType--ladys {
  background: url(../img/common/genderType/ladys.svg)
}

.p-registration__shopSelect__list__title .genderType--mens {
  background: url(../img/common/genderType/mens.svg)
}

.p-registration__shopSelect__list__title .genderType--both {
  width: 88px;
  background: url(../img/common/genderType/ladys.svg), url(../img/common/genderType/mens.svg);
  background-position: left center, right center !important
}

.p-registration__shopSelect__list__description {
  font-size: 13px;
  color: #29324b
}

.p-registration__shopSelect__list__head {
  display: flex;
  position: relative
}

.p-registration__shopSelect__list__head__text {
  flex: auto;
  min-width: 1px;
  margin: 0 200px 0 0;
  padding: 0 24px 0 0
}

@media screen and (max-width: 768px) {
  .p-registration__shopSelect__list__head__text {
      margin: 0 88px 0 0;
      padding: 0
  }
}

.p-registration__shopSelect__list__head__text .p-shopDetail__facilityList {
  margin-top: 6px
}

.p-registration__shopSelect__list__head__text .p-shopDetail__facilityList__item__label {
  height: 28px;
  padding: 0 28px
}

.p-registration__shopSelect__list__head__text .p-shopDetail__facilityList__item__label:before {
  left: 50%;
  transform: translate(-50%, -50%)
}

.p-registration__shopSelect__list__head__text .p-shopDetail__facilityList--franchise .p-shopDetail__facilityList__item__label {
  padding: 0 16px 0 44px
}

.p-registration__shopSelect__list__head__text .p-shopDetail__facilityList--franchise .p-shopDetail__facilityList__item__label:before {
  left: 8px;
  transform: translateY(-50%)
}

.p-registration__shopSelect__list__head__image {
  flex: 0 0 auto;
  position: absolute;
  right: 0;
  width: 200px
}

@media screen and (max-width: 768px) {
  .p-registration__shopSelect__list__head__image {
      width: 80px
  }
}

.p-registration__shopSelect__list__body {
  margin: 12px 200px 0 0;
  padding: 0 24px 0 0
}

@media screen and (max-width: 768px) {
  .p-registration__shopSelect__list__body {
      margin: 12px 0 0 0;
      padding: 0
  }
}

.p-registration__shopSelect__list__body .p-list__item {
  border: none;
  padding: 0
}

.p-registration__shopSelect__list__body .p-list__item+.p-list__item {
  margin: 2px 0 0
}

@media screen and (max-width: 480px) {
  .p-registration__shopSelect__list__body .p-list__item+.p-list__item {
      margin: 8px 0 0
  }
}

.p-registration__shopSelect__list__body .p-list__item p {
  color: #777;
  line-height: 1.3em
}

@media screen and (max-width: 480px) {
  .p-registration__shopSelect__list__body .p-list__item p.title {
      margin: 0 0 1px;
      font-size: 12px
  }
}

@media screen and (max-width: 480px) {
  .p-registration__shopSelect__list__body .p-list__item p.data {
      color: #444
  }
}

.p-registration__shopSelect__list__foot {
  margin: 24px 0 0
}

.p-registration__shopSelect__list__foot .c-button,
.p-registration__shopSelect__list__foot .c-button--accent,
.p-registration__shopSelect__list__foot .c-button--action,
.p-registration__shopSelect__list__foot .c-button--form,
.p-registration__shopSelect__list__foot .c-button--inline,
.p-registration__shopSelect__list__foot .c-button--inlineArrow,
.p-registration__shopSelect__list__foot .c-button--weak,
.p-registration__shopSelect__list__foot .c-button--line,
.p-registration__shopSelect__list__foot .c-button--full,
.p-registration__shopSelect__list__foot .c-button--small,
.p-registration__shopSelect__list__foot .p-home__middleNav__button {
  border-radius: 4px;
  background: #db5875;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .08);
  width: 200px;
  height: 40px;
  justify-content: center
}

.p-registration__question {
  padding: 24px 24px 0;
  counter-reset: number 0
}

.p-registration__question__title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin: 0 0 12px;
  display: flex
}

.p-registration__question__title:before {
  counter-increment: number 1;
  content: counter(number) ".";
  flex: 0 0 auto;
  margin: 0 6px 0 0;
  font-size: 18px;
  font-weight: 600;
  color: #444
}

.p-registration__question .c-input--radio {
  margin: 0 0 24px
}

.p-registration__question .c-input--radio--label label {
  width: calc(50% - 4px);
  height: 48px;
  color: #8397af;
  font-weight: 500;
  margin: 2px;
  line-height: 1.3em
}

.p-registration__question .c-input--select {
  width: 100%;
  max-width: 50%
}

.p-registration__question .c-input--select2 {
  max-width: 292px;
  width: 100%
}

.p-registration--freetrial {
  margin: auto;
  padding: 0 0 80px;
  max-width: 700px;
  margin: auto
}

.p-registration--freetrial .p-registration__head--step--first:before {
  width: 20%
}

.p-registration--freetrial .p-registration__head--step--second:before {
  width: 40%
}

.p-registration--freetrial .p-registration__head--step--third:before {
  width: 60%
}

.p-registration--freetrial .p-registration__head--step--third .p-registration__head__title {
  color: #222
}

.p-registration--freetrial .p-registration__head--step--forth:before {
  width: 80%
}

.p-registration--freetrial .p-registration__head--step--complete .p-registration__head__title {
  color: #3577c4
}

@media screen and (max-width: 560px) {
  .p-registration--complete--franchise {
      padding: 0
  }
}

@media screen and (max-width: 560px) {
  .p-registration--complete--franchise .p-registration__complete .p-memberId {
      padding: 0
  }
}

@media screen and (max-width: 560px) {
  .p-registration--complete--franchise .p-registration__body {
      background: #f7f8fa;
      padding: 0 0 32px
  }
}

.p-listInfo__item {
  padding: 24px 0;
  background: #fff
}

.p-listInfo__item+.p-listInfo__item {
  margin: 8px 0 0
}

.p-listInfo__item__head {
  margin: 0 0 16px;
  display: flex
}

.p-listInfo__item__head__title {
  font-weight: 600;
  color: #29324b
}

.p-listInfo__item__head .p-buttonWrap {
  margin-left: auto
}

.p-listInfo__item__body .p-list__item {
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  border: none
}

.p-listInfo__item__body .p-list__item .title {
  flex: 0 0 auto;
  width: 110px;
  margin: 0;
  font-size: 12px;
  color: #29324b;
  line-height: 1.3em
}

.p-listInfo__item__body .p-list__item .title--120 {
  width: 120px
}

.p-listInfo__item__body .p-list__item .data {
  flex: auto;
  min-width: 1px;
  font-size: 16px;
  color: #29324b;
  line-height: 1.3em
}

.p-listInfo__item__body .p-list__item+.p-list__item {
  margin: 12px 0 0
}

.p-mypage__foot__banner {
  text-align: center
}

.p-mypage__foot__banner a {
  display: inline-block;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .2);
  transition: all .1s ease;
  cursor: pointer
}

.p-mypage__foot__banner a img {
  height: auto
}

.p-mypage__foot .p-buttonWrap {
  justify-content: flex-end;
  margin-top: 12px
}

.p-mypage--hikaru .p-mypage__body>.l-container {
  max-width: 480px
}

.p-mypage--hikaru .p-mypage__foot {
  margin: 16px 0 0
}

.p-mypage--hikaru .p-mypage__foot>.l-container {
  max-width: 480px
}

.p-memberId {
  padding: 32px 0 24px;
  background: #f2f4f6
}

.p-memberId__card {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  box-shadow: 0 8px 6px rgba(92, 103, 128, .26);
  background: #db5875;
  max-width: 320px;
  margin: auto;
  padding: 0 0 20px
}

.p-memberId__card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.p-memberId__card__title {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding: 4px;
  border-bottom: solid 1px #fff;
  margin: 0 0 24px;
  width: 100%
}

.p-memberId__card__logo {
  height: 24px;
  width: auto;
  margin: auto;
  display: block;
  margin: 0 0 8px
}

.p-memberId__card__plan {
  margin: 0 0 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  opacity: .8
}

.p-memberId__card__name {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: auto
}

.p-memberId__card__name:after {
  content: "様";
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0 8px
}

.p-memberId__card__number {
  background: #fff;
  padding: 6px 16px;
  border-radius: 2px;
  position: relative;
  max-width: 280px;
  margin: 8px auto 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-memberId__card__number:before {
  content: "会員No.";
  font-size: 12px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translate(0, -50%)
}

.p-memberId__card__number p {
  font-size: 15px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: #222;
  letter-spacing: .04em
}

.p-memberId__card--freetrial {
  background: #f2f4f8;
  max-width: 370px;
  box-shadow: 0px 8px 3px rgba(92, 103, 128, .16)
}

.p-memberId__card--freetrial .p-memberId__card__title {
  color: #323a46;
  border-bottom-color: rgba(194, 203, 220, .3)
}

.p-memberId__card--freetrial .p-memberId__card__plan {
  color: #777
}

.p-memberId__card--freetrial .p-memberId__card__name {
  color: #323a46
}

.p-memberId__plan {
  margin: 24px 0 0
}

.p-memberId__plan__head {
  display: flex;
  align-items: baseline;
  margin: 0 0 4px
}

.p-memberId__plan__head__title {
  font-size: 15px;
  font-weight: 600;
  color: #444
}

.p-memberId__plan__head__name {
  margin: 0 0 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: #444;
  display: flex;
  align-items: center
}

.p-memberId__plan__head__name:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f7de7a;
  margin: 0 5px 0 0;
  flex: 0 0 auto
}

.p-memberId__plan__info {
  padding: 10px 14px;
  border-radius: 6px;
  background: #fff;
  border: solid 1px #d1d8db;
  display: flex;
  align-items: flex-end
}

.p-memberId__plan__limit {
  flex: 0 0 auto
}

.p-memberId__plan__limit p {
  font-size: 14px;
  font-weight: 600
}

.p-memberId__plan__limit p.type {
  display: flex;
  align-items: center
}

.p-memberId__plan__limit p.type:before {
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin: 0 6px 0 0
}

.p-memberId__plan__limit p.type--alltime {
  color: #7361bf
}

.p-memberId__plan__limit p.type--alltime:before {
  background: url("../img/common/plan/time__alltime.svg")
}

.p-memberId__plan__limit p.hours {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 600;
  margin: 2px 0 0;
  color: #444
}

.p-memberId__plan__time {
  flex: auto;
  min-width: 1px;
  padding: 0 0 2px
}

.p-memberId__plan__time .time {
  font-size: 32px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  color: #444;
  display: flex;
  align-items: baseline;
  justify-content: flex-end
}

.p-memberId__plan__time .time:before,
.p-memberId__plan__time .time:after {
  content: "利用時間";
  font-size: 16px;
  margin: 0 6px 0 0;
  transform: translateY(-1px);
  letter-spacing: 0
}

.p-memberId__plan__time .time:after {
  content: "分 / 日";
  margin: 0 0 0 2px;
  letter-spacing: -0.05em
}

.p-memberId__plan__foot {
  margin: 4px 0 0
}

.p-memberId__plan__foot p {
  text-align: right;
  font-size: 13px;
  color: #999
}

.p-memberId--freetrial {
  background: none
}

.p-memberId--freetrial .p-memberId__card {
  background: #f2f4f8;
  max-width: 370px;
  box-shadow: 0px 8px 3px rgba(92, 103, 128, .16)
}

.p-memberId--freetrial .p-memberId__card__title {
  color: #323a46;
  border-bottom-color: rgba(194, 203, 220, .3)
}

.p-memberId--freetrial .p-memberId__card__plan {
  color: #777
}

.p-memberId--freetrial .p-memberId__card__name {
  color: #323a46
}

.p-memberId__ticket {
  border-radius: 4px;
  background: #fff;
  border: solid 2px #b9b9b9;
  margin: 16px auto 0;
  max-width: 360px
}

.p-memberId__ticket__head {
  text-align: center;
  padding: 6px 4px 4px;
  background: #f1f1f1;
  border-bottom: dotted 2px #b9b9b9
}

.p-memberId__ticket__title {
  font-size: 14px;
  font-weight: 600;
  color: #b9b9b9
}

.p-memberId__ticket__body {
  text-align: center;
  padding: 14px 8px 10px;
  position: relative
}

.p-memberId__ticket__body .p-buttonWrap {
  margin-top: 6px
}

.p-memberId__ticket__body .p-buttonWrap .c-button,
.p-memberId__ticket__body .p-buttonWrap .c-button--accent,
.p-memberId__ticket__body .p-buttonWrap .c-button--action,
.p-memberId__ticket__body .p-buttonWrap .c-button--form,
.p-memberId__ticket__body .p-buttonWrap .c-button--inline,
.p-memberId__ticket__body .p-buttonWrap .c-button--inlineArrow,
.p-memberId__ticket__body .p-buttonWrap .c-button--weak,
.p-memberId__ticket__body .p-buttonWrap .c-button--line,
.p-memberId__ticket__body .p-buttonWrap .c-button--full,
.p-memberId__ticket__body .p-buttonWrap .c-button--small,
.p-memberId__ticket__body .p-buttonWrap .p-home__middleNav__button {
  font-size: 12px;
  font-weight: 500
}

.p-memberId__ticket__body .c-button--change {
  position: absolute;
  right: 10px;
  bottom: 3px;
  color: #aaa
}

.p-memberId__ticket__body .p-buttonWrap {
  margin-top: 8px
}

.p-memberId__ticket__plan {
  font-size: 24px;
  font-weight: 800;
  color: #b9b9b9
}

.p-memberId__ticket__shop {
  margin: 2px 0 0;
  font-weight: 600;
  color: #444
}

.p-memberId__ticket__date {
  margin: 12px 0 0
}

.p-memberId__ticket__date p {
  display: flex;
  justify-content: center;
  font-size: 13px
}

.p-memberId__ticket__date p:before {
  content: "登録日.";
  margin: 0 8px 0 0
}

.p-memberId--hikaru .l-container,
.p-memberId--hajime .l-container {
  max-width: 480px;
  margin: auto
}

.p-memberId--hikaru .p-memberId__card,
.p-memberId--hajime .p-memberId__card {
  box-shadow: 0 8px 6px rgba(92, 103, 128, .26);
  background: #444;
  padding: 20px 20px 16px;
  max-width: 320px;
  margin: auto;
  min-height: 190px
}

.p-memberId--hikaru .p-memberId__card:after,
.p-memberId--hajime .p-memberId__card:after {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background: #1e5799;
  background: -moz-linear-gradient(top, #F7DE7A 0%, #D3AF24 100%);
  background: -webkit-linear-gradient(top, #F7DE7A 0%, #D3AF24 100%);
  background: linear-gradient(to bottom, #F7DE7A 0%, #D3AF24 100%)
}

.p-memberId--hikaru .p-memberId__card__info,
.p-memberId--hajime .p-memberId__card__info {
  background: rgba(0, 0, 0, .8);
  border: solid 1px rgba(248, 243, 243, .4);
  padding: 10px 14px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.p-memberId--hikaru .p-memberId__card__title,
.p-memberId--hajime .p-memberId__card__title {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding: 0;
  border: none
}

.p-memberId--hikaru .p-memberId__card__logo,
.p-memberId--hajime .p-memberId__card__logo {
  height: 20px;
  margin: 10px auto 12px;
  display: block
}

.p-memberId--hikaru .p-memberId__card__plan,
.p-memberId--hajime .p-memberId__card__plan {
  color: rgba(255, 255, 255, .6);
  margin: -4px 0 6px;
  font-size: 13px;
  display: none
}

.p-memberId--hikaru .p-memberId__card__number,
.p-memberId--hajime .p-memberId__card__number {
  margin: 8px 0 0;
  background: #f8f6ef
}

.p-memberId--hajime .p-memberId__card {
  background: #017244;
  background: -moz-linear-gradient(170deg, #017244 0%, #3ea037 140%);
  background: -webkit-linear-gradient(170deg, #017244 0%, #3ea037 140%);
  background: linear-gradient(170deg, #017244 0%, #3ea037 140%);
  z-index: 0
}

.p-memberId--hajime .p-memberId__card:before,
.p-memberId--hajime .p-memberId__card:after {
  content: "";
  position: absolute;
  left: -30px;
  top: -50px;
  width: 140px;
  height: 108px;
  background: url(../img/web/registration/p-memberId--hajime.svg) no-repeat center;
  background-size: contain;
  opacity: .4
}

.p-memberId--hajime .p-memberId__card:after {
  left: auto;
  top: auto;
  right: -30px;
  bottom: -40px;
  transform: scale(-1)
}

.p-memberId--hajime .p-memberId__card__info {
  position: relative;
  z-index: 0;
  background-color: rgba(0, 0, 0, .25);
  border-color: #1a8248
}

.p-memberId--hajime .p-memberId__card__number {
  margin: 12px 0 0
}

.p-memberId--hajime .p-memberId__plan__head__name:before {
  background-color: #1d8240
}

.p-memberId__changeDate {
  padding: 16px 10px 12px 16px;
  background: #f1f1f1;
  position: relative;
  margin: 24px 0 0;
  display: flex
}

.p-memberId__changeDate:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 14px 0 14px;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  display: none
}

.p-memberId__changeDate__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0 16px 0 0;
  border-right: solid 1px #ddd;
  margin: 0 16px 0 0
}

.p-memberId__changeDate__head__title {
  text-align: center;
  color: #999
}

.p-memberId__changeDate__body {
  flex: auto;
  min-width: 1px
}

.p-memberId__changeDate .p-list__item {
  border-bottom: none;
  padding: 0
}

.p-memberId__changeDate .p-list__item+.p-list__item {
  margin: 2px 0 0
}

@media screen and (max-width: 480px) {
  .p-memberId__changeDate .p-list__item+.p-list__item {
      margin: 3px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-memberId__changeDate .p-list__item .title {
      flex: 0 0 auto;
      width: 90px;
      margin: 0
  }
}

@media screen and (max-width: 480px) {
  .p-memberId__changeDate .p-list__item .data {
      line-height: 1.4em
  }
}

.p-membersCard {
  width: 16rem;
  height: 25rem;
  border-radius: .5rem;
  overflow: hidden;
  box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, .16);
  background-color: #9ba2aa;
  display: flex;
  flex-direction: column
}

.p-membersCard--vip {
  background-color: #222
}

.p-membersCard--franchise {
  background: #fff;
  padding: 0 24px;
  border: solid 1px #f4f4f4;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, .12);
  width: 17rem
}

.p-membersCard__head {
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-membersCard--franchise .p-membersCard__head {
  border-bottom: solid 1px #eee;
  height: 5rem
}

.p-membersCard__head__logo {
  display: block;
  height: 1.125rem
}

.p-membersCard--franchise .p-membersCard__head__logo {
  height: 2rem;
  max-width: 100%;
  max-height: 100%
}

.p-membersCard__body {
  display: flex;
  width: 100%;
  flex: auto;
  min-height: 0;
  position: relative;
  overflow: hidden
}

.p-membersCard__background {
  width: 100rem;
  height: 100rem;
  background: #e9e9e9;
  background: linear-gradient(0deg, rgb(233, 233, 233) 0%, rgb(244, 244, 244) 100%);
  background-size: 16rem 25rem;
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #eee;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%)
}

.p-membersCard--subscribed .p-membersCard__background {
  background-image: url(../img/web/membersCard/background--subscribed.png)
}

.p-membersCard--vip .p-membersCard__background {
  background-image: url(../img/web/membersCard/background--vip.png)
}

.p-membersCard--shop .p-membersCard__background {
  background-image: url(../img/web/membersCard/background--shop_studio.png)
}

.p-membersCard--studio .p-membersCard__background {
  background-image: url(../img/web/membersCard/background--shop_studio.png)
}

.p-membersCard--franchise .p-membersCard__background {
  background: #fff
}

.p-membersCard__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  position: relative;
  z-index: 2
}

.p-membersCard--franchise .p-membersCard__content {
  padding: 0 0 1.5rem
}

.p-membersCard__content__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex: auto;
  min-width: 0
}

.p-membersCard__content__foot {
  width: 100%;
  margin: auto 0 0
}

.p-membersCard__name {
  color: #222;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin: -1rem 0 1rem
}

.p-membersCard--dark .p-membersCard__name {
  color: #fff
}

.p-membersCard__free__box {
  color: #222;
  width: 100%;
  height: 5rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #eaeaea;
  border-radius: .25rem;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, .16)
}

.p-membersCard__free__box__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  padding: 0 0 0 2rem;
  margin: 0 0 0 -0.5rem;
  background-size: 1.5rem 1.5rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/web/membersCard/reservation.png)
}

.p-membersCard__free__box__title--notSubscribed {
  background-image: url(../img/web/membersCard/notSubscribed.png)
}

.p-membersCard__free__box__description {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  margin: .5rem 0 -0.5rem;
  line-height: 1.3em;
  white-space: nowrap
}

.p-membersCard__free small {
  font-size: 11px;
  line-height: 1.5;
  display: inline-block;
  margin: .5rem 0 0
}

.p-membersCard__qr {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .25rem;
  overflow: hidden;
  box-shadow: 0px 1px 4px -2px rgba(0, 0, 0, .2)
}

.p-membersCard__qr img {
  width: 6rem;
  height: 6rem
}

.p-membersCard--dark .p-membersCard__qr img {
  filter: invert(100%)
}

.p-membersCard__plan {
  color: #222;
  font-size: .875rem;
  line-height: 1;
  margin: .5rem 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-membersCard--dark .p-membersCard__plan {
  color: #fff
}

.p-membersCard__plan__color {
  margin: 0 .25rem 0 -0.25rem;
  width: .75rem;
  height: .75rem;
  border: 2px solid #eee;
  border-radius: 50%;
  background-color: #fff
}

.p-membersCard--shop .p-membersCard__plan__color {
  width: .875rem;
  height: .875rem;
  border: none;
  margin-right: .5rem
}

.p-membersCard--studio .p-membersCard__plan__color {
  width: .875rem;
  height: .875rem;
  border: none;
  margin-right: .5rem
}

.p-membersCard--franchise .p-membersCard__plan__color {
  border: none
}

.p-membersCard__plan__name {
  font-size: .875rem;
  font-weight: 600
}

.p-membersCard__subTitle {
  font-size: .75rem;
  font-weight: 600;
  margin: .5rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.p-membersCard__subTitle .time {
  font-size: 13px;
  margin-left: .25rem
}

.p-membersCard__dataList {
  color: #222;
  min-height: 5.5rem
}

.p-membersCard--dark .p-membersCard__dataList {
  color: #fff
}

.p-membersCard__dataList__item {
  display: flex;
  align-items: baseline
}

.p-membersCard__dataList__item+.p-membersCard__dataList__item {
  margin: .5rem 0 0
}

.p-membersCard__dataList__label {
  font-size: 12px;
  font-weight: 400;
  flex: 0 0 4rem
}

.p-membersCard__dataList__data {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  flex: auto;
  min-width: 0;
  word-break: break-all
}

.p-membersCard__dataList__data p {
  color: #222
}

.p-membersCard--dark .p-membersCard__dataList__data p {
  color: #fff
}

.p-membersCard__dataList__data .p-buttonWrap .c-button,
.p-membersCard__dataList__data .p-buttonWrap .c-button--accent,
.p-membersCard__dataList__data .p-buttonWrap .c-button--action,
.p-membersCard__dataList__data .p-buttonWrap .c-button--form,
.p-membersCard__dataList__data .p-buttonWrap .c-button--inline,
.p-membersCard__dataList__data .p-buttonWrap .c-button--inlineArrow,
.p-membersCard__dataList__data .p-buttonWrap .c-button--weak,
.p-membersCard__dataList__data .p-buttonWrap .c-button--line,
.p-membersCard__dataList__data .p-buttonWrap .c-button--full,
.p-membersCard__dataList__data .p-buttonWrap .c-button--small,
.p-membersCard__dataList__data .p-buttonWrap .p-home__middleNav__button {
  padding: 0;
  margin: 0;
  font-size: 12px;
  width: 50%;
  justify-content: center
}

.p-membersCard__dataList__data .p-buttonWrap .c-button--negative {
  height: 20px;
  font-size: 12px;
  border: none;
  justify-content: center
}

.p-membersCard__charge {
  margin: 20px auto 0;
  padding: 0 0 16px
}

@media screen and (max-width: 768px) {
  .p-membersCard__charge {
      max-width: 400px
  }
}

.p-membersCard__charge__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.p-membersCard__charge__body .p-buttonWrap .c-button,
.p-membersCard__charge__body .p-buttonWrap .c-button--accent,
.p-membersCard__charge__body .p-buttonWrap .c-button--action,
.p-membersCard__charge__body .p-buttonWrap .c-button--form,
.p-membersCard__charge__body .p-buttonWrap .c-button--inline,
.p-membersCard__charge__body .p-buttonWrap .c-button--inlineArrow,
.p-membersCard__charge__body .p-buttonWrap .c-button--weak,
.p-membersCard__charge__body .p-buttonWrap .c-button--line,
.p-membersCard__charge__body .p-buttonWrap .c-button--full,
.p-membersCard__charge__body .p-buttonWrap .c-button--small,
.p-membersCard__charge__body .p-buttonWrap .p-home__middleNav__button {
  height: 40px;
  font-weight: 500
}

.p-membersCard__charge__price .title {
  font-size: 12px;
  color: #222;
  font-weight: 500;
  letter-spacing: .06em
}

.p-membersCard__charge__price .price {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  margin: 8px 0 0;
  color: #222;
  display: flex;
  align-items: center
}

.p-membersCard__charge__price .price:before {
  content: "";
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  background: url(../img/web/mypage/charge_coin.png) no-repeat center;
  background-size: contain
}

.p-membersCard__charge__foot {
  margin: 14px 0 0
}

.p-membersCard__charge__foot .c-button,
.p-membersCard__charge__foot .c-button--accent,
.p-membersCard__charge__foot .c-button--action,
.p-membersCard__charge__foot .c-button--form,
.p-membersCard__charge__foot .c-button--inline,
.p-membersCard__charge__foot .c-button--inlineArrow,
.p-membersCard__charge__foot .c-button--weak,
.p-membersCard__charge__foot .c-button--line,
.p-membersCard__charge__foot .c-button--full,
.p-membersCard__charge__foot .c-button--small,
.p-membersCard__charge__foot .p-home__middleNav__button {
  height: auto;
  color: #999;
  padding: 0
}

.p-membersCard__charge__foot .c-button:before,
.p-membersCard__charge__foot .c-button--accent:before,
.p-membersCard__charge__foot .c-button--action:before,
.p-membersCard__charge__foot .c-button--form:before,
.p-membersCard__charge__foot .c-button--inline:before,
.p-membersCard__charge__foot .c-button--inlineArrow:before,
.p-membersCard__charge__foot .c-button--weak:before,
.p-membersCard__charge__foot .c-button--line:before,
.p-membersCard__charge__foot .c-button--full:before,
.p-membersCard__charge__foot .c-button--small:before,
.p-membersCard__charge__foot .p-home__middleNav__button:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/web/icon/history.svg) no-repeat center;
  background-size: contain;
  margin: 0 6px 0 0
}

.p-membersCard--franchise {
  border: solid 1px #eee
}

.p-membersCard--franchise .p-membersCard__background {
  border-radius: 0;
  border: none
}

.p-membersCard--charge {
  margin: 0 auto;
  width: 100%;
  padding-top: 60%;
  height: auto;
  position: relative;
  background: url(../img/web/membersCard/background--charge.png) no-repeat center;
  background-size: cover;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 768px) {
  .p-membersCard--charge {
      max-width: 400px;
      height: 240px;
      padding-top: 0
  }
}

@media screen and (max-width: 440px) {
  .p-membersCard--charge {
      height: auto;
      padding-top: 60%
  }
}

.p-membersCard--charge .p-membersCard__wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}

.p-membersCard--charge .p-membersCard__head {
  height: auto;
  justify-content: flex-start;
  padding: 12px 20px
}

.p-membersCard--charge .p-membersCard__head__arrow {
  width: 36px;
  height: 8px;
  background: url(../img/web/membersCard/card_charge_arrow.svg) no-repeat center;
  background-size: contain
}

.p-membersCard--charge .p-membersCard__body {
  position: relative;
  left: auto;
  top: auto;
  flex: 1
}

.p-membersCard--charge .p-membersCard__content {
  padding: 16px 20px
}

.p-membersCard--charge .p-membersCard__content__body {
  flex: 1 1 auto;
  min-height: 1px;
  align-items: flex-start
}

.p-membersCard--charge .p-membersCard__content__body__logo {
  display: block;
  height: 24px;
  opacity: .8
}

.p-membersCard--charge .p-membersCard__content__foot {
  flex: 0 0 auto;
  margin: auto 0 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.p-membersCard--charge .p-membersCard__name {
  margin: 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: #666
}

.p-membersCard--charge .p-membersCard__dataList {
  flex: 0 0 auto;
  min-height: auto
}

.p-membersCard--charge .p-membersCard__dataList__item+.p-membersCard__dataList__item {
  margin: .25rem 0 0
}

.p-membersCard--charge .p-membersCard__dataList__label {
  flex: 0 0 auto;
  text-align: right;
  width: 72px;
  margin: 0 12px 0 0;
  color: #666
}

.p-membersCard--charge .p-membersCard__dataList__data {
  font-size: 13px;
  line-height: 1;
  flex: 0 0 auto;
  min-width: 0;
  word-break: break-all;
  width: 100px;
  color: #666
}

.p-login--hikaru {
  max-width: 320px;
  margin: auto
}

.p-login--hikaru .c-input,
.p-login--hikaru .c-input--full,
.p-login--hikaru .c-input--select,
.p-login--hikaru .c-input--file,
.p-login--hikaru .c-input--checkbox,
.p-login--hikaru .c-input--radio,
.p-login--hikaru .c-input--radio--beyond {
  flex-direction: column;
  align-items: flex-start;
  width: 100%
}

.p-login--hikaru .c-input span,
.p-login--hikaru .c-input--full span,
.p-login--hikaru .c-input--select span,
.p-login--hikaru .c-input--file span,
.p-login--hikaru .c-input--checkbox span,
.p-login--hikaru .c-input--radio span,
.p-login--hikaru .c-input--radio--beyond span {
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin: 0 0 4px
}

.p-login--hikaru .c-input+.c-input,
.p-login--hikaru .c-input--full+.c-input,
.p-login--hikaru .c-input--select+.c-input,
.p-login--hikaru .c-input--file+.c-input,
.p-login--hikaru .c-input--checkbox+.c-input,
.p-login--hikaru .c-input--radio+.c-input,
.p-login--hikaru .c-input--radio--beyond+.c-input,
.p-login--hikaru .c-input+.c-input--full,
.p-login--hikaru .c-input--full+.c-input--full,
.p-login--hikaru .c-input--select+.c-input--full,
.p-login--hikaru .c-input--file+.c-input--full,
.p-login--hikaru .c-input--checkbox+.c-input--full,
.p-login--hikaru .c-input--radio+.c-input--full,
.p-login--hikaru .c-input--radio--beyond+.c-input--full,
.p-login--hikaru .c-input+.c-input--select,
.p-login--hikaru .c-input--full+.c-input--select,
.p-login--hikaru .c-input--select+.c-input--select,
.p-login--hikaru .c-input--file+.c-input--select,
.p-login--hikaru .c-input--checkbox+.c-input--select,
.p-login--hikaru .c-input--radio+.c-input--select,
.p-login--hikaru .c-input--radio--beyond+.c-input--select,
.p-login--hikaru .c-input+.c-input--file,
.p-login--hikaru .c-input--full+.c-input--file,
.p-login--hikaru .c-input--select+.c-input--file,
.p-login--hikaru .c-input--file+.c-input--file,
.p-login--hikaru .c-input--checkbox+.c-input--file,
.p-login--hikaru .c-input--radio+.c-input--file,
.p-login--hikaru .c-input--radio--beyond+.c-input--file,
.p-login--hikaru .c-input+.c-input--checkbox,
.p-login--hikaru .c-input--full+.c-input--checkbox,
.p-login--hikaru .c-input--select+.c-input--checkbox,
.p-login--hikaru .c-input--file+.c-input--checkbox,
.p-login--hikaru .c-input--checkbox+.c-input--checkbox,
.p-login--hikaru .c-input--radio+.c-input--checkbox,
.p-login--hikaru .c-input--radio--beyond+.c-input--checkbox,
.p-login--hikaru .c-input+.c-input--radio,
.p-login--hikaru .c-input--full+.c-input--radio,
.p-login--hikaru .c-input--select+.c-input--radio,
.p-login--hikaru .c-input--file+.c-input--radio,
.p-login--hikaru .c-input--checkbox+.c-input--radio,
.p-login--hikaru .c-input--radio+.c-input--radio,
.p-login--hikaru .c-input--radio--beyond+.c-input--radio,
.p-login--hikaru .c-input+.c-input--radio--beyond,
.p-login--hikaru .c-input--full+.c-input--radio--beyond,
.p-login--hikaru .c-input--select+.c-input--radio--beyond,
.p-login--hikaru .c-input--file+.c-input--radio--beyond,
.p-login--hikaru .c-input--checkbox+.c-input--radio--beyond,
.p-login--hikaru .c-input--radio+.c-input--radio--beyond,
.p-login--hikaru .c-input--radio--beyond+.c-input--radio--beyond {
  margin: 16px 0 0
}

.p-login--hikaru .p-buttonWrap {
  margin-top: 32px
}

.p-login--hikaru .p-buttonWrap .c-button,
.p-login--hikaru .p-buttonWrap .c-button--accent,
.p-login--hikaru .p-buttonWrap .c-button--action,
.p-login--hikaru .p-buttonWrap .c-button--form,
.p-login--hikaru .p-buttonWrap .c-button--inline,
.p-login--hikaru .p-buttonWrap .c-button--inlineArrow,
.p-login--hikaru .p-buttonWrap .c-button--weak,
.p-login--hikaru .p-buttonWrap .c-button--line,
.p-login--hikaru .p-buttonWrap .c-button--full,
.p-login--hikaru .p-buttonWrap .c-button--small,
.p-login--hikaru .p-buttonWrap .p-home__middleNav__button {
  font-size: 16px;
  font-weight: 600;
  height: 44px;
  max-width: 180px;
  margin: auto
}

.p-passwordReset {
  padding: 80px 0 120px;
  max-width: 380px;
  margin: auto
}

.p-passwordReset__head {
  margin: 0 0 24px;
  padding: 0 0 24px;
  border-bottom: 1px solid #e5e9ee
}

.p-passwordReset__description {
  margin: 0 0 16px
}

.p-passwordReset__foot {
  margin: 24px 0 0
}

.p-selectPlan__item+.p-selectPlan__item {
  margin: 24px 0 0
}

.p-selectPlan__item--subscription .p-selectPlan__head {
  color: #176e39
}

.p-selectPlan__item--subscription .p-selectPlan__head__count__number {
  border-color: #176e39
}

.p-selectPlan__item--subscription .p-selectPlan__head__subtitle {
  color: #176e39
}

.p-selectPlan__item--subscription .p-selectPlan__head__title {
  color: #176e39
}

.p-selectPlan__item--subscription .p-selectPlan__body .p-pricePlan {
  border-top: solid 3px #176e39
}

.p-selectPlan__item--rental .p-selectPlan__head {
  color: #704b52
}

.p-selectPlan__item--rental .p-selectPlan__head__count__number {
  border-color: #704b52
}

.p-selectPlan__item--rental .p-selectPlan__head__subtitle {
  color: #704b52
}

.p-selectPlan__item--rental .p-selectPlan__head__title {
  color: #704b52
}

.p-selectPlan__item--rental .p-selectPlan__body .p-pricePlan {
  border-top: solid 3px #704b52
}

.p-selectPlan__head {
  display: flex;
  align-items: flex-end
}

.p-selectPlan__head__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  max-width: none;
  padding: 24px 0 14px 60px;
  margin: 0 16px 0 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.p-selectPlan__head__sub {
  flex: auto;
  min-width: 1px;
  padding: 0 0 16px
}

.p-selectPlan__head__count {
  position: absolute;
  top: 8px;
  left: 8px
}

.p-selectPlan__head__count:before {
  content: "Choice";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  transform: rotate(90deg);
  transform-origin: top left;
  position: absolute;
  top: 36px;
  left: 24px;
  z-index: 1
}

.p-selectPlan__head__count__number {
  font-size: 20px;
  font-weight: 900;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 100px;
  position: relative
}

.p-selectPlan__head__count__number:before {
  content: counter(number) "";
  position: relative;
  z-index: 2
}

.p-selectPlan__head__count__number:after {
  content: "";
  width: 40px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center center
}

.p-selectPlan__head__subtitle {
  font-size: 13px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .2em;
  margin: 0 0 12px
}

.p-selectPlan__head__title {
  font-size: 36px;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: 0
}

.p-selectPlan__head__description {
  font-size: 14px;
  font-weight: 500
}

.p-selectPlan__body .p-pricePlan--register {
  margin: 0
}

.p-selectPlan__body .p-pricePlan__list__item__content__body {
  height: auto
}

@media screen and (max-width: 560px) {
  .p-selectPlan--pc {
      display: none
  }
}

.p-selectPlan--sp {
  display: none
}

@media screen and (max-width: 560px) {
  .p-selectPlan--sp {
      display: block
  }
}

.p-tieup {
  margin: 56px 0 0
}

@media screen and (max-width: 480px) {
  .p-tieup {
      margin: 40px 0 0
  }
}

.p-tieup__company {
  margin: 80px 0 0;
  padding: 48px 0 0;
  border-top: solid 1px #ddd
}

@media screen and (max-width: 480px) {
  .p-tieup__company {
      margin: 40px 0 0;
      padding: 24px 0 0
  }
}

.p-tieup__company__title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 32px;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-tieup__company__title {
      font-size: 18px;
      margin: 0 0 16px
  }
}

.p-tieup__company__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -3px auto;
  max-width: 720px
}

.p-tieup__company__list>li {
  flex: 0 0 auto;
  padding: 3px
}

@media screen and (max-width: 480px) {
  .p-tieup__company__list>li {
      flex: auto;
      min-width: 1px;
      display: flex
  }
}

.p-tieup__company__list__item {
  display: block;
  padding: 16px 24px;
  background: #fff;
  border: solid 1px #eaeaea;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
  border-radius: 6px
}

@media screen and (max-width: 480px) {
  .p-tieup__company__list__item {
      padding: 6px 12px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center
  }
}

.p-tieup__company__list__item:hover {
  opacity: .5
}

.p-tieup__company__list__item__logo {
  height: 40px;
  width: auto
}

@media screen and (max-width: 480px) {
  .p-tieup__company__list__item__logo {
      height: 32px
  }
}

.p-tieup__sns {
  background: #f6f7fa;
  padding: 56px 0 72px;
  margin: 88px 0 0
}

@media screen and (max-width: 480px) {
  .p-tieup__sns {
      padding: 32px 0 48px;
      margin: 48px 0 0
  }
}

.p-tieup__sns__title {
  margin: 0 0 48px;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: #444
}

@media screen and (max-width: 480px) {
  .p-tieup__sns__title {
      margin: 0 0 32px;
      font-size: 22px;
      line-height: 1.3em
  }
}

.p-tieup__sns__title span {
  font-family: "Montserrat", "Oswald", "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #e0768d;
  letter-spacing: .1rem;
  display: block;
  text-align: center;
  margin: 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-tieup__sns__title span {
      margin: 12px 0 0
  }
}

.p-tieup__sns__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -8px auto;
  max-width: 800px
}

@media screen and (max-width: 480px) {
  .p-tieup__sns__list {
      margin: -4px
  }
}

.p-tieup__sns__list>li {
  padding: 8px;
  width: 33.33%;
  max-width: 250px
}

@media screen and (max-width: 480px) {
  .p-tieup__sns__list>li {
      padding: 4px;
      width: 50%
  }
}

.p-tieup__sns__list__item {
  display: block
}

.p-tieup__single__head {
  margin: 0 0 32px
}

.p-tieup__single__head__logo {
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-tieup__single__head__logo img {
  height: 64px
}

.p-tieup__single__head__logo span {
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 500;
  color: #999
}

.p-tieup__single__body__description {
  text-align: center;
  font-size: 13px;
  line-height: 1.8em;
  margin: 0 0 40px
}

@media screen and (max-width: 480px) {
  .p-tieup__single__body__description br {
      display: none
  }
}

.p-tieup__single__box+.p-tieup__single__box {
  margin: 40px 0 0
}

.p-tieup__single__box__head {
  padding: 0 0 12px;
  margin: 0 0 24px;
  border-bottom: solid 1px #eee
}

.p-tieup__single__box__head__title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #444
}

.p-tieup__single__box__body__description {
  text-align: center;
  margin: 0 0 8px;
  color: #444
}

.p-tieup__single__box__body .p-sampling__list {
  flex-direction: column;
  margin: 0
}

.p-tieup__single__box__body .p-sampling__list__item {
  flex: 0 0 auto;
  width: 100%;
  flex-direction: row;
  padding: 0
}

@media screen and (max-width: 560px) {
  .p-tieup__single__box__body .p-sampling__list__item {
      flex-direction: column
  }
}

@media screen and (max-width: 480px) {
  .p-tieup__single__box__body .p-sampling__list__item:before {
      display: none
  }
}

.p-tieup__single__box__body .p-sampling__list__item+.p-sampling__list__item {
  margin: 24px 0 0
}

.p-tieup__single__box__body .p-sampling__list__item__image {
  flex: 0 0 auto;
  width: 220px;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-tieup__single__box__body .p-sampling__list__item__image {
      margin: auto
  }
}

.p-tieup__single__box__body .p-sampling__list__item__text {
  flex: auto;
  min-width: 1px;
  padding: 0;
  margin: 0;
  border: none;
  display: block
}

.p-tieup__single__box__body .p-sampling__list__item__text .title {
  text-align: left;
  font-size: 18px;
  font-weight: 500
}

@media screen and (max-width: 560px) {
  .p-tieup__single__box__body .p-sampling__list__item__text .title br {
      display: none
  }
}

.p-tieup__single__box__body .p-sampling__list__item__text .description {
  font-size: 12px;
  line-height: 2em;
  margin: 12px 0 0
}

.p-tieup__single__box__body .p-sampling__list__item__text .price {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 600;
  color: #e0768d;
  margin: 20px 0 0
}

@media screen and (max-width: 560px) {
  .p-tieup__single__box__body .p-sampling__list__item__text .price {
      font-size: 24px;
      margin: 6px 0 0;
      text-align: right
  }
}

.p-tieup__single__list {
  display: flex;
  flex-wrap: wrap;
  margin: -3px
}

.p-tieup__single__list__item {
  padding: 3px;
  width: 33.33%
}

@media screen and (max-width: 480px) {
  .p-tieup__single__list__item {
      width: 100%
  }
}

.p-tieup__single__list__item--half {
  width: 50%
}

@media screen and (max-width: 480px) {
  .p-tieup__single__list__item--half {
      width: 100%
  }
}

.p-tieup__single__list__item--full {
  width: auto;
  flex: auto;
  min-width: 1px
}

.p-tieup__single__list__item img {
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
  border: solid 4px #fff
}

@media screen and (max-width: 480px) {
  .p-tieup__single__list__item--split3 {
      width: 33.33%
  }
}

@media screen and (max-width: 480px) {
  .p-tieup__single__list__item--split3 img {
      border-width: 2px;
      border-radius: 4px
  }
}

@media screen and (max-width: 480px) {
  .p-tieup__single__list--thin .p-tieup__single__list__item {
      padding: 1px
  }
}

.p-remodal--tieup {
  max-width: 640px;
  flex-direction: column
}

.p-remodal--tieup .p-remodal__layout {
  border-radius: 10px;
  overflow: hidden
}

.p-remodal--tieup .p-remodal__contents {
  padding: 24px 40px 40px
}

@media screen and (max-width: 480px) {
  .p-remodal--tieup .p-remodal__contents {
      padding: 24px 16px 24px
  }
}

.p-sampling__head {
  margin: 0 0 40px
}

@media screen and (max-width: 480px) {
  .p-sampling__head {
      margin: 0 0 24px
  }
}

.p-sampling__head__title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #444;
  display: flex;
  justify-content: center
}

.p-sampling__head__title:before,
.p-sampling__head__title:after {
  content: "";
  width: 1px;
  height: 28px;
  background: #444;
  margin: 0 24px;
  transform: rotate(-12deg)
}

.p-sampling__head__title:after {
  transform: rotate(12deg)
}

@media screen and (max-width: 480px) {
  .p-sampling__head__title {
      font-size: 18px
  }
}

.p-sampling__list {
  display: flex;
  flex-wrap: wrap;
  margin: -16px
}

@media screen and (max-width: 560px) {
  .p-sampling__list {
      margin: -8px;
      font-size: 18px
  }
}

.p-sampling__list__item {
  width: 25%;
  padding: 16px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 768px) {
  .p-sampling__list__item {
      width: 33.33%
  }
}

@media screen and (max-width: 560px) {
  .p-sampling__list__item {
      width: 50%;
      padding: 8px
  }
}

@media screen and (max-width: 480px) {
  .p-sampling__list__item {
      position: relative;
      z-index: 0;
      padding: 4px
  }
}

.p-sampling__list__item:before {
  content: "";
  z-index: -1;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  border-radius: 8px;
  border: solid 1px #eee;
  display: none
}

@media screen and (max-width: 480px) {
  .p-sampling__list__item:before {
      display: block
  }
}

.p-sampling__list__item__image {
  flex: 0 0 auto;
  position: relative;
  padding: 40px 0 0
}

.p-sampling__list__item__image__product {
  width: 180px;
  display: block;
  margin: auto
}

@media screen and (max-width: 480px) {
  .p-sampling__list__item__image__product {
      max-width: 80%
  }
}

.p-sampling__list__item__image__logo {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  height: 48px;
  width: auto;
  opacity: .16
}

@media screen and (max-width: 480px) {
  .p-sampling__list__item__image__logo {
      top: 4px;
      height: 40px
  }
}

.p-sampling__list__item__text {
  padding: 16px 0 0;
  margin: 16px 0 0;
  border-top: solid 1px #eee;
  flex: auto;
  min-height: 1px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 560px) {
  .p-sampling__list__item__text {
      border: none;
      margin: 8px 0 0;
      padding: 0
  }
}

@media screen and (max-width: 480px) {
  .p-sampling__list__item__text {
      padding: 0 8px 16px;
      margin: 12px 0 0
  }
}

.p-sampling__list__item__text .company {
  font-size: 12px;
  color: #999;
  margin: 0 0 4px;
  text-align: center
}

.p-sampling__list__item__text .title {
  font-size: 14px;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-sampling__list__item__text .title {
      font-size: 13px
  }
}

.p-sampling__list__item__text .p-buttonWrap {
  margin: auto auto 0;
  padding: 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-sampling__list__item__text .p-buttonWrap {
      padding: 8px 0 0
  }
}

.p-shopPayment {
  padding: 16px 0 0;
  border-top: solid 1px #eee
}

.p-shopPayment--mypage {
  padding: 0;
  border-top: none
}

.p-shopPayment .message {
  padding: 8px;
  background: #fff4f4;
  color: #ef4444;
  margin: 0 0 8px;
  font-size: 13px
}

.p-shopPayment__contents {
  margin: auto;
  padding: 10px 24px 16px;
  border: solid 1px #eee;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0)
}

.p-shopPayment__contents__image__barcode {
  height: auto;
  width: 100%;
  display: block;
  margin: auto
}

.p-shopPayment__contents__image span {
  display: block;
  font-size: 12px;
  color: #999;
  text-align: center;
  letter-spacing: .08em;
  margin: 0 0 4px
}

.p-shopPayment__contents__image>div {
  margin: 0 auto
}

.p-shopPayment__contents__text {
  margin: 16px auto 0;
  padding: 16px 0 0;
  border-top: solid 1px #eee
}

.p-shopPayment__contents__text .p-registerStep__box__list__item+.p-registerStep__box__list__item {
  margin: 6px 0 0
}

.p-shopPayment__contents__text .p-registerStep__box__list__label {
  width: 90px;
  flex: 0 0 auto;
  font-size: 12px
}

.p-shopPayment__contents__text .p-registerStep__box__list__data {
  font-size: 13px
}

.p-shopPayment .do_icon {
  position: absolute;
  right: 15px;
  bottom: 15px
}

.p-returnMachine {
  display: flex;
  flex-direction: column
}

.p-returnMachine__head {
  flex: 0 0 auto;
  margin: 0 0 1.5rem;
  padding: 0 1rem
}

.p-returnMachine__head__title {
  font-size: 1.375rem;
  font-weight: 600;
  color: #222;
  margin: 0 0 .75rem
}

.p-returnMachine__head__description {
  font-size: 13px;
  color: #222
}

.p-returnMachine__head__description b {
  font-weight: 600
}

.p-returnMachine__body {
  flex: auto;
  min-height: 1px
}

.p-returnMachine__body .p-returnMachine__machine {
  padding: 0 1rem
}

.p-returnMachine__machine__title {
  font-size: 11px;
  color: #666;
  margin: 0 0 .25rem
}

.p-returnMachine__machine__body {
  display: flex;
  align-items: center
}

.p-returnMachine__machine__body__image {
  flex: 0 0 auto;
  width: 4rem;
  margin: 0 1rem 0 0
}

.p-returnMachine__machine__body__text {
  flex: auto;
  min-width: 1px
}

.p-returnMachine__machine__body__text .name {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222
}

.p-returnMachine__machine__body__text .serial {
  font-size: 13px;
  color: #888;
  letter-spacing: .08rem
}

.p-returnMachine__announce {
  margin: .5rem 0 0
}

.p-returnMachine__announce__list {
  padding: 0 1rem;
  background: #f7f2f2;
  border-radius: 4px
}

.p-returnMachine__announce__list__item {
  padding: 1rem 0
}

.p-returnMachine__announce__list__item__title {
  font-size: .875rem;
  font-weight: 600;
  margin: 0 0 .5rem;
  color: #222
}

.p-returnMachine__announce__list__item__description {
  font-size: .75rem;
  color: #222
}

.p-returnMachine__announce__list__item__description a {
  font-weight: 600;
  text-decoration: underline;
  color: #176e39
}

.p-returnMachine__announce__list__item__tel a {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Montserrat", "Roboto", sans-serif;
  display: flex;
  align-items: center;
  color: #222;
  word-break: keep-all
}

.p-returnMachine__announce__list__item__tel a:before {
  content: "";
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 .5rem 0 0;
  background: url(../img/common/icon/tel.svg) no-repeat center;
  background-size: contain
}

.p-returnMachine__announce__list__item__tel span {
  font-size: 11px;
  display: block
}

.p-returnMachine__announce__list__item+.p-returnMachine__announce__list__item {
  border-top: solid 1px #ccc
}

.p-returnMachine__foot {
  flex: 0 0 auto;
  margin: .5rem 0 0
}

.p-returnMachine__foot .p-buttonWrap .c-button,
.p-returnMachine__foot .p-buttonWrap .c-button--accent,
.p-returnMachine__foot .p-buttonWrap .c-button--action,
.p-returnMachine__foot .p-buttonWrap .c-button--form,
.p-returnMachine__foot .p-buttonWrap .c-button--inline,
.p-returnMachine__foot .p-buttonWrap .c-button--inlineArrow,
.p-returnMachine__foot .p-buttonWrap .c-button--weak,
.p-returnMachine__foot .p-buttonWrap .c-button--line,
.p-returnMachine__foot .p-buttonWrap .c-button--full,
.p-returnMachine__foot .p-buttonWrap .c-button--small,
.p-returnMachine__foot .p-buttonWrap .p-home__middleNav__button {
  font-size: 1rem;
  font-weight: 600
}

.p-returnMachine__formList {
  margin: 1.5rem 0 0
}

.p-returnMachine__formList__item {
  padding: 1.5rem 0;
  border-top: solid 1px #e5e9ee
}

.p-returnMachine__formList__item__title {
  font-size: 1.125rem;
  font-weight: 500;
  color: #222;
  display: flex;
  align-items: center;
  margin: 0 0 .5rem
}

.p-returnMachine__formList__item__title .c-mark--required {
  font-size: 13px;
  width: 40px;
  height: 20px
}

.p-returnMachine__formList__item__description {
  font-size: 13px;
  color: #666;
  margin: 0 0 1rem
}

.p-returnMachine__formList__item__alert {
  font-size: 13px;
  padding: 8px;
  background: rgba(255, 71, 71, .05);
  color: #f73333;
  border: solid 1px #f73333;
  line-height: 1.2rem;
  margin: 0
}

.p-returnMachine__formList__item .p-optionPlan__list {
  margin: 0
}

.p-returnMachine__formList__item .c-input--radio--label label {
  flex: auto;
  min-width: 1px
}

.p-returnMachine__formList__item .p-list__item {
  border: none
}

.p-returnMachine__formList__item .p-list__item .data {
  color: #222
}

.p-returnMachine__imageAdd__list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem
}

.p-returnMachine__imageAdd__list__item {
  padding: .5rem;
  width: 33.33%
}

.p-returnMachine__imageAdd__list__item--double {
  width: 66.66%
}

.p-returnMachine__imageAdd__list__item--double .c-image:before,
.p-returnMachine__imageAdd__list__item--double .c-image--standard:before,
.p-returnMachine__imageAdd__list__item--double .c-image--wide:before,
.p-returnMachine__imageAdd__list__item--double .c-image--notification:before {
  padding-top: 50%
}

.p-returnMachine__imageAdd__list__item--full {
  width: 100%
}

.p-returnMachine__imageAdd__list__item--full img {
  width: 100%
}

.p-returnMachine__imageAdd__list__item__title {
  font-size: 13px;
  color: #c2cbd6;
  text-align: center;
  margin: 4px 0 0
}

.p-returnMachine__imageAdd__list__item .c-input--file {
  position: relative
}

.p-returnMachine__imageAdd__list__item .c-input--file .c-image,
.p-returnMachine__imageAdd__list__item .c-input--file .c-image--standard,
.p-returnMachine__imageAdd__list__item .c-input--file .c-image--wide,
.p-returnMachine__imageAdd__list__item .c-input--file .c-image--notification {
  border: solid 1px #e5e9ee;
  border-radius: 6px;
  position: relative;
  overflow: hidden
}

.p-returnMachine__imageAdd__list__item .c-input--file .c-image:after,
.p-returnMachine__imageAdd__list__item .c-input--file .c-image--standard:after,
.p-returnMachine__imageAdd__list__item .c-input--file .c-image--wide:after,
.p-returnMachine__imageAdd__list__item .c-input--file .c-image--notification:after {
  content: "";
  background: #f9fbfd url(../img/web/mypage/returnMachine__image.svg) no-repeat center;
  background-size: auto 40px
}

.p-returnMachine__imageAdd__list__item .c-input--file .c-input__button--close {
  position: absolute;
  right: -6px;
  top: -6px;
  opacity: 0;
  pointer-events: none;
  z-index: 1
}

.p-returnMachine__imageAdd__list__item .c-input--file--active .c-input__button--close {
  opacity: 1;
  pointer-events: all
}

.p-returnMachine__imageAdd__list__item .c-input--file--active .c-image:after,
.p-returnMachine__imageAdd__list__item .c-input--file--active .c-image--standard:after,
.p-returnMachine__imageAdd__list__item .c-input--file--active .c-image--wide:after,
.p-returnMachine__imageAdd__list__item .c-input--file--active .c-image--notification:after {
  display: none
}

.p-returnMachine__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image,
.p-returnMachine__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image--standard,
.p-returnMachine__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image--wide,
.p-returnMachine__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image--notification {
  background-color: #000;
  background-size: auto 100% !important
}

.p-warrantyStep__body .p-returnMachine__machine {
  padding: 0 1rem
}

.p-list__item .data .p-returnMachine__announce__list__item__tel a {
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Montserrat", "Roboto", sans-serif;
  display: flex;
  align-items: center;
  color: #222;
  word-break: keep-all;
  letter-spacing: .02em
}

.p-list__item .data .p-returnMachine__announce__list__item__tel a:before {
  content: "";
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 .125rem 0 0;
  background: url(../img/common/icon/tel.svg) no-repeat center;
  background-size: contain;
  transform: translate(0px, 1px) rotate(17deg)
}

.p-campaign {
  padding: 18px 24px 14px;
  background: rgba(255, 89, 89, .94);
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 3;
  box-shadow: 0 6px 6px rgba(205, 44, 44, .2)
}

@media screen and (max-width: 560px) {
  .p-campaign {
      padding: 10px 16px;
      height: 64px;
      top: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 4px rgba(205, 44, 44, .1)
  }
}

.p-campaign:before,
.p-campaign:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, .1);
  position: absolute;
  z-index: -1;
  top: 8px;
  left: 0;
  display: none
}

.p-campaign:after {
  top: auto;
  bottom: 8px
}

.p-campaign__limit {
  display: flex;
  align-items: baseline;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-campaign__limit {
      flex-direction: column;
      align-items: center
  }
}

.p-campaign__limit__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 0 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-campaign__limit__title {
      font-size: 15px;
      font-weight: 700;
      margin: 0
  }
}

.p-campaign__limit__time {
  color: #fff;
  font-size: 16px;
  font-weight: 800
}

@media screen and (max-width: 480px) {
  .p-campaign__limit__time {
      font-size: 14px
  }
}

.p-campaign__limit__time .hour,
.p-campaign__limit__time .minute,
.p-campaign__limit__time .second {
  font-size: 28px;
  font-weight: 600;
  margin: 0 2px 0 4px;
  transform: translate(0, 1px);
  display: inline-block
}

@media screen and (max-width: 480px) {

  .p-campaign__limit__time .hour,
  .p-campaign__limit__time .minute,
  .p-campaign__limit__time .second {
      font-size: 24px
  }
}

.p-rentalpurchase .sec-mv {
  position: relative
}

.p-rentalpurchase .sec-mv .box-btn {
  margin: 4% 0 -4%;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: auto
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-mv .box-btn {
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 48.5%
  }
}

.p-rentalpurchase .sec-mv .box-btn a {
  display: block;
  width: 24.8%;
  animation: jump .5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-mv .box-btn a {
      width: 47%
  }
}

.p-rentalpurchase .sec-voice {
  position: relative
}

.p-rentalpurchase .sec-voice .slider_voice {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto
}

@media only screen and (min-width: 768px) {
  .p-rentalpurchase .sec-voice .slider_voice {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: auto
  }

  .p-rentalpurchase .sec-voice .slider_voice .box {
      width: 23.6%;
      margin: 0 .7%
  }
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-voice .slider_voice {
      bottom: 10%
  }

  .p-rentalpurchase .sec-voice .slider_voice .box {
      margin: 0 .4%
  }
}

.p-rentalpurchase .sec-media {
  position: relative
}

.p-rentalpurchase .sec-media a {
  display: block;
  position: absolute;
  width: 34.5%;
  height: 28.5%;
  bottom: 18.5%
}

.p-rentalpurchase .sec-media a.movie01 {
  left: 14.1%
}

.p-rentalpurchase .sec-media a.movie02 {
  right: 13.5%
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-media a {
      width: 84.5%;
      height: 16%;
      left: 0;
      right: 0;
      margin: 0 auto
  }

  .p-rentalpurchase .sec-media a.movie01 {
      left: 0;
      bottom: 37%
  }

  .p-rentalpurchase .sec-media a.movie02 {
      right: 0;
      bottom: 8.5%
  }
}

.p-rentalpurchase .sec-which {
  position: relative
}

.p-rentalpurchase .sec-which .box-note {
  position: absolute;
  width: 74.6%;
  height: 11%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  bottom: 8%;
  margin: 0 auto;
  background: #fff;
  padding: 1.5%
}

.p-rentalpurchase .sec-which .box-note p {
  font-size: 1vw
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-which .box-note {
      width: 91.4%;
      height: 20%;
      padding: 4%
  }

  .p-rentalpurchase .sec-which .box-note p {
      font-size: 3.2vw
  }
}

.p-rentalpurchase .sec-plan {
  margin-bottom: 5%;
  position: relative
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan {
      margin-bottom: 10%
  }
}

.p-rentalpurchase .sec-plan .pswp {
  height: 100vh
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan .bg {
      background: #000;
      background: linear-gradient(90deg, #393939 48.6037%, #000 84.3459%);
      padding-bottom: 10%
  }
}

.p-rentalpurchase .sec-plan .list {
  width: 85.5%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: auto
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan .list {
      width: 92%;
      position: relative;
      bottom: 0;
      display: block;
      margin-bottom: 10%
  }
}

.p-rentalpurchase .sec-plan .list .box {
  width: 32%;
  position: relative;
  background: #fff;
  padding-bottom: 2%
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan .list .box {
      width: 100%;
      margin-bottom: 5%
  }

  .p-rentalpurchase .sec-plan .list .box:last-child {
      margin-bottom: 0
  }
}

.p-rentalpurchase .sec-plan .list .box .ico {
  width: 4.15vw;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-20%, -20%)
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan .list .box .ico {
      width: 14.4vw;
      transform: translate(-15%, -15%)
  }
}

.p-rentalpurchase .sec-plan .list .box .p-machine__list__item__detail {
  margin: 0 auto;
  top: 34.5%
}

.p-rentalpurchase .sec-plan .list .box .p-machine__list__item__detail .p-machine__photoList {
  margin: 0;
  justify-content: center
}

.p-rentalpurchase .sec-plan .list .box .p-machine__list__item__detail .p-machine__photoList figure {
  width: 20%
}

.p-rentalpurchase .sec-plan .list .box .p-machine__list__item__detail .p-machine__photoList figure figcaption {
  font-size: 10px
}

.p-rentalpurchase .sec-plan .list .box .btn {
  display: block;
  width: 89.8%;
  margin: 0 auto
}

.p-rentalpurchase .sec-plan .list .box .btn.detail01 {
  margin: 4% auto 10%
}

.p-rentalpurchase .sec-plan .list .box .btn.detail02 {
  margin: 3% auto 8%
}

.p-rentalpurchase .sec-plan .list .box.box01 .p-machine__list__item__detail .p-machine__photoList {
  width: 80%;
  margin: 0 auto
}

.p-rentalpurchase .sec-plan .list .box.box01 .p-machine__list__item__detail .p-machine__photoList figure {
  width: 25%
}

@media only screen and (min-width: 768px) {
  .p-rentalpurchase .sec-plan .list .box.box01 .p-home__price__list__foot__explain__window__body {
      bottom: 14%
  }
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan .list .box.box01 .p-home__price__list__foot__explain__window__body {
      top: 94%
  }
}

.p-rentalpurchase .sec-plan .box-note {
  position: absolute;
  width: 84.6%;
  height: 7%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  bottom: 13%;
  margin: 0 auto;
  background: #fff;
  padding: 1.5%
}

.p-rentalpurchase .sec-plan .box-note p {
  font-size: 1vw
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan .box-note {
      position: relative;
      bottom: 0;
      width: 91.4%;
      height: 184px;
      padding: 4%;
      margin-bottom: 40px
  }

  .p-rentalpurchase .sec-plan .box-note p {
      font-size: 3.2vw
  }
}

.p-rentalpurchase .sec-plan .btn-other {
  display: block;
  width: 25.4%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7%;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  .p-rentalpurchase .sec-plan .btn-other {
      width: 88%;
      position: relative;
      bottom: 0
  }
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__description {
  font-size: 12px;
  text-align: left;
  line-height: 1.2em;
  color: #999
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__description+.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__description {
  margin: 4px 0 0
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window {
  margin: 12px 0 8px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window {
      margin: 6px 0 8px
  }
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__head__title {
  font-size: 14px;
  letter-spacing: .08em;
  height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4a4a4a;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0);
  transition: all .2s ease
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__head__title:hover {
  border-color: #999
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body {
  width: 100%;
  min-width: 310px;
  z-index: 1;
  background: rgba(255, 255, 255, .97);
  position: absolute;
  padding: 12px 14px 14px;
  bottom: 27%;
  left: 0;
  max-height: 460px;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: all .4s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
  border-bottom: solid 4px #e0778d;
  transform: translate(0, 30px)
}

@media screen and (max-width: 560px) {
  .p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body {
      bottom: auto;
      top: 80%;
      left: auto;
      right: 0;
      border-top: solid 4px #e0778d;
      border-bottom: none;
      transform: translate(0, 0);
      z-index: 2
  }
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body.position--right {
  left: auto;
  right: 0
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body.view {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0)
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body p {
  color: #222;
  font-size: 13px;
  text-align: left;
  line-height: 1.4em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body p+p {
  margin: 2px 0 0
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body p+small {
  margin: 4px 0 0
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body small {
  font-size: 12px;
  text-align: left;
  line-height: 1.2em;
  color: #666;
  display: block;
  font-family: "Noto Sans JP", sans-serif
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body small+small {
  margin: 4px 0 0
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body__title {
  font-size: 18px !important;
  font-weight: 500;
  text-align: center !important;
  padding: 0 6px;
  margin: 0 0 8px;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #e0778d !important
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body__list {
  margin: 0 0 14px
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body__list>li {
  display: flex;
  align-items: flex-end;
  padding: 0 0 4px;
  margin: 0 0 4px;
  border-bottom: solid 1px #eee
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body__list>li p:not(.p-home__price__list__foot__explain__window__body__list__head) {
  font-size: 14px
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body__list__head {
  color: #666 !important;
  line-height: 1.2em !important;
  text-align: right !important;
  font-size: 12px !important;
  margin: 0 12px 0 0;
  flex: 0 0 auto;
  width: 112px;
  letter-spacing: 0
}

.p-rentalpurchase .sec-plan .p-home__price__list__foot__explain__window__body__list__head:after {
  content: " :"
}

.p-rentalpurchase a img {
  opacity: 1;
  transition: opacity .4s
}

.p-rentalpurchase a:hover img {
  opacity: .8
}

@media only screen and (min-width: 768px) {
  .p-rentalpurchase .sp {
      display: none !important
  }
}

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

@keyframes jump {
  0% {
      transform: translateY(0)
  }

  100% {
      transform: translateY(-15px)
  }
}

@media only screen and (max-width: 1079px) {
  @keyframes jump {
      0% {
          transform: translateY(0)
      }

      100% {
          transform: translateY(-10px)
      }
  }
}

.p-raiten30 .sec-btn {
  margin: 5% 0 -4%;
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-btn {
      margin: 6% 0 3%
  }
}

.p-raiten30 .sec-btn .btn {
  display: block;
  width: 24.8%;
  margin: 0 auto;
  animation: jump .5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-btn .btn {
      width: 81.8%
  }
}

.p-raiten30 .sec-intro {
  margin-bottom: 7%;
  position: relative
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-intro {
      margin-bottom: 0
  }
}

@media only screen and (min-width: 768px) {
  .p-raiten30 .sec-intro .slider_influencer {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: auto
  }
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-intro .slider_influencer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 9%;
      margin: 0 auto
  }

  .p-raiten30 .sec-intro .slider_influencer .slick-list {
      padding-bottom: 4% !important
  }
}

@media only screen and (min-width: 768px) {
  .p-raiten30 .sec-intro .slider_influencer .box {
      width: 13.8%;
      margin: 0 .7%;
      box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .1)
  }
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-intro .slider_influencer .box {
      margin: 0 .4%;
      box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, .1)
  }
}

.p-raiten30 .sec-voice {
  position: relative
}

.p-raiten30 .sec-voice .slider_voice {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto
}

@media only screen and (min-width: 768px) {
  .p-raiten30 .sec-voice .slider_voice {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: auto
  }

  .p-raiten30 .sec-voice .slider_voice .box {
      width: 23.6%;
      margin: 0 .7%
  }
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-voice .slider_voice {
      bottom: 10%
  }

  .p-raiten30 .sec-voice .slider_voice .box {
      margin: 0 .4%
  }
}

.p-raiten30 .sec-media {
  position: relative
}

.p-raiten30 .sec-media a {
  display: block;
  position: absolute;
  width: 34.5%;
  height: 28.5%;
  bottom: 18.5%
}

.p-raiten30 .sec-media a.movie01 {
  left: 14.1%
}

.p-raiten30 .sec-media a.movie02 {
  right: 13.5%
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-media a {
      width: 84.5%;
      height: 16%;
      left: 0;
      right: 0;
      margin: 0 auto
  }

  .p-raiten30 .sec-media a.movie01 {
      left: 0;
      bottom: 37%
  }

  .p-raiten30 .sec-media a.movie02 {
      right: 0;
      bottom: 8.5%
  }
}

.p-raiten30 .sec-plan {
  position: relative
}

.p-raiten30 .sec-plan .btn {
  display: block;
  width: 24.8%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18%;
  margin: 0 auto;
  animation: jump .5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-plan .btn {
      width: 81.8%;
      bottom: 17%
  }
}

.p-raiten30 .sec-plan .note {
  font-size: .9vw;
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 14%;
  line-height: 1.6em
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-plan .note {
      font-size: 2.4vw;
      line-height: 1.8em;
      width: 91%;
      margin: 0 auto;
      right: 0;
      bottom: 12%
  }
}

.p-raiten30 .sec-qa {
  padding: 70px 20px 100px
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-qa {
      padding: 50px 20px 70px
  }
}

.p-raiten30 .sec-qa .ttl {
  font-size: 37px;
  color: #000;
  font-weight: bold;
  letter-spacing: .05em;
  text-align: center;
  margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-qa .ttl {
      font-size: 33px;
      margin-bottom: 25px
  }
}

.p-raiten30 .sec-qa .list {
  max-width: 780px;
  margin: 0 auto
}

.p-raiten30 .sec-qa .list .box {
  margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-qa .list .box {
      margin-bottom: 32px
  }
}

.p-raiten30 .sec-qa .list .box:last-child {
  margin-bottom: 0
}

.p-raiten30 .sec-qa .list .box dl {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 15px
}

.p-raiten30 .sec-qa .list .box dl dt {
  width: 8%;
  font-size: 28px;
  color: #ff5589;
  font-weight: bold;
  line-height: 1.4em
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-qa .list .box dl dt {
      font-size: 20px;
      width: 14%
  }
}

.p-raiten30 .sec-qa .list .box dl dd {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  line-height: 1.6em
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-qa .list .box dl dd {
      font-size: 18px;
      width: 86%
  }
}

.p-raiten30 .sec-qa .list .box .a {
  font-size: 16px;
  line-height: 1.8em
}

@media only screen and (max-width: 767px) {
  .p-raiten30 .sec-qa .list .box .a {
      font-size: 14px
  }
}

.p-raiten30 .sec-qa .list .box .a a {
  color: #ff5589;
  font-weight: bold
}

.p-raiten30 a img {
  opacity: 1;
  transition: opacity .4s
}

.p-raiten30 a:hover img {
  opacity: .8
}

@media only screen and (min-width: 768px) {
  .p-raiten30 .sp {
      display: none !important
  }
}

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

@keyframes jump {
  0% {
      transform: translateY(0)
  }

  100% {
      transform: translateY(-15px)
  }
}

@media only screen and (max-width: 1079px) {
  @keyframes jump {
      0% {
          transform: translateY(0)
      }

      100% {
          transform: translateY(-10px)
      }
  }
}

.p-report .sec-intro {
  padding: 80px 0 70px;
  text-align: center;
  margin-bottom: -30px;
  position: relative;
  z-index: 2
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro {
      margin-bottom: -8vw;
      padding: 10vw 0 0
  }
}

.p-report .sec-intro:before {
  content: "";
  background: #ffe1e6;
  width: 100%;
  height: 69%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro:before {
      display: none
  }
}

.p-report .sec-intro .ttl {
  max-width: 890px;
  margin: 0 auto 60px;
  padding: 0 15px;
  text-align: left
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .ttl {
      max-width: 88%;
      margin-bottom: 9vw;
      padding: 0
  }

  .p-report .sec-intro .ttl img {
      width: 76%
  }
}

.p-report .sec-intro .movie {
  max-width: 890px;
  margin: 0 auto 15px;
  padding: 0 15px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .movie {
      max-width: 88%;
      margin-bottom: 2.6vw;
      padding: 0
  }
}

.p-report .sec-intro .movie .ico {
  width: 220px;
  position: absolute;
  right: -45px;
  top: -190px
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .movie .ico {
      width: 28%;
      right: -3vw;
      top: -22vw
  }
}

@media only screen and (max-width: 975px)and (min-width: 768px) {
  .p-report .sec-intro .movie .ico {
      right: 0;
      width: 200px
  }
}

.p-report .sec-intro .movie iframe {
  width: 100%;
  height: 466px
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .movie iframe {
      height: 179px
  }
}

@media only screen and (max-width: 767px)and (min-width: 500px) {
  .p-report .sec-intro .movie iframe {
      height: 300px
  }
}

.p-report .sec-intro .txt {
  font-size: 22px;
  color: #000;
  margin-bottom: 55px
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .txt {
      font-size: 2.6vw;
      margin-bottom: 4vw
  }
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .bg {
      background: #ffe1e6;
      padding: 3vw 0 13vw
  }
}

.p-report .sec-intro .stl {
  margin-bottom: 35px
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .stl {
      margin-bottom: 2.6vw
  }

  .p-report .sec-intro .stl img {
      width: 87.4%
  }
}

.p-report .sec-intro .img {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1);
  margin-bottom: 25px
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .img {
      margin-bottom: 3vw
  }
}

.p-report .sec-intro .note {
  font-size: 10px;
  color: gray
}

@media screen and (max-width: 768px) {
  .p-report .sec-intro .note {
      font-size: 2.6vw
  }
}

.p-report .box-btn {
  max-width: 520px;
  margin: 0 auto;
  position: relative;
  z-index: 2
}

@media screen and (max-width: 768px) {
  .p-report .box-btn {
      max-width: 84%
  }
}

.p-report .box-btn a {
  display: block;
  margin-bottom: 10px
}

.p-report .box-btn a:last-child {
  margin-bottom: 0
}

.p-report .sec-qa .block {
  position: relative;
  z-index: 2
}

.p-report .sec-qa .block:before {
  content: "";
  background: #ffe1e6;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1
}

.p-report .sec-qa .block .ttl {
  text-align: center;
  margin-bottom: 45px
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block .ttl img {
      width: 82%
  }
}

.p-report .sec-qa .block .img {
  margin-bottom: 70px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block .img {
      margin-bottom: 7vw
  }

  .p-report .sec-qa .block .img img {
      width: 86%
  }
}

.p-report .sec-qa .block ul {
  max-width: 795px;
  margin: 0 auto
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block ul {
      max-width: 94%
  }
}

.p-report .sec-qa .block ul li {
  margin-bottom: 20px
}

.p-report .sec-qa .block ul li:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block ul li {
      margin-bottom: 2vw
  }
}

.p-report .sec-qa .block.block01 {
  padding: 115px 0 90px
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block.block01 {
      padding: 13vw 0 11vw
  }
}

.p-report .sec-qa .block.block01:before {
  height: 64%
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block.block01:before {
      height: 68%
  }
}

.p-report .sec-qa .block.block02 {
  padding: 115px 0 110px;
  margin-bottom: -78px
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block.block02 {
      padding: 16vw 0 14vw;
      margin-bottom: -10vw
  }
}

.p-report .sec-qa .block.block02:before {
  height: 74%
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .block.block02:before {
      height: 77%
  }
}

.p-report .sec-qa .link {
  background: #000;
  background: linear-gradient(90deg, #393939 48.6037%, #000 84.3459%);
  padding: 77px 15px 85px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link {
      padding: 13vw 0
  }
}

.p-report .sec-qa .link:before {
  content: "";
  border: 20px solid rgba(0, 0, 0, 0);
  border-top: 20px solid #ffe1e6;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%)
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link:before {
      border: 17px solid rgba(0, 0, 0, 0);
      border-top: 17px solid #ffe1e6
  }
}

.p-report .sec-qa .link .ttl {
  margin-bottom: 25px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link .ttl {
      margin-bottom: 5vw
  }
}

.p-report .sec-qa .link .ttl span {
  font-size: 43px;
  color: #fff;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  letter-spacing: .05em;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link .ttl span {
      font-size: 5vw
  }
}

.p-report .sec-qa .link .ttl span:before,
.p-report .sec-qa .link .ttl span:after {
  content: "";
  background: #ff5580;
  width: 4px;
  height: 40px;
  position: absolute;
  top: 5px
}

@media screen and (max-width: 768px) {

  .p-report .sec-qa .link .ttl span:before,
  .p-report .sec-qa .link .ttl span:after {
      height: 8vw;
      width: 2px;
      top: -2px
  }
}

.p-report .sec-qa .link .ttl span:before {
  left: -35px;
  transform: rotate(-20deg)
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link .ttl span:before {
      left: -20px
  }
}

.p-report .sec-qa .link .ttl span:after {
  right: -35px;
  transform: rotate(20deg)
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link .ttl span:after {
      right: -20px
  }
}

.p-report .sec-qa .link a {
  font-size: 39px;
  color: #fff;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  background: #ff5580;
  display: block;
  letter-spacing: .05em;
  max-width: 753px;
  padding: 30px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
  border-radius: 10px;
  opacity: 1
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link a {
      font-size: 4.4vw;
      max-width: 88%;
      padding: 7vw 0
  }
}

.p-report .sec-qa .link a strong {
  color: #ff0;
  font-weight: bold
}

.p-report .sec-qa .link a:before,
.p-report .sec-qa .link a:after {
  content: "";
  background: #fff;
  height: 3px;
  position: absolute;
  right: 30px;
  top: 50%
}

@media screen and (max-width: 768px) {

  .p-report .sec-qa .link a:before,
  .p-report .sec-qa .link a:after {
      right: 15px;
      height: 2px
  }
}

.p-report .sec-qa .link a:before {
  width: 13px;
  transform: rotate(35deg) translateY(-2px)
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link a:before {
      width: 8px
  }
}

.p-report .sec-qa .link a:after {
  width: 37px
}

@media screen and (max-width: 768px) {
  .p-report .sec-qa .link a:after {
      width: 19px
  }
}

.p-report .p-page__main__head {
  padding-top: 120px
}

@media screen and (max-width: 768px) {
  .p-report .p-page__main__head {
      padding-top: 60px
  }
}

.p-report a img {
  opacity: 1;
  transition: opacity .4s
}

.p-report a:hover img {
  opacity: .8
}

.p-report a.opacity {
  opacity: 1;
  transition: opacity .4s
}

.p-report a.opacity:hover {
  opacity: .8
}

@media only screen and (min-width: 768px) {
  .p-report .sp {
      display: none !important
  }
}

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

.p-machine_commentary .sec-intro {
  padding: 30px 0 0;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-intro {
      padding: 5.3vw 0 0
  }
}

.p-machine_commentary .sec-intro .img01 {
  margin-bottom: 10px
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-intro .img01 img {
      width: 89.6%
  }
}

.p-machine_commentary .sec-intro .ttl {
  margin-bottom: 25px
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-intro .ttl {
      margin-bottom: 5.3vw
  }

  .p-machine_commentary .sec-intro .ttl img {
      width: 65.3%
  }
}

.p-machine_commentary .sec-intro .img02 {
  margin-bottom: 15px
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-intro .img02 {
      margin-bottom: 2.6vw
  }
}

.p-machine_commentary .sec-intro .note {
  font-size: 15px;
  color: gray
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-intro .note {
      font-size: 2.6vw
  }
}

.p-machine_commentary .sec-point {
  padding: 90px 15px 75px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-point {
      padding: 9vw 0 14vw
  }
}

.p-machine_commentary .sec-point .img {
  margin-bottom: 80px
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-point .img {
      margin-bottom: 6.6vw
  }
}

.p-machine_commentary .sec-point .ttl {
  margin-bottom: 20px
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-point .ttl {
      margin-bottom: 4vw
  }

  .p-machine_commentary .sec-point .ttl img {
      width: 78.9%
  }
}

.p-machine_commentary .sec-point .btn {
  max-width: 520px;
  margin: 0 auto;
  display: block
}

@media screen and (max-width: 768px) {
  .p-machine_commentary .sec-point .btn {
      max-width: 90%
  }
}

.p-machine_commentary a img {
  opacity: 1;
  transition: opacity .4s
}

.p-machine_commentary a:hover img {
  opacity: .8
}

.p-machine_commentary a.opacity {
  opacity: 1;
  transition: opacity .4s
}

.p-machine_commentary a.opacity:hover {
  opacity: .8
}

@media only screen and (min-width: 768px) {
  .p-machine_commentary .sp {
      display: none !important
  }
}

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

.p-self_esthetic .sec-choice .inner-pc {
  position: relative
}

.p-self_esthetic .sec-choice .inner-pc .btn {
  width: 14.3%;
  display: block;
  position: absolute;
  bottom: 13.5%;
  animation: jump .5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate
}

.p-self_esthetic .sec-choice .inner-pc .btn.btn01 {
  left: 16.2%
}

.p-self_esthetic .sec-choice .inner-pc .btn.btn02 {
  margin: 0 auto;
  left: 0;
  right: 0
}

.p-self_esthetic .sec-choice .inner-pc .btn.btn03 {
  right: 16.2%
}

.p-self_esthetic .sec-choice .inner-sp01 {
  position: relative
}

.p-self_esthetic .sec-choice .inner-sp01 .btn {
  width: 34.3%;
  display: block;
  position: absolute;
  right: 8%
}

.p-self_esthetic .sec-choice .inner-sp01 .btn.btn01 {
  bottom: 34.5%
}

.p-self_esthetic .sec-choice .inner-sp01 .btn.btn02 {
  bottom: 21.3%
}

.p-self_esthetic .sec-choice .inner-sp01 .btn.btn03 {
  bottom: 7.8%
}

.p-self_esthetic .sec-choice .inner-sp02 .box {
  position: relative
}

.p-self_esthetic .sec-choice .inner-sp02 .box .btn {
  width: 48%;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  animation: jump .5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate
}

.p-self_esthetic .sec-choice .inner-sp02 .box .btn.btn01 {
  bottom: 9%
}

.p-self_esthetic .sec-choice .inner-sp02 .box .btn.btn02 {
  bottom: 13%
}

.p-self_esthetic .sec-choice .inner-sp02 .box .btn.btn03 {
  bottom: 14%
}

.p-self_esthetic .sec-compare {
  position: relative;
  z-index: 2
}

.p-self_esthetic .sec-compare .slider_influencer {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto
}

@media only screen and (min-width: 768px) {
  .p-self_esthetic .sec-compare .slider_influencer {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: auto;
      bottom: -11%
  }
}

@media only screen and (max-width: 767px) {
  .p-self_esthetic .sec-compare .slider_influencer {
      bottom: -30%
  }

  .p-self_esthetic .sec-compare .slider_influencer .slick-list {
      padding-bottom: 4% !important
  }
}

@media only screen and (min-width: 768px) {
  .p-self_esthetic .sec-compare .slider_influencer .box {
      width: 21.7%;
      margin: 0 .5%;
      box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .1)
  }
}

@media only screen and (max-width: 767px) {
  .p-self_esthetic .sec-compare .slider_influencer .box {
      margin: 0 .4%;
      box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, .1)
  }
}

.p-self_esthetic .sec-salon {
  position: relative
}

.p-self_esthetic .sec-salon .slider_salon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto
}

@media only screen and (min-width: 768px) {
  .p-self_esthetic .sec-salon .slider_salon {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: auto;
      bottom: 11%
  }
}

@media only screen and (max-width: 767px) {
  .p-self_esthetic .sec-salon .slider_salon {
      bottom: 11%
  }

  .p-self_esthetic .sec-salon .slider_salon .slick-list {
      padding-bottom: 4% !important
  }
}

@media only screen and (min-width: 768px) {
  .p-self_esthetic .sec-salon .slider_salon .box {
      width: 21.4%;
      margin: 0 .7%;
      box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .1)
  }
}

@media only screen and (max-width: 767px) {
  .p-self_esthetic .sec-salon .slider_salon .box {
      margin: 0 .4%;
      box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, .1)
  }
}

.p-self_esthetic a img {
  opacity: 1;
  transition: opacity .4s
}

.p-self_esthetic a:hover img {
  opacity: .8
}

@media only screen and (min-width: 768px) {
  .p-self_esthetic .sp {
      display: none !important
  }
}

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

@keyframes jump {
  0% {
      transform: translateY(0)
  }

  100% {
      transform: translateY(-10px)
  }
}

.p-sms {
  margin: 40px auto 0;
  max-width: 480px
}

@media screen and (max-width: 480px) {
  .p-sms {
      margin: 24px auto 0
  }
}

.p-sms__head__title {
  font-size: 24px;
  font-weight: 500;
  color: #0d0d0d
}

@media screen and (max-width: 480px) {
  .p-sms__head__title {
      font-size: 20px
  }
}

.p-sms__head__description {
  line-height: 1.6em;
  margin: 14px 0 0;
  color: #0d0d0d
}

.p-sms__body {
  margin: 40px 0 0
}

.p-sms__body .p-formList__item+.p-formList__item--line {
  height: 1px;
  margin: 20px 0;
  background: #e5e9ee
}

.p-sms__body .p-formList__content__head {
  margin: 0 0 8px
}

.p-sms__body .p-formList__content__body a:link {
  color: #1b73e8;
  text-decoration: underline;
  line-height: 1
}

.p-sms__body .p-registerStep__box__list__label {
  flex: 0 0 auto;
  width: 130px;
  display: flex;
  margin: 0 12px 0 0
}

.p-sms__body .p-registerStep__box__list__label:after {
  content: ":";
  margin-left: auto;
  display: inline-block;
  line-height: 20px;
  font-weight: 500
}

.p-sms__howto {
  padding: 14px 18px 24px;
  background: #f0f3f7
}

.p-sms__howto .title {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin: 0 0 10px
}

.p-sms__howto__step {
  counter-reset: number 0
}

.p-sms__howto__step>li p {
  color: #444;
  line-height: 1.6em;
  position: relative;
  padding: 0 0 0 24px
}

@media screen and (max-width: 480px) {
  .p-sms__howto__step>li p {
      padding: 0 0 0 20px
  }
}

.p-sms__howto__step>li p:before {
  counter-increment: number 1;
  content: counter(number) ".";
  position: absolute;
  left: 6px;
  top: 0px
}

@media screen and (max-width: 480px) {
  .p-sms__howto__step>li p:before {
      left: 0
  }
}

.p-sms__howto__step>li p a {
  color: #ec5a5a;
  text-decoration: underline
}

.p-sms__howto__step>li+li {
  margin: 12px 0 0
}

.p-sms__foot {
  margin: 40px 0 0
}

.p-sms__foot .c-button--form {
  height: 56px;
  width: 100%;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  max-width: 280px;
  border-radius: 5px;
  background: #1a73e8;
  box-shadow: 0 6px 6px rgba(0, 0, 0, .1)
}

.p-telinfo {
  background: #fff
}

.p-telinfo__head>.c-text__lv4,
.p-telinfo__head>.p-pricePlan__section__head__title,
.p-telinfo__head>.p-warrantyId__head__plan,
.p-telinfo__head>.p-warrantyStep__complete__body__copy,
.p-telinfo__head>.p-warrantyStep__notice__head__title,
.p-telinfo__head>.p-warrantyStep__head__copy,
.p-telinfo__head>.p-warranty__plan__option__list__head__title,
.p-telinfo__head>.p-warranty__plan__list__head__title--small,
.p-warranty__about__list__head .p-telinfo__head>.number,
.p-warranty__about__list__head .p-telinfo__head>.title,
.p-telinfo__head>.p-warranty__section__head__copy {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-telinfo__head>.c-text__lv4 .close,
.p-telinfo__head>.p-pricePlan__section__head__title .close,
.p-telinfo__head>.p-warrantyId__head__plan .close,
.p-telinfo__head>.p-warrantyStep__complete__body__copy .close,
.p-telinfo__head>.p-warrantyStep__notice__head__title .close,
.p-telinfo__head>.p-warrantyStep__head__copy .close,
.p-telinfo__head>.p-warranty__plan__option__list__head__title .close,
.p-telinfo__head>.p-warranty__plan__list__head__title--small .close,
.p-warranty__about__list__head .p-telinfo__head>.number .close,
.p-warranty__about__list__head .p-telinfo__head>.title .close,
.p-telinfo__head>.p-warranty__section__head__copy .close {
  width: 20px;
  height: 20px;
  background: url(../img/web/icon/close.svg) no-repeat center;
  background-size: contain;
  opacity: .4;
  display: none
}

.p-telinfo__box {
  padding: 12px 16px;
  background: #f4f4f4;
  margin: 12px 0 0
}

.p-telinfo__box .c-text__sub {
  line-height: 1.3em
}

.p-telinfo__box .c-text--announce {
  line-height: 1.3em
}

.p-telinfo__box .c-text--announce a {
  color: #f33232;
  font-size: 12px;
  text-decoration: underline;
  font-weight: 600
}

.p-telinfo__body {
  margin: 8px 0 0
}

.p-telinfo__body .p-buttonWrap--column {
  display: flex;
  flex-direction: column
}

.p-telinfo__body .p-buttonWrap--column+.p-buttonWrap--column {
  padding: 8px 0 0;
  margin: 8px 0 0;
  border-top: solid 1px #eee
}

.p-telinfo__body .p-buttonWrap p.c-button,
.p-telinfo__body .p-buttonWrap p.c-button--accent,
.p-telinfo__body .p-buttonWrap p.c-button--action,
.p-telinfo__body .p-buttonWrap p.c-button--form,
.p-telinfo__body .p-buttonWrap p.c-button--inline,
.p-telinfo__body .p-buttonWrap p.c-button--inlineArrow,
.p-telinfo__body .p-buttonWrap p.c-button--weak,
.p-telinfo__body .p-buttonWrap p.c-button--line,
.p-telinfo__body .p-buttonWrap p.c-button--full,
.p-telinfo__body .p-buttonWrap p.c-button--small,
.p-telinfo__body .p-buttonWrap p.p-home__middleNav__button {
  padding: 8px 12px 6px;
  width: auto;
  line-height: 1.3em;
  text-align: center;
  background: #176e39 !important;
  cursor: default;
  text-decoration: none !important;
  width: 100% !important;
  border-color: #176e39;
  margin: 2px;
  justify-content: center
}

.p-telinfo__body .p-buttonWrap p.c-button--negative {
  box-shadow: none;
  background: #e1c0c8 !important;
  border-color: #e1c0c8;
  cursor: pointer;
  color: #c8798b !important
}

.p-telinfo__body .p-buttonWrap p.c-button--negative:hover {
  background: #dab2bc !important
}

.p-telinfo__body .p-buttonWrap a.c-button,
.p-telinfo__body .p-buttonWrap a.c-button--accent,
.p-telinfo__body .p-buttonWrap a.c-button--action,
.p-telinfo__body .p-buttonWrap a.c-button--form,
.p-telinfo__body .p-buttonWrap a.c-button--inline,
.p-telinfo__body .p-buttonWrap a.c-button--inlineArrow,
.p-telinfo__body .p-buttonWrap a.c-button--weak,
.p-telinfo__body .p-buttonWrap a.c-button--line,
.p-telinfo__body .p-buttonWrap a.c-button--full,
.p-telinfo__body .p-buttonWrap a.c-button--small,
.p-telinfo__body .p-buttonWrap a.p-home__middleNav__button {
  text-decoration: underline;
  text-align: center;
  line-height: 1.3em;
  height: 52px;
  font-size: 14px !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 3px;
  width: 100% !important;
  background: #176e39;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .1);
  margin: 2px;
  border-color: #176e39;
  cursor: pointer
}

.p-telinfo__body .p-buttonWrap a.c-button:hover,
.p-telinfo__body .p-buttonWrap a.c-button--accent:hover,
.p-telinfo__body .p-buttonWrap a.c-button--action:hover,
.p-telinfo__body .p-buttonWrap a.c-button--form:hover,
.p-telinfo__body .p-buttonWrap a.c-button--inline:hover,
.p-telinfo__body .p-buttonWrap a.c-button--inlineArrow:hover,
.p-telinfo__body .p-buttonWrap a.c-button--weak:hover,
.p-telinfo__body .p-buttonWrap a.c-button--line:hover,
.p-telinfo__body .p-buttonWrap a.c-button--full:hover,
.p-telinfo__body .p-buttonWrap a.c-button--small:hover,
.p-telinfo__body .p-buttonWrap a.p-home__middleNav__button:hover {
  background: #d74c6c
}

.p-telinfo__body .p-buttonWrap a.c-button.small,
.p-telinfo__body .p-buttonWrap a.small.c-button--accent,
.p-telinfo__body .p-buttonWrap a.small.c-button--action,
.p-telinfo__body .p-buttonWrap a.small.c-button--form,
.p-telinfo__body .p-buttonWrap a.small.c-button--inline,
.p-telinfo__body .p-buttonWrap a.small.c-button--inlineArrow,
.p-telinfo__body .p-buttonWrap a.small.c-button--weak,
.p-telinfo__body .p-buttonWrap a.small.c-button--line,
.p-telinfo__body .p-buttonWrap a.small.c-button--full,
.p-telinfo__body .p-buttonWrap a.small.c-button--small,
.p-telinfo__body .p-buttonWrap a.small.p-home__middleNav__button {
  padding: 0 4px 2px;
  text-align: center;
  background: #176e39 !important;
  text-decoration: underline;
  font-size: 13px !important
}

.p-telinfo__body .p-buttonWrap a.c-button.small:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--accent:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--action:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--form:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--inline:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--inlineArrow:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--weak:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--line:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--full:hover,
.p-telinfo__body .p-buttonWrap a.small.c-button--small:hover,
.p-telinfo__body .p-buttonWrap a.small.p-home__middleNav__button:hover {
  background: #cc5772 !important
}

.p-remodal__layout .p-telinfo {
  padding: 12px
}

.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--accent,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--action,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--form,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--inline,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--inlineArrow,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--weak,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--line,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--full,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .c-button--small,
.p-remodal__layout .p-telinfo__body .p-buttonWrap .p-home__middleNav__button {
  text-decoration: underline;
  text-align: center;
  line-height: 1.3em;
  width: auto;
  height: 52px;
  font-size: 14px !important
}

@media screen and (min-width: 1025px) {
  .p-help {
      display: flex;
      flex-wrap: wrap;
      justify-content: center
  }
}

.p-help__head {
  background: url(../img/web/help/help_search_bg--sp.png) no-repeat center;
  background-size: cover !important;
  padding: 40px 0 32px
}

@media screen and (min-width: 1025px) {
  .p-help__head {
      width: 100%;
      margin: 0 0 40px;
      background: url(../img/web/help/help_search_bg.png) no-repeat center
  }
}

.p-help__head__form .title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #fff
}

.p-help__head__form .c-input,
.p-help__head__form .c-input--full,
.p-help__head__form .c-input--select,
.p-help__head__form .c-input--file,
.p-help__head__form .c-input--checkbox,
.p-help__head__form .c-input--radio,
.p-help__head__form .c-input--radio--beyond {
  width: 100%;
  max-width: 320px;
  position: relative;
  margin: 20px auto 0;
  display: block
}

.p-help__head__form .c-input:before,
.p-help__head__form .c-input--full:before,
.p-help__head__form .c-input--select:before,
.p-help__head__form .c-input--file:before,
.p-help__head__form .c-input--checkbox:before,
.p-help__head__form .c-input--radio:before,
.p-help__head__form .c-input--radio--beyond:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(../img/web/icon/ico_search.png) no-repeat center;
  background-size: contain
}

.p-help__head__form .c-input input,
.p-help__head__form .c-input--full input,
.p-help__head__form .c-input--select input,
.p-help__head__form .c-input--file input,
.p-help__head__form .c-input--checkbox input,
.p-help__head__form .c-input--radio input,
.p-help__head__form .c-input--radio--beyond input {
  height: 56px;
  background: #fff;
  border-radius: 56px;
  color: #222;
  font-size: 16px;
  padding-left: 56px;
  border: none
}

.p-help__head__form .p-help__middle {
  padding: 16px 0 0;
  background: none
}

@media screen and (min-width: 1025px) {
  .p-help__head__form .p-help__middle {
      padding: 24px 0 0
  }
}

.p-help__head__form .p-help__middle .l-container {
  max-width: 960px;
  padding: 0
}

.p-help__head__form .p-help__middle .title {
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center
}

.p-help__head__form .p-help__middle .title:before,
.p-help__head__form .p-help__middle .title:after {
  content: "";
  flex: 1;
  min-width: 1px;
  height: 1px;
  background: rgba(255, 255, 255, .15);
  margin: 0 16px 0 0
}

.p-help__head__form .p-help__middle .title:after {
  margin: 0 0 0 16px
}

.p-help__head__form .p-help__machineList {
  margin-top: 12px
}

@media screen and (min-width: 481px) {
  .p-help__head__form .p-help__machineList>li {
      width: 33.33%;
      display: flex;
      flex-direction: column
  }
}

@media screen and (min-width: 769px) {
  .p-help__head__form .p-help__machineList>li {
      width: 25%;
      flex: 0 0 auto
  }
}

.p-help__head__form .p-help__machineList__item {
  min-height: 48px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
  padding: 8px;
  flex-direction: row;
  justify-content: flex-start
}

@media screen and (min-width: 481px) {
  .p-help__head__form .p-help__machineList__item {
      flex-direction: column;
      justify-content: center;
      min-height: 80px;
      flex: auto;
      min-width: 1px
  }
}

@media screen and (min-width: 1025px) {
  .p-help__head__form .p-help__machineList__item {
      min-height: 104px;
      box-shadow: 0 8px 13px rgba(0, 0, 0, .2);
      border: solid 2px #fff
  }
}

@media screen and (min-width: 1025px) {
  .p-help__head__form .p-help__machineList__item:hover {
      border-color: #e45475;
      box-shadow: 0 6px 8px rgba(0, 0, 0, .15)
  }
}

.p-help__head__form .p-help__machineList__item:after {
  display: none
}

.p-help__head__form .p-help__machineList__item__image {
  width: 32px;
  height: 32px
}

@media screen and (min-width: 481px) {
  .p-help__head__form .p-help__machineList__item__image {
      width: 40px;
      height: 40px
  }
}

@media screen and (min-width: 1025px) {
  .p-help__head__form .p-help__machineList__item__image {
      width: 56px;
      height: 56px
  }
}

.p-help__head__form .p-help__machineList__item__text {
  flex: 0 0 auto;
  margin: 2px 0 0
}

@media screen and (max-width: 480px) {
  .p-help__head__form .p-help__machineList__item__text {
      flex: auto;
      min-width: 1px
  }
}

@media screen and (min-width: 1025px) {

  .p-help__head__form .p-help__machineList__item__text .c-text__note,
  .p-help__head__form .p-help__machineList__item__text .p-warranty__notice__item__body__description,
  .p-help__head__form .p-help__machineList__item__text .p-agreeCheck__body ol li:before,
  .p-agreeCheck__body ol .p-help__head__form .p-help__machineList__item__text li:before,
  .p-help__head__form .p-help__machineList__item__text .p-agreeCheck__body p,
  .p-agreeCheck__body .p-help__head__form .p-help__machineList__item__text p,
  .p-help__head__form .p-help__machineList__item__text .p-onlineShopSidebar__main__head__kana,
  .p-help__head__form .p-help__machineList__item__text .p-ecHome__itemCard__text .price span,
  .p-ecHome__itemCard__text .price .p-help__head__form .p-help__machineList__item__text span,
  .p-help__head__form .p-help__machineList__item__text .p-ecHome__card .price span,
  .p-ecHome__card .price .p-help__head__form .p-help__machineList__item__text span,
  .p-help__head__form .p-help__machineList__item__text .p-onlineShop__recommend__head__kana,
  .p-help__head__form .p-help__machineList__item__text .p-onlineShop__ranking__head__kana,
  .p-help__head__form .p-help__machineList__item__text .p-columnDetail__navigation__prev:before,
  .p-help__head__form .p-help__machineList__item__text .p-columnDetail__navigation__next:before {
      font-size: 14px;
      font-weight: 600
  }
}

.p-help__head--thin {
  padding: 24px 0
}

@media screen and (min-width: 561px) {
  .p-help__head--thin {
      padding: 32px 0 40px
  }
}

@media screen and (min-width: 1025px) {
  .p-help__contents {
      flex: auto;
      min-width: 1px;
      max-width: 640px
  }
}

.p-help__middle {
  padding: 24px 0;
  background: #f6f7fa
}

@media screen and (min-width: 1025px) {
  .p-help__middle {
      background: none
  }
}

.p-help__middle .title {
  font-size: 14px;
  font-weight: 500;
  color: #222
}

.p-help__machineList {
  display: flex;
  flex-wrap: wrap;
  margin: -3px;
  margin-top: 15px
}

.p-help__machineList>li {
  width: 50%;
  padding: 3px;
  flex: auto;
  min-width: 1px
}

@media screen and (min-width: 1025px) {
  .p-help__machineList>li {
      flex: 0 0 auto;
      width: 25%
  }
}

.p-help__machineList__item {
  display: flex;
  align-items: center;
  padding: 4px;
  padding-right: 20px;
  background: #fff;
  position: relative;
  border: solid 1px #e7e9ee;
  position: relative
}

@media screen and (min-width: 1025px) {
  .p-help__machineList__item {
      min-height: 108px;
      border-radius: 6px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
      padding: 8px;
      flex-direction: column;
      justify-content: center
  }
}

@media screen and (max-width: 370px) {
  .p-help__machineList__item {
      padding-right: 4px
  }
}

.p-help__machineList__item:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../img/web/icon/ico_arrow.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translate(0, -50%)
}

@media screen and (min-width: 1025px) {
  .p-help__machineList__item:after {
      display: none
  }
}

@media screen and (max-width: 370px) {
  .p-help__machineList__item:after {
      display: none
  }
}

.p-help__machineList__item>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.p-help__machineList__item__image {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px
}

@media screen and (min-width: 1025px) {
  .p-help__machineList__item__image {
      width: 56px;
      height: 56px;
      margin: 0 0 6px
  }
}

.p-help__machineList__item__text {
  flex: auto;
  min-width: 1px
}

@media screen and (min-width: 1025px) {
  .p-help__machineList__item__text {
      flex: 0 0 auto
  }
}

.p-help__machineList__item__text .c-text__note,
.p-help__machineList__item__text .p-warranty__notice__item__body__description,
.p-help__machineList__item__text .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-help__machineList__item__text li:before,
.p-help__machineList__item__text .p-agreeCheck__body p,
.p-agreeCheck__body .p-help__machineList__item__text p,
.p-help__machineList__item__text .p-onlineShopSidebar__main__head__kana,
.p-help__machineList__item__text .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-help__machineList__item__text span,
.p-help__machineList__item__text .p-ecHome__card .price span,
.p-ecHome__card .price .p-help__machineList__item__text span,
.p-help__machineList__item__text .p-onlineShop__recommend__head__kana,
.p-help__machineList__item__text .p-onlineShop__ranking__head__kana,
.p-help__machineList__item__text .p-columnDetail__navigation__prev:before,
.p-help__machineList__item__text .p-columnDetail__navigation__next:before {
  color: #222;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2em
}

.p-help__body {
  padding: 28px 0 40px
}

.p-help__body .title {
  font-size: 14px;
  font-weight: 500;
  color: #222
}

.p-help__list {
  margin-top: 28px
}

@media screen and (min-width: 1025px) {
  .p-help__list {
      padding: 0 0 48px
  }
}

.p-help__list>li+li {
  padding: 32px 0 0;
  margin: 32px 0 0;
  border-top: solid 1px #e7e9ee
}

.p-help__list__item__head {
  display: flex;
  align-items: center
}

.p-help__list__item__head__image {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: solid 1px #ddd;
  overflow: hidden;
  margin: 0 14px 0 0
}

.p-help__list__item__head__text .name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  color: #222
}

.p-help__list__item__head__text .kana {
  font-size: 12px;
  margin: 4px 0 0;
  line-height: 1.2em
}

.p-help__list__item__body {
  margin: 24px 0 0
}

.p-help__questionList>li+li {
  margin: 16px 0 0
}

.p-help__questionList__item a {
  display: flex;
  font-size: 13px;
  font-weight: 500;
  color: #222
}

.p-help__questionList__item a:before {
  content: "";
  width: 10px;
  height: 16px;
  background: url(../img/web/icon/ico_help_arrow.png) no-repeat center;
  background-size: contain;
  flex: 0 0 auto;
  margin-right: 10px
}

.p-help__foot {
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 1025px) {
  .p-help__foot {
      width: 320px;
      flex: 0 0 auto
  }
}

.p-help__foot .p-telinfo__box {
  margin: 0 auto;
  background: #fbfdff;
  border: solid 1px #dde0e9;
  width: calc(100% - 32px)
}

@media screen and (min-width: 1025px) {
  .p-help__foot .p-telinfo__box {
      width: auto
  }
}

.p-help__foot .p-telinfo__boxWrap .title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #222;
  display: none
}

.p-help__foot .p-telinfo__box .c-text__lv5,
.p-help__foot .p-telinfo__box .p-warrantyId__body__name,
.p-help__foot .p-telinfo__box .p-warrantyId__body__title,
.p-help__foot .p-telinfo__box .p-warrantyStep__complete__head__title,
.p-help__foot .p-telinfo__box .p-warrantyStep__choice__copy,
.p-help__foot .p-telinfo__box .p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-help__foot .p-telinfo__box .label__head__title,
.p-help__foot .p-telinfo__box .p-warrantyStep__item__head__title,
.p-help__foot .p-telinfo__box .p-warrantyStep__plan__head__title,
.p-help__foot .p-telinfo__box .p-warranty__plan__list__head__description,
.p-help__foot .p-telinfo__box .p-onlineShopSidebar__main__head__title,
.p-help__foot .p-telinfo__box .p-onlineShop__recommend__head__title,
.p-help__foot .p-telinfo__box .p-onlineShop__ranking__head__title,
.p-help__foot .p-telinfo__box .c-text__lv5--base,
.p-help__foot .p-telinfo__box .p-home__shop__list__text__address,
.p-help__foot .p-telinfo__box .p-home__qa__item__answer p,
.p-home__qa__item__answer .p-help__foot .p-telinfo__box p,
.p-help__foot .p-telinfo__box .p-home__qa__item__answer>a,
.p-help__foot .p-telinfo__box .p-shopDetail__list__data,
.p-help__foot .p-telinfo__box .p-price__benefit__sub__body__title,
.p-help__foot .p-telinfo__box .p-contact__complete .description,
.p-contact__complete .p-help__foot .p-telinfo__box .description {
  font-size: 20px;
  margin: 0 0 8px
}

.p-help__foot .p-telinfo__box .p-buttonWrap {
  margin: auto;
  margin-top: 8px;
  max-width: 380px
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--action,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--form,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--inline,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--inlineArrow,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--weak,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--line,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--full,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--small,
.p-help__foot .p-telinfo__box .p-buttonWrap .p-home__middleNav__button {
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  border-radius: 4px;
  flex-direction: column;
  line-height: 1.3em
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--action small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--form small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--inline small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--inlineArrow small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--weak small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--line small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--full small,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--small small,
.p-help__foot .p-telinfo__box .p-buttonWrap .p-home__middleNav__button small {
  display: block
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent {
  text-align: center;
  height: 80px;
  position: relative;
  z-index: 1
}

@media screen and (min-width: 575px) {
  .p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent br {
      display: none
  }
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent:before {
  content: "";
  width: 56px;
  height: 56px;
  background: url(../img/web/help/contact.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 10px;
  bottom: 10px;
  opacity: .2;
  z-index: -1
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent small {
  width: 100%;
  max-width: 180px;
  margin: 3px 0 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent small:before,
.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent small:after {
  content: "";
  flex: auto;
  height: 1px;
  margin: 0 10px 0 0;
  background: rgba(255, 255, 255, .2);
  max-width: 16px
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--accent small:after {
  margin: 0 0 0 10px
}

.p-help__foot .p-telinfo__box .p-buttonWrap .c-button--negative {
  background: #eaedf5;
  border-color: #cdd0d9;
  color: #a7aab4;
  font-size: 14px;
  text-align: center;
  padding: 0 4px
}

@media screen and (min-width: 575px) {
  .p-help__foot .p-telinfo__box .p-buttonWrap .c-button--negative br {
      display: none
  }
}

.p-help__foot--detail .p-telinfo__boxWrap {
  display: none;
  max-width: 520px;
  margin: 0 auto
}

.p-help__foot--detail .p-telinfo__boxWrap--active {
  display: block
}

.p-help__foot--detail .p-telinfo__boxWrap .title {
  display: block;
  line-height: 1.4em;
  margin: 0 0 16px
}

@media screen and (min-width: 1025px) {
  .p-help__foot--detail .p-telinfo__boxWrap .title {
      display: none
  }
}

.p-help__foot--detail>.p-buttonWrap {
  margin-top: 32px
}

@media screen and (min-width: 1025px) {
  .p-help__foot--detail>.p-buttonWrap {
      display: none
  }
}

.p-help__recommended {
  padding: 32px 0 48px;
  background: #e7e9ee;
  order: 2;
  margin: 56px 0 0
}

@media screen and (min-width: 1025px) {
  .p-help__recommended {
      padding: 16px 0 16px;
      background: #fdfafa;
      order: 0;
      margin: 32px 0 24px;
      border: solid 1px #ebdada
  }
}

@media screen and (min-width: 1025px) {
  .p-help__recommended .l-container {
      padding: 0 16px
  }
}

.p-help__recommended .l-container>.title {
  font-size: 24px;
  font-weight: 600;
  color: #222;
  text-align: center
}

@media screen and (min-width: 1025px) {
  .p-help__recommended .l-container>.title {
      font-size: 14px;
      text-align: left
  }
}

.p-help__recommended__list {
  margin: 24px auto 0;
  max-width: 460px
}

@media screen and (min-width: 1025px) {
  .p-help__recommended__list {
      margin: 14px auto 0
  }
}

.p-help__recommended__list>li+li {
  margin: 4px 0 0
}

@media screen and (min-width: 1025px) {
  .p-help__recommended__list>li+li {
      margin: 8px 0 0
  }
}

.p-help__recommended__list__item {
  display: flex;
  padding: 16px;
  background: #fff;
  border: solid 1px #ddd;
  position: relative
}

@media screen and (min-width: 1025px) {
  .p-help__recommended__list__item {
      padding: 0;
      background: none;
      border: none
  }
}

.p-help__recommended__list__item:before {
  content: "";
  width: 10px;
  height: 16px;
  background: url(../img/web/icon/ico_help_arrow.png) no-repeat center;
  background-size: contain;
  flex: 0 0 auto;
  margin-right: 10px
}

.p-help__recommended__list__item>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.p-help__recommended__list__item>a:hover+.p-help__recommended__list__item__text .title {
  color: #e36984
}

.p-help__recommended__list__item__text {
  flex: auto;
  min-width: 1px
}

.p-help__recommended__list__item__text .title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  line-height: 1.2em
}

@media screen and (min-width: 1025px) {
  .p-help__recommended__list__item__text .title {
      font-size: 14px;
      font-weight: 500
  }
}

.p-help__recommended__list__item__text .machine {
  color: #888;
  font-size: 12px;
  margin: 6px 0 0;
  line-height: 1.2em
}

@media screen and (min-width: 1025px) {
  .p-help__recommended__list__item__text .machine {
      margin: 2px 0 0;
      color: #a89d9d
  }
}

.p-help__detail {
  max-width: 460px;
  margin: auto
}

@media screen and (min-width: 1025px) {
  .p-help__detail {
      max-width: none;
      padding: 0 0 80px
  }
}

.p-help__detail__head {
  padding: 24px 16px;
  margin: 0 -16px;
  border-bottom: solid 4px #f6f7fa
}

.p-help__detail__head .title {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 1.3em
}

.p-help__detail__head .machine {
  display: flex;
  align-items: center;
  margin: 16px 0 0
}

.p-help__detail__head .machine img {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0
}

.p-help__detail__head .machine .name {
  font-size: 12px;
  color: #222;
  font-weight: 500;
  line-height: 1
}

.p-help__detail__body {
  padding: 0 0 40px;
  counter-reset: number 0
}

.p-help__detail__box {
  padding: 28px 0 0
}

.p-help__detail__box+.p-help__detail__box {
  padding: 24px 0 0;
  margin: 24px 0 0;
  border-top: solid 1px #eee;
  display: none
}

.p-help__detail__box__head .title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  display: flex;
  line-height: 1.4em
}

.p-help__detail__box__head .title:before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero) ".";
  color: #e36a84;
  flex: 0 0 auto;
  margin: 0 8px 0 0
}

.p-help__detail__box__head .p-buttonWrap {
  margin-top: 22px
}

.p-help__detail__box__head .p-buttonWrap .c-button,
.p-help__detail__box__head .p-buttonWrap .c-button--accent,
.p-help__detail__box__head .p-buttonWrap .c-button--action,
.p-help__detail__box__head .p-buttonWrap .c-button--form,
.p-help__detail__box__head .p-buttonWrap .c-button--inline,
.p-help__detail__box__head .p-buttonWrap .c-button--inlineArrow,
.p-help__detail__box__head .p-buttonWrap .c-button--weak,
.p-help__detail__box__head .p-buttonWrap .c-button--line,
.p-help__detail__box__head .p-buttonWrap .c-button--full,
.p-help__detail__box__head .p-buttonWrap .c-button--small,
.p-help__detail__box__head .p-buttonWrap .p-home__middleNav__button {
  flex: 1;
  min-width: 1px;
  height: 48px;
  border: solid 1px #3476c3;
  color: #3476c3;
  font-weight: 600;
  justify-content: center;
  font-size: 14px;
  border-radius: 4px;
  background: #fff;
  max-width: 50%
}

.p-help__detail__box__head .p-buttonWrap .c-button--current {
  background: #3476c3;
  color: #fff
}

.p-help__detail__box__body {
  padding: 16px;
  background: #f6f8fb;
  border: solid 1px #e8ebf0
}

.p-help__detail__box__body * {
  color: #222
}

.p-help__detail__box__body .title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 12px;
  line-height: 1.3em
}

.p-help__detail__box__body .description {
  font-size: 14px;
  margin: 0 0 12px
}

.p-help__detail__box__body .description strong {
  color: #ea3838
}

.p-help__detail__box__body .p-buttonWrap {
  margin-bottom: 12px
}

.p-help__detail__box__body .p-buttonWrap .c-button--accent {
  color: #fff
}

.p-help__detail__box__body>img {
  margin: 24px 0
}

.p-help__detail__box__body .image img {
  width: 100%;
  height: auto;
  border: solid 1px #c7cacf
}

.p-help__detail__box__body .image img+img {
  margin: 8px 0 0
}

.p-help__detail__box__foot {
  margin-top: 28px
}

.p-help__detail__box__foot .title {
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
  color: #176e39
}

.p-help__detail__box__foot .p-buttonWrap {
  margin: 8px -16px 0px;
  padding: 16px 16px;
  background: #f7f0f2;
  border-bottom: solid 1px #eedde2
}

@media screen and (min-width: 1025px) {
  .p-help__detail__box__foot .p-buttonWrap {
      margin: 8px 0 0
  }
}

.p-help__detail__box__foot .p-buttonWrap .c-button,
.p-help__detail__box__foot .p-buttonWrap .c-button--accent,
.p-help__detail__box__foot .p-buttonWrap .c-button--action,
.p-help__detail__box__foot .p-buttonWrap .c-button--form,
.p-help__detail__box__foot .p-buttonWrap .c-button--inline,
.p-help__detail__box__foot .p-buttonWrap .c-button--inlineArrow,
.p-help__detail__box__foot .p-buttonWrap .c-button--weak,
.p-help__detail__box__foot .p-buttonWrap .c-button--line,
.p-help__detail__box__foot .p-buttonWrap .c-button--full,
.p-help__detail__box__foot .p-buttonWrap .c-button--small,
.p-help__detail__box__foot .p-buttonWrap .p-home__middleNav__button {
  flex: 1;
  min-width: 1px;
  height: 56px;
  border: solid 1px #176e39;
  color: #176e39;
  font-weight: 600;
  justify-content: center;
  font-size: 16px;
  border-radius: 6px;
  background: #fff;
  max-width: 50%
}

.p-help__detail__box__foot .p-buttonWrap .c-button--current {
  background: #176e39;
  color: #fff
}

.p-help__detail__box--last .p-help__detail__box__foot {
  margin-top: 16px
}

.p-help__detail__foot .p-telinfo__box {
  margin: 0 auto;
  background: #fbfdff;
  border: solid 1px #dde0e9
}

@media screen and (min-width: 1025px) {
  .p-help__detail__foot .p-telinfo__box {
      width: auto
  }
}

.p-help__detail__foot .p-telinfo__boxWrap {
  display: none
}

.p-help__detail__foot .p-telinfo__boxWrap--active {
  display: block
}

.p-help__detail__foot .p-telinfo__boxWrap .title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #222;
  display: none
}

.p-help__detail__foot .p-telinfo__box .c-text__lv5,
.p-help__detail__foot .p-telinfo__box .p-warrantyId__body__name,
.p-help__detail__foot .p-telinfo__box .p-warrantyId__body__title,
.p-help__detail__foot .p-telinfo__box .p-warrantyStep__complete__head__title,
.p-help__detail__foot .p-telinfo__box .p-warrantyStep__choice__copy,
.p-help__detail__foot .p-telinfo__box .p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-help__detail__foot .p-telinfo__box .label__head__title,
.p-help__detail__foot .p-telinfo__box .p-warrantyStep__item__head__title,
.p-help__detail__foot .p-telinfo__box .p-warrantyStep__plan__head__title,
.p-help__detail__foot .p-telinfo__box .p-warranty__plan__list__head__description,
.p-help__detail__foot .p-telinfo__box .p-onlineShopSidebar__main__head__title,
.p-help__detail__foot .p-telinfo__box .p-onlineShop__recommend__head__title,
.p-help__detail__foot .p-telinfo__box .p-onlineShop__ranking__head__title,
.p-help__detail__foot .p-telinfo__box .c-text__lv5--base,
.p-help__detail__foot .p-telinfo__box .p-home__shop__list__text__address,
.p-help__detail__foot .p-telinfo__box .p-home__qa__item__answer p,
.p-home__qa__item__answer .p-help__detail__foot .p-telinfo__box p,
.p-help__detail__foot .p-telinfo__box .p-home__qa__item__answer>a,
.p-help__detail__foot .p-telinfo__box .p-shopDetail__list__data,
.p-help__detail__foot .p-telinfo__box .p-price__benefit__sub__body__title,
.p-help__detail__foot .p-telinfo__box .p-contact__complete .description,
.p-contact__complete .p-help__detail__foot .p-telinfo__box .description {
  font-size: 20px;
  margin: 0 0 8px
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap {
  margin: auto;
  margin-top: 8px;
  max-width: 380px
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--action,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--form,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--inline,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--inlineArrow,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--weak,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--line,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--full,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .p-home__middleNav__button {
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  border-radius: 4px
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--action small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--form small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--inline small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--inlineArrow small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--weak small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--line small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--full small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--small small,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .p-home__middleNav__button small {
  display: block;
  line-height: 1.3em
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent {
  height: 80px;
  text-align: center;
  flex-direction: column;
  line-height: 1.4em;
  margin-bottom: 4px;
  position: relative;
  z-index: 1
}

@media screen and (min-width: 575px) {
  .p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent br {
      display: none
  }
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent:before {
  content: "";
  width: 56px;
  height: 56px;
  background: url(../img/web/help/contact.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 24px;
  bottom: 12px;
  opacity: .2;
  z-index: -1
}

@media screen and (max-width: 480px) {
  .p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent:before {
      width: 48px;
      height: 48px;
      left: 10px;
      bottom: 10px
  }
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent small {
  width: 100%;
  max-width: 180px;
  margin: 3px 0 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent small:before,
.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent small:after {
  content: "";
  flex: auto;
  height: 1px;
  margin: 0 10px 0 0;
  background: rgba(255, 255, 255, .2);
  max-width: 16px
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--accent small:after {
  margin: 0 0 0 10px
}

.p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--negative {
  background: #eaedf5;
  border-color: #cdd0d9;
  color: #a7aab4;
  font-weight: 600;
  height: 40px;
  text-align: center;
  padding: 8px 16px;
  height: auto
}

@media screen and (min-width: 575px) {
  .p-help__detail__foot .p-telinfo__box .p-buttonWrap .c-button--negative br {
      display: none
  }
}

.p-help__detail__foot>.p-buttonWrap {
  margin-top: 32px
}

.p-school {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  margin-top: 48px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
  background: #fff
}

@media screen and (max-width: 480px) {
  .p-school {
      margin-top: 0;
      box-shadow: none
  }
}

@media screen and (max-width: 480px) {
  .p-school__banner:before {
      content: "";
      padding-top: 27%;
      display: block;
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .p-school__banner__item {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 3
  }
}

.p-school__banner__item a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  border: solid 1px #eee
}

@media screen and (max-width: 480px) {
  .p-school__banner__item a {
      border-radius: 0
  }
}

.p-school__banner__item a:hover {
  opacity: .7
}

.p-school__banner__item .close {
  display: none;
  width: 44px;
  height: 28px;
  background: #d9d9d9 url(../img/web/mypage/school/banner_close.png) no-repeat center top;
  background-size: contain;
  border-radius: 4px 4px 0 0;
  margin-left: auto
}

@media screen and (max-width: 480px) {
  .p-school__banner__item .close {
      display: table
  }
}

@media screen and (max-width: 480px) {
  .p-school__banner.fit:before {
      display: none
  }
}

@media screen and (max-width: 480px) {
  .p-school__banner.fit .p-school__banner__item {
      position: relative
  }
}

@media screen and (max-width: 480px) {
  .p-school__banner.fit .p-school__banner__item a {
      border-radius: 8px
  }
}

@media screen and (max-width: 480px) {
  .p-school__banner.fit .p-school__banner__item .close {
      display: none
  }
}

.p-school__listHead {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
  background: #fff
}

.p-school__listHead .title {
  flex: auto;
  min-width: 1px;
  font-size: 13px;
  font-weight: 500;
  color: #222
}

.p-school__listHead .count {
  flex: 0 0 auto;
  margin: 0 0 0 16px;
  display: flex;
  align-items: baseline;
  font-size: 12px;
  font-weight: 500;
  color: #222;
  line-height: 1
}

.p-school__listHead .count span {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin: 0 4px
}

.p-school__listHead--course {
  padding-left: 56px;
  position: relative;
  border-top: solid 2px #e75574;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, .8);
  backdrop-filter: blur(2px)
}

@media screen and (max-width: 560px) {
  .p-school__listHead--course {
      position: fixed;
      top: 48px;
      z-index: 1
  }
}

.p-school__listHead--course .back {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40px;
  border-right: solid 1px #ddd;
  background: url(../img/web/mypage/school/back.png) no-repeat center;
  background-size: contain
}

.p-school__listHead--course .back:hover {
  background: #f0f2f4 url(../img/web/mypage/school/back.png) no-repeat center;
  background-size: contain
}

.p-school__listHead--course .title {
  font-size: 14px;
  font-weight: 600
}

.p-school__list {
  counter-reset: number 0
}

.p-school__list__item {
  display: flex;
  align-items: center;
  padding: 12px 12px;
  min-height: 64px;
  background: #fff;
  position: relative;
  min-height: 56px
}

@media screen and (max-width: 480px) {
  .p-school__list__item {
      padding: 12px 10px 12px 10px
  }
}

.p-school__list__item:hover {
  background: #f2f4f6
}

.p-school__list__item:hover .p-school__list__item__text .title {
  text-decoration: underline
}

.p-school__list__item>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer
}

.p-school__list__item__category {
  width: 26px;
  height: 26px;
  background: #eee;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin: 0 14px 0 0;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-school__list__item__category {
      margin: 0 12px 0 0
  }
}

.p-school__list__item__category--lecture {
  background: url(../img/web/mypage/school/lecture.png)
}

.p-school__list__item__category--video {
  background: url(../img/web/mypage/school/video.png)
}

.p-school__list__item__img {
  flex: 0 0 auto;
  width: 48px;
  margin: 0 12px 0 0
}

.p-school__list__item__text {
  flex: auto;
  min-width: 1px
}

.p-school__list__item__text .main {
  flex: auto;
  min-width: 1px
}

.p-school__list__item__text .main .subInfo {
  display: flex;
  margin: 6px 0 0
}

.p-school__list__item__text .main .subInfo__item {
  display: flex;
  align-items: center
}

.p-school__list__item__text .main .subInfo__item .label {
  font-size: 12px;
  color: #222;
  font-weight: 500;
  margin: 0 4px 0 0;
  line-height: 1
}

.p-school__list__item__text .main .subInfo__item .data {
  display: flex;
  align-items: center;
  line-height: 1;
  color: #222;
  font-weight: 500
}

.p-school__list__item__text .main .subInfo__item .data .c-text__coin {
  width: auto
}

.p-school__list__item__text .main .subInfo__item+.subInfo__item {
  margin: 0 0 0 4px;
  padding: 0 0 0 4px;
  border-left: solid 1px #eee
}

.p-school__list__item__text .title {
  font-size: 13px;
  font-weight: 500;
  color: #222;
  display: flex;
  line-height: 1.3em
}

.p-school__list__item__text .title:before {
  counter-increment: number 1;
  margin-right: 4px;
  flex: 0 0 auto
}

.p-school__list__item__text .reserve {
  font-size: 12px;
  font-weight: 600;
  color: #e75574;
  line-height: 1.3;
  margin: 2px 0 0
}

.p-school__list__item__text .reserve:before {
  content: "予約 :";
  margin-right: 4px
}

.p-school__list__item .c-text__coin {
  flex: 0 0 auto;
  font-size: 15px;
  color: #222;
  width: 72px;
  justify-content: flex-end
}

.p-school__list__item .c-text__coin:before {
  width: 15px;
  height: 15px;
  margin: 0 4px 0 0
}

.p-school__list__item .c-text__coin--free {
  color: #e75574
}

.p-school__list__item .p-school__status {
  margin: 0 0 0 16px
}

@media screen and (max-width: 480px) {
  .p-school__list__item .p-school__status {
      margin: 0 0 0 8px
  }
}

.p-school__list__item--set {
  background: #e75574;
  padding: 12px 12px 12px 16px;
  min-height: 64px
}

.p-school__list__item--set:hover {
  background: #e75574
}

.p-school__list__item--set .p-school__list__item__text {
  display: flex;
  flex-direction: column
}

.p-school__list__item--set .p-school__list__item__text .title {
  font-size: 16px;
  font-weight: 600;
  color: #fff
}

.p-school__list__item--set .p-school__list__item__text .c-text__note,
.p-school__list__item--set .p-school__list__item__text .p-warranty__notice__item__body__description,
.p-school__list__item--set .p-school__list__item__text .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-school__list__item--set .p-school__list__item__text li:before,
.p-school__list__item--set .p-school__list__item__text .p-agreeCheck__body p,
.p-agreeCheck__body .p-school__list__item--set .p-school__list__item__text p,
.p-school__list__item--set .p-school__list__item__text .p-onlineShopSidebar__main__head__kana,
.p-school__list__item--set .p-school__list__item__text .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-school__list__item--set .p-school__list__item__text span,
.p-school__list__item--set .p-school__list__item__text .p-ecHome__card .price span,
.p-ecHome__card .price .p-school__list__item--set .p-school__list__item__text span,
.p-school__list__item--set .p-school__list__item__text .p-onlineShop__recommend__head__kana,
.p-school__list__item--set .p-school__list__item__text .p-onlineShop__ranking__head__kana,
.p-school__list__item--set .p-school__list__item__text .p-columnDetail__navigation__prev:before,
.p-school__list__item--set .p-school__list__item__text .p-columnDetail__navigation__next:before {
  color: #fff;
  line-height: 1;
  font-size: 11px;
  font-weight: 500;
  margin: 4px 0 0
}

.p-school__list__item--set .c-text__coin {
  color: #fff
}

.p-school__list__item--attended {
  background: #f0f2f4
}

.p-school__list__item--attended:hover {
  background: #f0f2f4
}

.p-school__list__item--attended:before,
.p-school__list__item--attended:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  background: #fff
}

.p-school__list__item--attended:after {
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0 0;
  border-color: #d7d7d7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.p-school__list__item--attended .p-school__list__item__category {
  opacity: .5
}

.p-school__list__item--reserve {
  background: #fef9f9
}

.p-school__list__item--reserve:hover {
  background: #fef9f9
}

.p-school__list__item--reserve .p-school__list__item__category--lecture {
  background: url(../img/web/mypage/school/lecture--reserved.png)
}

.p-school__list>li+li .p-school__list__item {
  border-top: solid 1px #ddd
}

.p-school__list--course .p-school__list__item {
  padding: 16px
}

.p-school__list--course .p-school__list__item__text {
  display: flex;
  align-items: center
}

.p-school__list--course .p-school__list__item__text .title {
  font-size: 15px;
  font-weight: 600;
  flex: auto;
  min-width: 1px
}

.p-school__list--course .p-school__list__item__text .title:before {
  display: none
}

.p-school__list--course .p-school__list__item__text .count {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  flex: 0 0 auto;
  color: #222
}

.p-school__list--course .p-school__list__item__text .count span {
  font-weight: 600;
  margin: 0 0 0 4px;
  display: flex;
  align-items: baseline
}

.p-school__list--course .p-school__list__item__text .count span b {
  font-size: 16px;
  margin: 0 4px 0 0
}

.p-school__status {
  flex: 0 0 auto
}

.p-school__status:before {
  content: "受講する";
  width: 64px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #1b72e8;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1
}

.p-school__status--attended:before {
  content: "受講済み";
  background: #b8b8b9
}

.p-school__status--reserve:before {
  content: "予約済み";
  background: #e75574
}

.p-school__status--buy:before {
  content: "購入する";
  background: #fff;
  color: #e75574;
  font-weight: 600
}

.p-school__step {
  display: flex;
  border-bottom: solid 3px #e75876;
  margin: 0 0 8px;
  counter-reset: number 0
}

@media screen and (max-width: 480px) {
  .p-school__step {
      margin: 0
  }
}

.p-school__step__item {
  width: 33.333334%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d1c5c7;
  font-size: 14px;
  font-weight: 600;
  background: #f2eced;
  letter-spacing: 0
}

@media screen and (max-width: 480px) {
  .p-school__step__item {
      height: 32px;
      margin: 0;
      font-size: 13px
  }
}

.p-school__step__item:before {
  counter-increment: number 1;
  content: counter(number) ".";
  margin: 0 2px 0 0
}

.p-school__step__item--current {
  color: #fff;
  background: #e75876
}

.p-school__step__item--current:before {
  color: #fff
}

.p-school__head {
  min-height: 64px;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #e9ecef
}

.p-school__head .l-container {
  padding: 0 24px
}

@media screen and (max-width: 480px) {
  .p-school__head .l-container {
      padding: 0 16px
  }
}

.p-school__head__title {
  position: relative;
  padding: 16px 0;
  padding-right: 24px
}

.p-school__head__title .title {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 1.3em
}

.p-school__head__title .title .p-school__status:before {
  display: inline-flex;
  width: auto;
  height: auto;
  border-radius: 0;
  padding: 5px 5px 4px
}

.p-school__head__title .title .p-school__status--attended:before {
  background: #d6dde3;
  color: #8e94a0
}

.p-school__head__title .close {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 21px;
  background: url(../img/web/mypage/school/close.png) no-repeat center;
  background-size: contain
}

.p-school__head__reserve {
  padding: 0 0 16px
}

.p-school__head__reserve__text {
  display: flex;
  align-items: center
}

.p-school__head__reserve__text .p-school__status:before {
  border-radius: 0;
  height: 24px;
  margin: 0 8px 0 0;
  width: auto;
  padding: 5px 6px 4px
}

.p-school__head__reserve__text .title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1.3em;
  margin: 0 4px 0 0
}

.p-school__head__reserve__url {
  margin: 4px 0 0
}

.p-school__head__reserve__url .p-introducing__code__copy {
  background: #f7f8fb;
  min-height: 56px;
  padding: 24px 24px 12px;
  box-shadow: none;
  border: solid 1px #e7eaed
}

.p-school__head__reserve__url .p-introducing__code__copy__wrap:before {
  padding: 6px 8px 5px;
  background: #f7f8fb;
  font-weight: 500;
  color: #b0bbcb;
  opacity: 1;
  left: 1px;
  top: 1px
}

.p-school__head__reserve__url .p-introducing__code__copy a {
  color: #3e82d1;
  text-decoration: underline
}

.p-school__tab {
  margin: 24px 0 0;
  padding: 0 0 24px
}

.p-school__tab__head {
  display: flex;
  margin: 0 24px;
  border-bottom: solid 2px #e75876
}

@media screen and (max-width: 480px) {
  .p-school__tab__head {
      margin: 0 16px
  }
}

.p-school__tab__head .item {
  margin: 0 4px 0 0
}

.p-school__tab__head .item .title {
  height: 32px;
  min-width: 140px;
  border-radius: 4px 4px 0 0;
  background: #f2eced;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #d1c5c7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0 0
}

.p-school__tab__head .item.current .title {
  background: #e75876;
  color: #fff
}

.p-school__tab__body {
  display: none
}

.p-school__tab__body.is-active {
  display: block
}

.p-school__box {
  padding: 32px 40px;
  border-bottom: solid 1px #f2f4f6
}

@media screen and (max-width: 480px) {
  .p-school__box {
      padding: 24px 16px;
      border-width: 8px
  }
}

.p-school__box__head {
  margin: 0 0 16px
}

.p-school__box__head .title {
  font-size: 16px;
  font-weight: 600;
  color: #222
}

.p-school__box__body .description {
  padding: 0 0 24px;
  margin: 0 0 24px;
  border-bottom: solid 1px #e9ecef;
  font-weight: 400
}

@media screen and (max-width: 480px) {
  .p-school__box__body .description {
      padding: 0 0 16px;
      margin: 0 0 16px
  }
}

.p-school__box__body .p-list__item .title {
  font-weight: 400
}

.p-school__box__body .p-list__item .data {
  font-weight: 400
}

.p-school__box__body .p-list__item .data .c-text__coin {
  font-size: 16px;
  color: #222
}

.p-school__box__body .notification {
  max-width: 350px;
  display: block;
  margin: 40px auto 0;
  width: 100%
}

@media screen and (max-width: 480px) {
  .p-school__box__body .notification {
      margin: 32px auto 16px
  }
}

.p-school__box__reserve {
  padding: 16px 0 24px;
  border-top: solid 1px #ddd
}

.p-school__box__reserve__text {
  display: flex;
  align-items: center
}

.p-school__box__reserve__text--column {
  display: block
}

.p-school__box__reserve__text .p-school__status--reserve:before {
  width: 60px;
  height: 22px;
  border-radius: 0;
  margin: 0 6px 0 0;
  padding-top: 1px
}

.p-school__box__reserve__text .title {
  font-size: 14px;
  font-weight: 500;
  color: #222
}

.p-school__box__reserve__text .title span {
  font-size: 13px
}

.p-school__box__reserve__text .c-button--edit {
  margin-left: 6px
}

.p-school__box__reserve__text .c-input,
.p-school__box__reserve__text .c-input--full,
.p-school__box__reserve__text .c-input--select,
.p-school__box__reserve__text .c-input--file,
.p-school__box__reserve__text .c-input--checkbox,
.p-school__box__reserve__text .c-input--radio,
.p-school__box__reserve__text .c-input--radio--beyond {
  margin: 6px 0 0
}

.p-school__box__reserve__text .c-input select,
.p-school__box__reserve__text .c-input--full select,
.p-school__box__reserve__text .c-input--select select,
.p-school__box__reserve__text .c-input--file select,
.p-school__box__reserve__text .c-input--checkbox select,
.p-school__box__reserve__text .c-input--radio select,
.p-school__box__reserve__text .c-input--radio--beyond select {
  height: 48px;
  background: #f7f8fb
}

.p-school__box__reserve__url {
  margin: 6px 0 0
}

.p-school__box__reserve__url .p-introducing__code__copy {
  padding: 24px 16px 12px;
  border-color: #e7eaed;
  background: #f7f8fb;
  min-height: 56px;
  box-shadow: 0 -1px 6px rgba(0, 0, 0, .04) inset
}

.p-school__box__reserve__url .p-introducing__code__copy__wrap:before {
  content: "オンラインURL";
  background: none;
  color: #b0bbcb;
  opacity: 1;
  font-weight: 500
}

.p-school__box__reserve__url .p-introducing__code__copy__wrap:hover:before {
  background: none
}

.p-school__box__reserve__url .p-introducing__code__copy a {
  font-size: 14px;
  color: #3f83d1;
  text-decoration: underline;
  line-height: 1.3em;
  text-align: left;
  display: block;
  width: 100%
}

.p-school__staffList>li+li {
  margin: 24px 0 0
}

.p-school__staffList__item {
  display: flex;
  align-items: flex-start
}

.p-school__staffList__item .c-image,
.p-school__staffList__item .c-image--standard,
.p-school__staffList__item .c-image--wide,
.p-school__staffList__item .c-image--notification {
  flex: 0 0 auto;
  width: 96px;
  margin: 0 16px 0 0
}

.p-school__staffList__item__text {
  flex: auto;
  min-width: 1px
}

.p-school__staffList__item__text .title {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #222
}

.p-school__staffList__item__text .title .c-text__coin {
  color: #222;
  margin-left: auto;
  width: 72px;
  height: 28px;
  align-items: center;
  justify-content: center;
  background: #efefef;
  font-size: 16px
}

.p-school__staffList__item__text .title .c-text__coin:before {
  margin: 0 2px 0 0
}

.p-school__staffList__item__text .description {
  font-size: 13px;
  margin: 12px 0 0;
  color: #222;
  padding: 0;
  border: none
}

.p-school__reserveBox {
  padding: 14px;
  border: solid 1px #f0dbe0;
  background: #fdf5f7;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(169, 64, 64, .1)
}

.p-school__reserveBox .title {
  font-size: 16px;
  color: #222;
  font-weight: 600;
  line-height: 1.3em
}

.p-school__reserveBox .title:before {
  content: "じぶんdeスクール : ";
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin: 0 0 4px
}

.p-school__reserveBox .date {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #222
}

.p-school__reserveBox .date .c-button--edit {
  margin-left: 6px
}

.p-school__reserveBox .announce {
  line-height: 1.3em;
  font-size: 13px;
  font-weight: 600;
  color: #e75574;
  letter-spacing: 0;
  margin: 6px 0 0
}

.p-school__reserveBox .p-introducing__code__copy {
  margin: 6px 0 0;
  padding: 24px 16px 12px;
  border-color: #e7eaed;
  background: #f7f8fb;
  min-height: 56px;
  box-shadow: 0 -1px 6px rgba(0, 0, 0, .04) inset
}

.p-school__reserveBox .p-introducing__code__copy__wrap:before {
  content: "オンラインURL";
  background: none;
  color: #b0bbcb;
  opacity: 1;
  font-weight: 500
}

.p-school__reserveBox .p-introducing__code__copy__wrap:after {
  display: none
}

.p-school__reserveBox .p-introducing__code__copy a {
  font-size: 14px;
  color: #3f83d1;
  text-decoration: underline;
  line-height: 1.3em;
  text-align: left;
  display: block;
  width: 100%
}

.p-school__star {
  display: flex;
  align-items: center
}

.p-school__star .c-input--select {
  width: 72px;
  margin: 0 12px 0 0
}

.p-school__star .c-input--select select {
  text-align: center
}

.p-school__star__image {
  flex: 0 0 auto;
  height: 32px;
  width: 176px;
  background: url(../img/web/mypage/school/school__star.png) no-repeat center;
  background-size: contain !important;
  background-repeat: no-repeat !important
}

.p-school__star__text {
  margin: 1px 0 0 10px
}

.p-school__star__text p.c-number__lv5 {
  font-size: 28px;
  line-height: 1;
  color: #e75876
}

.p-school__star__text p.c-number__lv5 small {
  font-size: 20px
}

.p-school__star--half .p-school__star__image {
  height: 16px;
  width: 88px
}

.p-school__star--1 .p-school__star__image {
  background: url(../img/web/mypage/school/school__star--1.png), url(../img/web/mypage/school/school__star.png);
  background-position: left 0 bottom 0, left 0 bottom 0
}

.p-school__star--2 .p-school__star__image {
  background: url(../img/web/mypage/school/school__star--2.png), url(../img/web/mypage/school/school__star.png);
  background-position: left 0 bottom 0, left 0 bottom 0
}

.p-school__star--3 .p-school__star__image {
  background: url(../img/web/mypage/school/school__star--3.png), url(../img/web/mypage/school/school__star.png);
  background-position: left 0 bottom 0, left 0 bottom 0
}

.p-school__star--4 .p-school__star__image {
  background: url(../img/web/mypage/school/school__star--4.png), url(../img/web/mypage/school/school__star.png);
  background-position: left 0 bottom 0, left 0 bottom 0
}

.p-school__star--5 .p-school__star__image {
  background: url(../img/web/mypage/school/school__star--5.png), url(../img/web/mypage/school/school__star.png);
  background-position: left 0 bottom 0, left 0 bottom 0
}

.p-school__coinTable {
  width: 100%
}

.p-school__coinTable tr {
  border-bottom: solid 1px #ddd
}

.p-school__coinTable tr th {
  width: 112px;
  height: 48px
}

.p-school__coinTable tr th p {
  font-weight: 500;
  color: #222
}

.p-school__coinTable tr th p.c-text__color--accent--high {
  color: #e75574
}

.p-school__coinTable tr td {
  height: 48px
}

.p-school__coinTable tr td .c-text__coin {
  display: flex;
  justify-content: flex-end;
  color: #222
}

.p-school__coinTable tr td .c-text__coin.c-text__color--accent--high {
  color: #e75574
}

.p-school__foot {
  margin: 56px 0 48px
}

.p-school__foot .p-buttonWrap {
  margin: 0
}

.p-school__foot .c-button,
.p-school__foot .c-button--accent,
.p-school__foot .c-button--action,
.p-school__foot .c-button--form,
.p-school__foot .c-button--inline,
.p-school__foot .c-button--inlineArrow,
.p-school__foot .c-button--weak,
.p-school__foot .c-button--line,
.p-school__foot .c-button--full,
.p-school__foot .c-button--small,
.p-school__foot .p-home__middleNav__button {
  height: 48px;
  min-width: 80px;
  justify-content: center
}

.p-school__foot .c-button--negative {
  color: #b6b9c3
}

.p-school__foot .c-button--negative:hover {
  background: #f8f9fc
}

.p-school__foot .c-button--form {
  font-weight: 500
}

.p-school--form .p-school__box {
  border-width: 0
}

.p-school--form .p-school__box+.p-school__box {
  border-top: solid 8px #f2f4f6
}

.p-school--form .p-school__foot {
  margin: 16px 0 48px
}

@media screen and (max-width: 480px) {
  .p-school--form .p-school__foot {
      margin: 0 0 48px
  }
}

.p-school--form .p-school__foot .c-button,
.p-school--form .p-school__foot .c-button--accent,
.p-school--form .p-school__foot .c-button--action,
.p-school--form .p-school__foot .c-button--form,
.p-school--form .p-school__foot .c-button--inline,
.p-school--form .p-school__foot .c-button--inlineArrow,
.p-school--form .p-school__foot .c-button--weak,
.p-school--form .p-school__foot .c-button--line,
.p-school--form .p-school__foot .c-button--full,
.p-school--form .p-school__foot .c-button--small,
.p-school--form .p-school__foot .p-home__middleNav__button {
  height: 56px;
  padding: 0 24px
}

.p-school--confirm .p-school__box__head {
  margin: 0 0 10px
}

.p-school--confirm .p-school__box__head .title {
  font-size: 20px
}

.p-school__complete {
  margin: 48px auto 64px;
  width: 100%
}

@media screen and (max-width: 480px) {
  .p-school__complete {
      margin: 48px auto 32px
  }
}

.p-school__complete__head .title {
  font-size: 14px;
  color: #222;
  text-align: center;
  font-weight: 500;
  margin: 4px 0 0
}

.p-school__complete__head .title--en {
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  font-size: 40px;
  text-align: center;
  color: #222;
  letter-spacing: 0;
  line-height: 1
}

.p-school__complete__head .description {
  text-align: center;
  font-size: 13px;
  color: #222;
  line-height: 1.4em;
  margin: 24px 0 0
}

.p-school__complete__body {
  margin: 24px auto 0;
  max-width: 360px
}

.p-lesson>li+li {
  margin-top: 10px
}

@media screen and (max-width: 480px) {
  .p-lesson>li+li {
      margin-top: 16px
  }
}

.p-lesson__item {
  padding: 12px 12px 16px;
  border: solid 1px #e5e9ee;
  border-radius: 4px;
  align-items: flex-start;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .04)
}

.p-lesson__item__ttl .c-ttl--md {
  line-height: 1.5em
}

@media screen and (max-width: 480px) {
  .p-lesson__item__ttl {
      order: 1
  }
}

.p-lesson__item__head {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.p-lesson__item__image {
  flex: 0 0 auto;
  width: 76px;
  margin: 0 16px 0 0
}

@media screen and (max-width: 480px) {
  .p-lesson__item__image {
      order: 2;
      width: 62px;
      margin: 0 0 0 12px
  }
}

.p-lesson__item__foot {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #eee
}

.p-lesson__item__foot .p-buttonWrap {
  width: 100%;
  justify-content: center
}

.p-lesson__item__foot .p-buttonWrap .c-button,
.p-lesson__item__foot .p-buttonWrap .c-button--accent,
.p-lesson__item__foot .p-buttonWrap .c-button--action,
.p-lesson__item__foot .p-buttonWrap .c-button--form,
.p-lesson__item__foot .p-buttonWrap .c-button--inline,
.p-lesson__item__foot .p-buttonWrap .c-button--inlineArrow,
.p-lesson__item__foot .p-buttonWrap .c-button--weak,
.p-lesson__item__foot .p-buttonWrap .c-button--line,
.p-lesson__item__foot .p-buttonWrap .c-button--full,
.p-lesson__item__foot .p-buttonWrap .c-button--small,
.p-lesson__item__foot .p-buttonWrap .p-home__middleNav__button {
  font-weight: 500;
  height: 40px;
  width: 50%;
  justify-content: center
}

@media screen and (max-width: 480px) {

  .p-lesson__item__foot .p-buttonWrap .c-button,
  .p-lesson__item__foot .p-buttonWrap .c-button--accent,
  .p-lesson__item__foot .p-buttonWrap .c-button--action,
  .p-lesson__item__foot .p-buttonWrap .c-button--form,
  .p-lesson__item__foot .p-buttonWrap .c-button--inline,
  .p-lesson__item__foot .p-buttonWrap .c-button--inlineArrow,
  .p-lesson__item__foot .p-buttonWrap .c-button--weak,
  .p-lesson__item__foot .p-buttonWrap .c-button--line,
  .p-lesson__item__foot .p-buttonWrap .c-button--full,
  .p-lesson__item__foot .p-buttonWrap .c-button--small,
  .p-lesson__item__foot .p-buttonWrap .p-home__middleNav__button {
      width: 100%
  }
}

.p-lesson__item__text {
  flex: auto;
  min-width: 1px;
  padding: 2px 0 0
}

.p-lesson__item__text .c-ttl--md {
  font-size: 16px;
  line-height: 1.5em
}

.p-lesson__item__text .c-description {
  font-size: 12px;
  color: #666;
  margin: 4px 0 0
}

@media screen and (max-width: 480px) {
  .p-lesson__item__text .c-description {
      font-size: 14px;
      margin: 6px 0 0
  }
}

.p-registerStep {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  padding: 48px 0 0;
  overflow: hidden
}

@media screen and (max-width: 480px) {
  .p-registerStep {
      margin: 28px 0 0;
      padding: 0
  }
}

.p-registerStep__head {
  display: flex;
  align-items: center;
  padding: 0 24px 16px;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-registerStep__head {
      padding: 0 24px 20px
  }
}

.p-registerStep__head:before,
.p-registerStep__head:after {
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  background-color: #e5e9ee;
  position: absolute;
  bottom: 0;
  left: 0
}

.p-registerStep__head:after {
  background-color: #1a73e8
}

.p-registerStep__head--1-3.p-registerStep__head:after {
  width: 33.33%
}

.p-registerStep__head--2-3.p-registerStep__head:after {
  width: 66.66%
}

.p-registerStep__head--3-3.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--1-4.p-registerStep__head:after {
  width: 25%
}

.p-registerStep__head--2-4.p-registerStep__head:after {
  width: 50%
}

.p-registerStep__head--3-4.p-registerStep__head:after {
  width: 75%
}

.p-registerStep__head--4-4.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--1-5.p-registerStep__head:after {
  width: 20%
}

.p-registerStep__head--2-5.p-registerStep__head:after {
  width: 40%
}

.p-registerStep__head--3-5.p-registerStep__head:after {
  width: 60%
}

.p-registerStep__head--4-5.p-registerStep__head:after {
  width: 80%
}

.p-registerStep__head--5-5.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--1-6.p-registerStep__head:after {
  width: 16.666666667%
}

.p-registerStep__head--2-6.p-registerStep__head:after {
  width: 33.333333333%
}

.p-registerStep__head--3-6.p-registerStep__head:after {
  width: 50%
}

.p-registerStep__head--4-6.p-registerStep__head:after {
  width: 66.666666667%
}

.p-registerStep__head--5-6.p-registerStep__head:after {
  width: 83.333333333%
}

.p-registerStep__head--6-6.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--1-7.p-registerStep__head:after {
  width: 14.28%
}

.p-registerStep__head--2-7.p-registerStep__head:after {
  width: 28.57%
}

.p-registerStep__head--3-7.p-registerStep__head:after {
  width: 42.85%
}

.p-registerStep__head--4-7.p-registerStep__head:after {
  width: 57.14%
}

.p-registerStep__head--5-7.p-registerStep__head:after {
  width: 71.42%
}

.p-registerStep__head--6-7.p-registerStep__head:after {
  width: 85.71%
}

.p-registerStep__head--7-7.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--1-8.p-registerStep__head:after {
  width: 12.5%
}

.p-registerStep__head--2-8.p-registerStep__head:after {
  width: 25%
}

.p-registerStep__head--3-8.p-registerStep__head:after {
  width: 37.5%
}

.p-registerStep__head--4-8.p-registerStep__head:after {
  width: 50%
}

.p-registerStep__head--5-8.p-registerStep__head:after {
  width: 62.5%
}

.p-registerStep__head--6-8.p-registerStep__head:after {
  width: 75%
}

.p-registerStep__head--7-8.p-registerStep__head:after {
  width: 87.5%
}

.p-registerStep__head--8-8.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--1-9.p-registerStep__head:after {
  width: 11.11%
}

.p-registerStep__head--2-9.p-registerStep__head:after {
  width: 22.22%
}

.p-registerStep__head--3-9.p-registerStep__head:after {
  width: 33.33%
}

.p-registerStep__head--4-9.p-registerStep__head:after {
  width: 44.44%
}

.p-registerStep__head--5-9.p-registerStep__head:after {
  width: 55.55%
}

.p-registerStep__head--6-9.p-registerStep__head:after {
  width: 66.66%
}

.p-registerStep__head--7-9.p-registerStep__head:after {
  width: 77.77%
}

.p-registerStep__head--8-9.p-registerStep__head:after {
  width: 88.88%
}

.p-registerStep__head--9-9.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--1-10.p-registerStep__head:after {
  width: 10%
}

.p-registerStep__head--2-10.p-registerStep__head:after {
  width: 20%
}

.p-registerStep__head--3-10.p-registerStep__head:after {
  width: 30%
}

.p-registerStep__head--4-10.p-registerStep__head:after {
  width: 40%
}

.p-registerStep__head--5-10.p-registerStep__head:after {
  width: 50%
}

.p-registerStep__head--6-10.p-registerStep__head:after {
  width: 60%
}

.p-registerStep__head--7-10.p-registerStep__head:after {
  width: 70%
}

.p-registerStep__head--8-10.p-registerStep__head:after {
  width: 80%
}

.p-registerStep__head--9-10.p-registerStep__head:after {
  width: 90%
}

.p-registerStep__head--10-10.p-registerStep__head:after {
  width: 100%
}

.p-registerStep__head--noStep:before,
.p-registerStep__head--noStep:after {
  height: 1px
}

.p-registerStep__head--noStep:after {
  background: rgba(0, 0, 0, 0)
}

.p-registerStep__head__step {
  flex: 0 0 100px
}

@media screen and (max-width: 480px) {
  .p-registerStep__head__step {
      flex: 0 0 72px
  }
}

.p-registerStep__head--4-4 .p-registerStep__head__step {
  flex: 0 0 80px
}

@media screen and (max-width: 480px) {
  .p-registerStep__head--4-4 .p-registerStep__head__step {
      flex: 0 0 64px
  }
}

.p-registerStep__head__step:before {
  content: "STEP";
  display: block;
  color: #1a73e8;
  font-size: 12px;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: .16em;
  margin: 0 0 2px
}

@media screen and (max-width: 480px) {
  .p-registerStep__head__step:before {
      font-size: 11px
  }
}

.p-registerStep__head--4-4 .p-registerStep__head__step:before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background-image: url(../img/web/register/registerStepComplete.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat
}

@media screen and (max-width: 480px) {
  .p-registerStep__head--4-4 .p-registerStep__head__step:before {
      width: 44px;
      height: 44px
  }
}

.p-registerStep__head__step__number {
  display: flex;
  align-items: baseline;
  content: attr(data-numerator);
  color: #1a73e8;
  font-size: 24px;
  font-weight: 900;
  padding: 0 .3em
}

.p-registerStep__head--4-4 .p-registerStep__head__step__number {
  display: none
}

.p-registerStep__head__step__number:before {
  content: attr(data-numerator);
  color: #1a73e8;
  font-size: 40px;
  font-weight: 900;
  line-height: 1em
}

@media screen and (max-width: 480px) {
  .p-registerStep__head__step__number:before {
      font-size: 32px
  }
}

.p-registerStep__head__step__number:after {
  content: "/" attr(data-denominator);
  color: #91a6be;
  font-size: 20px;
  font-weight: 900;
  line-height: 1em;
  opacity: .5;
  margin: 0 0 0 8px;
  letter-spacing: .08em;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-registerStep__head__step__number:after {
      font-size: 16px
  }
}

.p-registerStep__head__text {
  flex: auto;
  min-width: 0
}

.p-registerStep__head__text__title {
  color: #222;
  font-size: 24px;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: .08em
}

@media screen and (max-width: 480px) {
  .p-registerStep__head__text__title {
      font-size: 18px
  }
}

.p-registerStep__head__text__description {
  color: #999;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: .08em;
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-registerStep__head__text__description {
      font-size: 12px;
      margin: 4px 0 0
  }
}

.p-registerStep__head--complete .p-registerStep__head__step {
  flex: 0 0 auto
}

.p-registerStep__head--complete .p-registerStep__head__step:before {
  display: none
}

.p-registerStep__head--complete .p-registerStep__head__text__title {
  color: #3577c4
}

.p-registerStep__middle {
  padding: 16px 24px;
  background-color: #f2f4f6
}

.p-registerStep__body {
  border: 1px solid #e5e9ee;
  padding: 48px 80px 64px
}

@media screen and (max-width: 560px) {
  .p-registerStep__body {
      padding: 24px 24px 48px;
      border: 0
  }
}

@media screen and (max-width: 560px) {
  .p-registerStep--franchise .p-registerStep__body {
      background: #f7f8fa
  }
}

.p-registerStep__body .p-reserve__calendar__statusList__item {
  max-width: 160px;
  width: 50%
}

.p-registerStep__body--nospace {
  padding: 0
}

.p-registerStep__body--noborder {
  border: none
}

.p-registerStep__body__banner {
  max-width: 380px;
  margin: -32px auto 0
}

@media screen and (max-width: 560px) {
  .p-registerStep__body__banner {
      margin: -8px auto 0
  }
}

.p-registerStep__body__banner__image {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 14px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .12)
}

.p-registerStep__body__banner__image:hover {
  opacity: .5
}

.p-registerStep__body__h1 {
  color: #222;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: .04em;
  display: flex;
  align-items: center;
  padding: 0 0 8px;
  border-bottom: 1px solid #b6b9c3;
  margin: 8px 0 32px
}

@media screen and (max-width: 480px) {
  .p-registerStep__body__h1 {
      margin: 8px 0 24px
  }
}

*+.p-registerStep__body__h1 {
  margin-top: 40px
}

.p-registerStep__body__h1 .c-mark {
  margin: 0 0 0 12px
}

.p-registerStep__body__h1--lp {
  padding: 32px 0 0;
  border-bottom: none;
  border-top: 1px solid #b6b9c3;
  margin: 40px 0 24px
}

.p-registerStep__body__h2 {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: .04em;
  margin: 0 0 24px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-registerStep__body__h2 {
      margin: 0 0 16px
  }
}

*+.p-registerStep__body__h2 {
  margin-top: 24px
}

.p-registerStep__body__h2 .c-mark {
  margin: 0 0 0 8px
}

.p-registerStep__body__userCheck {
  padding: 24px 24px 40px;
  background: #e5e9ee;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-registerStep__body__userCheck__title {
  font-size: 20px;
  font-weight: 500;
  color: #444;
  margin: 0 0 24px
}

.p-registerStep__body__userCheck__form {
  width: 100%
}

.p-registerStep__body__userCheck .c-input--radio {
  margin: -8px;
  justify-content: center
}

.p-registerStep__body__userCheck .c-input--radio label {
  width: calc(50% - 16px);
  max-width: 180px;
  border-radius: 8px;
  min-height: 220px;
  margin: 8px;
  background: #fff;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  padding: 8px 16px 24px;
  border: solid 1px #b6b9c3;
  cursor: pointer
}

.p-registerStep__body__userCheck .c-input--radio label:before,
.p-registerStep__body__userCheck .c-input--radio label:after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 8px;
  left: 8px;
  transform: translateY(0);
  background: #fff;
  border: solid 1px #b6b9c3;
  border-radius: 50%
}

.p-registerStep__body__userCheck .c-input--radio label:after {
  display: none;
  transform: translateY(0) scale(0.3);
  background: #fff;
  border: none
}

.p-registerStep__body__userCheck .c-input--radio label img {
  width: 100%;
  max-width: 120px;
  margin: auto
}

.p-registerStep__body__userCheck .c-input--radio label span {
  margin: auto 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3em;
  text-align: center;
  color: #7f8391
}

@media screen and (max-width: 480px) {
  .p-registerStep__body__userCheck .c-input--radio label span {
      font-size: 14px
  }
}

.p-registerStep__body__userCheck .c-input--radio label span small {
  font-size: 14px;
  display: inline-block
}

@media screen and (max-width: 480px) {
  .p-registerStep__body__userCheck .c-input--radio label span small {
      font-size: 12px
  }
}

.p-registerStep__body__userCheck .c-input--radio input:checked+label {
  border: solid 2px #db5875
}

.p-registerStep__body__userCheck .c-input--radio input:checked+label:before {
  border-color: #db5875;
  background: #db5875 !important
}

.p-registerStep__body__userCheck .c-input--radio input:checked+label:after {
  display: block
}

.p-registerStep__body__userCheck .c-input--radio input:checked+label span {
  color: #db5875
}

.p-registerStep__body__userCheck>.c-text__note,
.p-registerStep__body__userCheck>.p-warranty__notice__item__body__description,
.p-agreeCheck__body ol .p-registerStep__body__userCheck>li:before,
.p-agreeCheck__body .p-registerStep__body__userCheck>p,
.p-registerStep__body__userCheck>.p-onlineShopSidebar__main__head__kana,
.p-ecHome__itemCard__text .price .p-registerStep__body__userCheck>span,
.p-ecHome__card .price .p-registerStep__body__userCheck>span,
.p-registerStep__body__userCheck>.p-onlineShop__recommend__head__kana,
.p-registerStep__body__userCheck>.p-onlineShop__ranking__head__kana,
.p-registerStep__body__userCheck>.p-columnDetail__navigation__prev:before,
.p-registerStep__body__userCheck>.p-columnDetail__navigation__next:before {
  margin: 16px 0 0;
  font-size: 12px;
  text-align: center
}

.p-registerStep__body__under {
  margin: 24px 0 0
}

.p-registerStep__body__under>p {
  margin: 16px 0;
  text-align: center
}

.p-registerStep__body__under .p-buttonWrap .c-button--accent {
  max-width: 160px
}

.p-registerStep__body__member {
  margin: -16px 0
}

@media screen and (max-width: 560px) {
  .p-registerStep__body__member {
      margin: 0 0 -16px
  }
}

.p-registerStep__body__member .c-button__underLine {
  display: flex;
  align-items: center;
  line-height: 1
}

.p-registerStep__body__member .c-button__underLine:before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../img/web/object/project/p-registerStep/member.svg) no-repeat center;
  background-size: contain;
  margin: 0 6px 0 0;
  opacity: .5
}

.p-registerStep__foot {
  border-top: 2px solid #e5e9ee;
  padding: 24px 0 0;
  margin: 56px 0 0
}

@media screen and (max-width: 480px) {
  .p-registerStep__foot {
      padding: 16px 0 0;
      margin: 40px -24px 0
  }
}

.p-registerStep__foot--thin {
  margin: 0
}

.p-registerStep__foot .c-button,
.p-registerStep__foot .c-button--accent,
.p-registerStep__foot .c-button--action,
.p-registerStep__foot .c-button--form,
.p-registerStep__foot .c-button--inline,
.p-registerStep__foot .c-button--inlineArrow,
.p-registerStep__foot .c-button--weak,
.p-registerStep__foot .c-button--line,
.p-registerStep__foot .c-button--full,
.p-registerStep__foot .c-button--small,
.p-registerStep__foot .p-home__middleNav__button {
  font-size: 14px;
  font-weight: 500;
  height: 64px;
  border-radius: 4px;
  padding: 0 40px
}

@media screen and (max-width: 480px) {

  .p-registerStep__foot .c-button,
  .p-registerStep__foot .c-button--accent,
  .p-registerStep__foot .c-button--action,
  .p-registerStep__foot .c-button--form,
  .p-registerStep__foot .c-button--inline,
  .p-registerStep__foot .c-button--inlineArrow,
  .p-registerStep__foot .c-button--weak,
  .p-registerStep__foot .c-button--line,
  .p-registerStep__foot .c-button--full,
  .p-registerStep__foot .c-button--small,
  .p-registerStep__foot .p-home__middleNav__button {
      font-size: 13px;
      height: 48px;
      padding: 0 20px
  }
}

.p-registerStep__foot .c-button--prev {
  color: #7f8391;
  border-color: #e5e9ee
}

.p-registerStep__foot .c-button--next {
  color: #fff;
  border-color: #1a73e8;
  background-color: #1a73e8;
  flex: auto;
  flex-wrap: wrap;
  min-width: 1px;
  justify-content: center;
  max-width: 280px;
  padding: 0 24px
}

@media screen and (max-width: 480px) {
  .p-registerStep__foot .c-button--next {
      max-width: 240px
  }
}

.p-registerStep__foot .c-button--next span {
  display: inline-block;
  font-size: 12px;
  margin: 0 0 0 .5em
}

.p-registerStep__shopList {
  margin: 40px 0 0;
  border-top: 1px solid #e5e9ee
}

.p-registerStep__shopList__item {
  padding: 24px 0;
  border-bottom: 1px solid #e5e9ee
}

.p-registerStep__shopList__head {
  display: flex;
  margin: 0 0 8px
}

.p-registerStep__shopList__head__text {
  flex: auto;
  min-width: 0
}

.p-registerStep__shopList__head__text__title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em
}

@media screen and (max-width: 480px) {
  .p-registerStep__shopList__head__text__title {
      font-size: 16px
  }
}

.p-registerStep__shopList__head__text__access {
  color: #222;
  font-size: 14px;
  line-height: 1.3em;
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-registerStep__shopList__head__text__access {
      font-size: 13px
  }
}

.p-registerStep__shopList__head__image {
  flex: 0 0 80px;
  margin: 0 0 0 16px
}

.p-registerStep__shopList__body p {
  color: #999;
  font-size: 12px
}

.p-registerStep__shopList__foot {
  margin: 16px 0 0
}

.p-registerStep__box+.p-registerStep__box {
  margin: 40px 0 0;
  padding: 40px 0 0;
  border-top: 4px solid #f2f4f6
}

@media screen and (max-width: 480px) {
  .p-registerStep__box+.p-registerStep__box {
      padding: 24px 0 0
  }
}

.p-registerStep__box__head {
  margin: 0 0 24px;
  display: flex;
  align-items: center
}

.p-registerStep__box__head__title {
  color: #222;
  font-size: 16px;
  font-weight: 500
}

.p-registerStep__box__head__action {
  margin: 0 0 0 auto
}

.p-registerStep__box__head__action a {
  color: #1a73e8
}

@media screen and (max-width: 480px) {
  .p-registerStep__box__head__action a {
      font-size: 13px
  }
}

.p-registerStep__box__head__action a:hover {
  text-decoration: underline
}

.p-registerStep__box__list__item {
  display: flex
}

.p-registerStep__box__list__item+.p-registerStep__box__list__item {
  margin: 12px 0 0
}

@media screen and (max-width: 480px) {
  .p-registerStep__box__list__item+.p-registerStep__box__list__item {
      margin: 8px 0 0
  }
}

.p-registerStep__box__list__label {
  font-size: 13px;
  flex: 0 0 120px;
  margin: 0 22px 0 0
}

@media screen and (max-width: 480px) {
  .p-registerStep__box__list__label {
      flex: 0 0 100px;
      margin: 0 16px 0 0;
      font-size: 12px
  }
}

.p-registerStep__box__list__data {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  flex: auto;
  min-width: 0
}

@media screen and (max-width: 480px) {
  .p-registerStep__box__list__data {
      font-size: 13px
  }
}

.p-registerStep__box__list__data .genderType {
  display: inline-flex;
  width: 42px;
  height: 16px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 0 0 16px;
  transform: translate(0, 1px)
}

.p-registerStep__box__list__data .genderType--ladys {
  background: url(../img/common/genderType/ladys.svg)
}

.p-registerStep__box__list__data .genderType--mens {
  background: url(../img/common/genderType/mens.svg)
}

.p-registerStep__box__list__data .genderType--both {
  width: 88px;
  background: url(../img/common/genderType/ladys.svg), url(../img/common/genderType/mens.svg);
  background-position: left center, right center !important
}

.p-registerStep__box__list__data>a {
  margin-left: 4px;
  color: #1a73e8;
  display: inline-block
}

.p-registerStep__box__planBefore {
  padding: 12px 16px;
  margin: 16px 0 0;
  background: #f7f7f7
}

.p-registerStep__box__planBefore__title {
  color: #444;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 4px
}

.p-registerStep__box__planBefore__list__item {
  display: flex;
  align-items: center
}

.p-registerStep__box__planBefore__list__item+.p-registerStep__box__planBefore__list__item {
  margin: 4px 0 0
}

.p-registerStep__box__planBefore__list__item .head {
  font-size: 12px;
  flex: 0 0 auto;
  width: 96px;
  color: #777
}

.p-registerStep__box__planBefore__list__item .data {
  font-size: 14px;
  color: #222
}

.p-registerStep__box--complete {
  margin: 32px auto 0;
  padding: 16px 0;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee
}

.p-registerStep__box--complete .p-registerStep__box__head {
  margin: 0 0 12px
}

.p-registerStep__box--complete .p-registerStep__box__head__title {
  font-size: 13px
}

.p-registerStep__box--complete .p-registerStep__box__list__item+.p-registerStep__box__list__item {
  margin: 8px 0 0
}

.p-registerStep__box--complete .p-registerStep__box__list__label {
  font-size: 12px;
  flex: 0 0 100px
}

.p-registerStep__box--complete .p-registerStep__box__list__data {
  font-size: 14px
}

.p-registerStep__campaign__head {
  margin: 0 0 16px
}

.p-registerStep__campaign__alert__title {
  margin: 0 0 4px
}

.p-registerStep__hiddenInfo {
  text-align: right;
  color: #bfcbd4;
  font-size: 12px;
  padding: 4px 0
}

.p-registerStep__important {
  margin: 4px 0 0
}

.p-registerStep__important .c-input--checkbox--terms {
  margin: 0
}

.p-registerStep__important__contents {
  padding: 12px;
  height: 120px;
  background: #f2f4f6;
  border-radius: 4px;
  border: 1px solid #e5e9ee;
  margin: 2px 0 0
}

.p-registerStep__important__contents .text {
  background: #fff;
  padding: 8px
}

.p-registerStep__important__scroll {
  overflow: auto;
  height: 100%;
  width: 100%
}

.p-page__body--formBox .p-registerStep--thin {
  max-width: 480px;
  margin: 0 auto 32px
}

.p-page__body--formBox .p-registerStep--thin .p-registerStep__body {
  padding: 32px 40px
}

@media screen and (max-width: 560px) {
  .p-page__body--formBox .p-registerStep--thin .p-registerStep__body {
      padding: 32px 24px
  }
}

.p-page__body--formBox .p-registerStep--thin+.p-registerStep--thin {
  padding: 0;
  margin: 0 auto
}

@media screen and (max-width: 560px) {
  .p-page__body--formBox .p-registerStep--thin+.p-registerStep--thin {
      margin: 8px auto 48px;
      border-bottom: none
  }
}

.p-page__body--formBox .p-registerStep--thin.schoolLogin {
  margin: 0 auto
}

.p-page__body--formBox .p-registerStep--thin.schoolLogin .p-registerStep__head {
  border-bottom: 0
}

.p-page__body--formBox .p-registerStep--thin.schoolLogin+.p-registerStep--thin {
  margin: 0px auto 32px
}

@media screen and (max-width: 560px) {
  .p-page__body--formBox .p-registerStep--thin.schoolLogin+.p-registerStep--thin {
      margin: -1px auto 32px
  }
}

.p-page__body--formBox .p-registerStep--image .p-registerStep__head {
  border-bottom: 0
}

.p-page__body--formBox .p-registerStep--image .p-registerStep__head:before,
.p-page__body--formBox .p-registerStep--image .p-registerStep__head:after {
  display: none
}

.p-page__body--formBox .p-registerStep--image .p-registerStep__body {
  border-top: 0;
  padding: 0
}

.p-page__body--formBox .p-registerStep--image .p-registerStep__body .p-guidance__head__box {
  padding: 0
}

.p-page__body--formBox .p-registerStep--image .p-registerStep__body__form {
  padding: 24px 40px 32px
}

@media screen and (max-width: 560px) {
  .p-page__body--formBox .p-registerStep--image .p-registerStep__body__form {
      padding: 24px
  }
}

.p-formList {
  width: 100%
}

.p-formList__item {
  display: flex;
  margin: -4px
}

.p-formList__item+.p-formList__item {
  margin-top: 16px
}

.p-formList__item--thin+.p-formList__item--thin {
  margin-top: 8px
}

.p-formList__content {
  padding: 4px;
  width: 100%
}

.p-formList__content--1-2 {
  width: 50%
}

.p-formList__content__head {
  font-size: 12px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 4px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-formList__content__head {
      font-size: 11px
  }
}

.p-formList__content__head--wide {
  margin: 0 0 8px
}

.p-formList__content__head .c-mark {
  margin: 0 0 0 8px
}

.p-formList__content__head .c-mark--optional:before {
  content: "任意"
}

.p-formList__content__foot {
  margin: 4px 0 8px;
  display: flex;
  justify-content: flex-end;
  color: #999999;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.6em;
  letter-spacing: .04em
}

.p-formList__content__foot--start {
  justify-content: flex-start
}

.p-formList__content__attention {
  margin: 8px 0 0;
  padding: 8px 16px;
  background-color: #f7576922
}

.p-formList__content__attention p {
  color: #f75769;
  font-size: 12px;
  letter-spacing: .08em
}

.p-formList__content__attention a {
  color: #f75769;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: underline
}

.p-formList__link {
  display: inline-block;
  color: #1a73e8;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .04em
}

.p-formList__link--external:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/web/form/external.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: sub;
  margin: 0 0 0 2px
}

.p-formList__paydy__image {
  max-width: 320px;
  margin: 0 0 14px
}

.p-formList__paydy__list__item {
  font-size: 12px;
  padding-left: 10px;
  position: relative
}

.p-formList__paydy__list__item:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 1px;
  font-weight: 600
}

.p-formList__paydy__list__item+.p-formList__paydy__list__item {
  margin: 4px 0 0
}

.p-photoList {
  display: flex;
  flex-wrap: wrap;
  margin: -2px
}

.p-photoList__item {
  width: 25%;
  padding: 2px
}

.p-photoList__image .c-image,
.p-photoList__image .c-image--standard,
.p-photoList__image .c-image--wide,
.p-photoList__image .c-image--notification {
  width: 100%;
  border: 1px solid #e5e9ee
}

.p-photoList__text {
  margin: 4px 0 8px
}

.p-photoList__text .caption {
  font-size: 12px;
  line-height: 1.4em
}

.p-resume .c-text__lv6.c-text__weight--700,
.p-resume .c-text__weight--700.p-notification__link,
.p-resume .c-text__weight--700.p-notification__description,
.p-resume .c-text__weight--700.p-warrantyMypage__head__name,
.p-resume .c-text__lv6.p-warrantyMypage__head__title,
.p-resume .p-warrantyMypage__head__title.p-notification__link,
.p-resume .p-warrantyMypage__head__title.p-notification__description,
.p-resume .p-warrantyMypage__head__title.p-warrantyMypage__head__name,
.p-resume .c-text__lv6.p-warrantyLogin__head__title,
.p-resume .p-warrantyLogin__head__title.p-notification__link,
.p-resume .p-warrantyLogin__head__title.p-notification__description,
.p-resume .p-warrantyLogin__head__title.p-warrantyMypage__head__name,
.p-resume .c-text__weight--700.p-warrantyId__head__description,
.p-resume .p-warrantyId__head__description.p-warrantyMypage__head__title,
.p-resume .p-warrantyId__head__description.p-warrantyLogin__head__title,
.p-resume .c-text__lv6.p-warranty__plan__option__head__title,
.p-resume .p-warranty__plan__option__head__title.p-notification__link,
.p-resume .p-warranty__plan__option__head__title.p-notification__description,
.p-resume .p-warranty__plan__option__head__title.p-warrantyMypage__head__name,
.p-resume .p-warranty__plan__option__head__title.p-warrantyId__head__description,
.p-resume .c-text__weight--700.p-price__benefit__sub__foot__title,
.p-resume .p-price__benefit__sub__foot__title.p-warrantyMypage__head__title,
.p-resume .p-price__benefit__sub__foot__title.p-warrantyLogin__head__title,
.p-resume .p-price__benefit__sub__foot__title.p-warranty__plan__option__head__title {
  margin: 0 0 8px
}

.p-resume .c-input--file--face {
  margin: 0 8px 0 0;
  width: 140px
}

.p-resume .c-input--file--face label.c-image--round {
  border-radius: 4px
}

.p-counseling--beyond {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 32px 0 0
}

.p-counseling__announce__list {
  padding: 44px 24px 40px;
  background: #f2f4f7;
  margin: 64px 0 24px;
  position: relative;
  counter-reset: number 0
}

@media screen and (max-width: 560px) {
  .p-counseling__announce__list {
      margin: 48px -24px 24px;
      padding: 44px 24px 28px
  }
}

.p-counseling__announce__list__title {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 240px
}

.p-counseling__announce__list__item {
  display: flex;
  align-items: center
}

.p-counseling__announce__list__item+.p-counseling__announce__list__item {
  margin: 16px 0 0
}

.p-counseling__announce__list__item .c-image,
.p-counseling__announce__list__item .c-image--standard,
.p-counseling__announce__list__item .c-image--wide,
.p-counseling__announce__list__item .c-image--notification {
  width: 64px;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  margin: 0 20px 0 0
}

@media screen and (max-width: 480px) {

  .p-counseling__announce__list__item .c-image,
  .p-counseling__announce__list__item .c-image--standard,
  .p-counseling__announce__list__item .c-image--wide,
  .p-counseling__announce__list__item .c-image--notification {
      margin: 0 14px 0 0
  }
}

.p-counseling__announce__list__item .c-text__lv4,
.p-counseling__announce__list__item .p-pricePlan__section__head__title,
.p-counseling__announce__list__item .p-warrantyId__head__plan,
.p-counseling__announce__list__item .p-warrantyStep__complete__body__copy,
.p-counseling__announce__list__item .p-warrantyStep__notice__head__title,
.p-counseling__announce__list__item .p-warrantyStep__head__copy,
.p-counseling__announce__list__item .p-warranty__plan__option__list__head__title,
.p-counseling__announce__list__item .p-warranty__plan__list__head__title--small,
.p-counseling__announce__list__item .p-warranty__about__list__head .number,
.p-warranty__about__list__head .p-counseling__announce__list__item .number,
.p-counseling__announce__list__item .p-warranty__about__list__head .title,
.p-warranty__about__list__head .p-counseling__announce__list__item .title,
.p-counseling__announce__list__item .p-warranty__section__head__copy {
  position: relative;
  padding-left: 32px;
  font-size: 18px
}

@media screen and (max-width: 480px) {

  .p-counseling__announce__list__item .c-text__lv4,
  .p-counseling__announce__list__item .p-pricePlan__section__head__title,
  .p-counseling__announce__list__item .p-warrantyId__head__plan,
  .p-counseling__announce__list__item .p-warrantyStep__complete__body__copy,
  .p-counseling__announce__list__item .p-warrantyStep__notice__head__title,
  .p-counseling__announce__list__item .p-warrantyStep__head__copy,
  .p-counseling__announce__list__item .p-warranty__plan__option__list__head__title,
  .p-counseling__announce__list__item .p-warranty__plan__list__head__title--small,
  .p-counseling__announce__list__item .p-warranty__about__list__head .number,
  .p-warranty__about__list__head .p-counseling__announce__list__item .number,
  .p-counseling__announce__list__item .p-warranty__about__list__head .title,
  .p-warranty__about__list__head .p-counseling__announce__list__item .title,
  .p-counseling__announce__list__item .p-warranty__section__head__copy {
      padding-left: 26px;
      font-size: 16px
  }
}

.p-counseling__announce__list__item .c-text__lv4:before,
.p-counseling__announce__list__item .p-pricePlan__section__head__title:before,
.p-counseling__announce__list__item .p-warrantyId__head__plan:before,
.p-counseling__announce__list__item .p-warrantyStep__complete__body__copy:before,
.p-counseling__announce__list__item .p-warrantyStep__notice__head__title:before,
.p-counseling__announce__list__item .p-warrantyStep__head__copy:before,
.p-counseling__announce__list__item .p-warranty__plan__option__list__head__title:before,
.p-counseling__announce__list__item .p-warranty__plan__list__head__title--small:before,
.p-counseling__announce__list__item .p-warranty__about__list__head .number:before,
.p-warranty__about__list__head .p-counseling__announce__list__item .number:before,
.p-counseling__announce__list__item .p-warranty__about__list__head .title:before,
.p-warranty__about__list__head .p-counseling__announce__list__item .title:before,
.p-counseling__announce__list__item .p-warranty__section__head__copy:before {
  counter-increment: number 1;
  content: counter(number) ".";
  display: block;
  font-size: 22px;
  font-style: italic;
  color: #8ea0af;
  position: absolute;
  left: 0
}

.p-counseling__announce .c-text--announce {
  text-align: left
}

@media screen and (max-width: 480px) {
  .p-counseling__announce .c-text--announce br {
      display: none
  }
}

.p-counseling__head {
  height: 56px;
  border-bottom: solid 3px #f4eff0;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  position: relative
}

.p-counseling__head:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background: #df758c
}

.p-counseling__head--beyond--2 {
  margin: 32px 0 0;
  border-top: 4px solid #dee7db;
  padding: 32px 0 0
}

.p-counseling__head--beyond.flex {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.p-counseling__head__title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center
}

.p-counseling__head__title--beyond {
  font-size: 32px;
  font-weight: 600;
  position: relative;
  padding-left: 56px;
  line-height: 32px;
  color: #176e3a
}

.p-counseling__head__title--beyond:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 48px;
  height: 48px;
  background: url(../img/common/beyondshoes/beyond_foot.svg) no-repeat center;
  background-size: contain !important
}

.p-counseling__head__title:before {
  content: "";
  font-size: 28px;
  margin: 0 6px 0 0;
  color: #df768b;
  line-height: 1;
  width: 28px;
  text-align: center;
  display: none;
  flex: 0 0 auto
}

.p-counseling__head__subtitle {
  font-size: 14px;
  font-weight: 600;
  padding-left: 56px
}

.p-counseling__head--step--1:after {
  max-width: 20px
}

.p-counseling__head--step--1 .p-counseling__head__title:before {
  content: "1.";
  display: block
}

.p-counseling__head--step--2:after {
  max-width: 50%
}

.p-counseling__head--step--2 .p-counseling__head__title:before {
  content: "2.";
  display: block
}

.p-counseling__head--step--3:after {
  max-width: 75%
}

.p-counseling__head--step--3 .p-counseling__head__title:before {
  content: "3.";
  display: block
}

.p-counseling__head--step--4:after {
  max-width: 100%
}

.p-counseling__head--step--4 .p-counseling__head__title:before {
  content: "4.";
  display: block
}

.p-counseling__body--beyond {
  margin: 32px 0 0
}

.p-counseling__body--beyond .description {
  text-align: center
}

.p-counseling__body--beyond .img__wrapper {
  margin: 56px 0 0;
  max-width: 480px;
  padding: 24px;
  background: #f7f7f8
}

.p-counseling__body--beyond .img__wrapper .btn {
  cursor: pointer
}

.p-counseling__body--beyond .img__wrapper .btn:hover {
  opacity: .7
}

.p-counseling__body--beyond .img__wrapper .ttl {
  padding: 24px 0 0;
  background: #fff;
  text-align: center
}

.p-counseling__body--beyond .img__wrapper .ttl .text {
  font-size: 20px;
  font-weight: 600;
  color: #000
}

.p-counseling__body--beyond .img__wrapper .illust__list {
  padding: 24px;
  display: grid;
  grid-template-columns: auto;
  gap: 8px;
  background: #fff
}

.p-counseling__body--beyond .img__wrapper .illust__list.other {
  padding: 56px 24px 24px
}

.p-counseling__body--beyond .img__wrapper .illust__list.color {
  background: #f3f7f2
}

.p-counseling__body--beyond .img__wrapper .illust__list__item {
  position: relative;
  padding: 16px;
  border: 2px solid #176e3a;
  border-radius: 8px;
  width: 100%;
  background: #fff
}

.p-counseling__body--beyond .img__wrapper .illust__list__item .grid__box {
  display: grid;
  gap: 8px;
  max-height: 100px
}

.p-counseling__body--beyond .img__wrapper .illust__list__item.single {
  height: auto;
  max-height: 140px
}

.p-counseling__body--beyond .img__wrapper .illust__list__item.double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 16px
}

.p-counseling__body--beyond .img__wrapper .illust__list__item.multiple {
  max-height: 300px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  padding: 16px
}

.p-counseling__body--beyond .img__wrapper .illust__list__item img {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto
}

@media screen and (min-width: 480px) {
  .p-counseling__body--beyond .img__wrapper .illust__list__item img {
      margin: 0 auto
  }
}

.p-counseling__body--beyond .img__wrapper .illust__list__item .text {
  font-size: 14px;
  font-weight: 600;
  color: #ff5688;
  text-align: center;
  line-height: 1;
  white-space: nowrap
}

@media screen and (min-width: 480px) {
  .p-counseling__body--beyond .img__wrapper .illust__list__item .text {
      font-size: 20px
  }
}

.p-counseling__body--beyond .img__wrapper .illust__list__item .text.mark::before {
  content: "";
  color: #fff;
  font-size: 16px;
  padding: 8px 12px;
  background: #176e3a;
  border-radius: 16px;
  position: absolute;
  top: -30px;
  left: -16px;
  transform: rotate(-6deg)
}

.p-counseling__body--beyond .img__wrapper .illust__list__item .text.mark_1::before {
  content: "ダイエットとの関係"
}

.p-counseling__body--beyond .img__wrapper .illust__list__item .text.mark_2::before {
  content: "なぜ起こる？"
}

.p-counseling__selectParts {
  padding: 8px 8px 24px;
  background: #f9fafb;
  border: solid 1px #ced4db;
  margin: 8px 0 0
}

.p-counseling__selectParts--beyond {
  background: #f8fcf7
}

.p-counseling__selectParts>span {
  color: rgba(33, 33, 33, .4);
  font-size: 13px
}

.p-counseling__selectParts__image {
  margin: 12px auto;
  display: flex;
  justify-content: center
}

.p-counseling__selectParts__image>div {
  flex: 0 0 auto;
  width: 170px;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-counseling__selectParts__image>div {
      width: 140px
  }
}

.p-counseling__selectParts__image>img {
  width: 100%
}

.p-counseling__selectParts__ring {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  display: none
}

.p-counseling__selectParts__ring.current {
  display: block
}

.p-counseling__selectParts__ring--face {
  background: url(../img/web/counseling/selectParts__current--face.png)
}

.p-counseling__selectParts__ring--neck {
  background: url(../img/web/counseling/selectParts__current--neck.png)
}

.p-counseling__selectParts__ring--shoulder {
  background: url(../img/web/counseling/selectParts__current--shoulder.png)
}

.p-counseling__selectParts__ring--back {
  background: url(../img/web/counseling/selectParts__current--back.png)
}

.p-counseling__selectParts__ring--chest {
  background: url(../img/web/counseling/selectParts__current--chest.png)
}

.p-counseling__selectParts__ring--upper_arm {
  background: url(../img/web/counseling/selectParts__current--arm.png)
}

.p-counseling__selectParts__ring--stomach {
  background: url(../img/web/counseling/selectParts__current--stomach.png)
}

.p-counseling__selectParts__ring--hand {
  background: url(../img/web/counseling/selectParts__current--hand.png)
}

.p-counseling__selectParts__ring--waist {
  background: url(../img/web/counseling/selectParts__current--waist.png)
}

.p-counseling__selectParts__ring--pelvis {
  background: url(../img/web/counseling/selectParts__current--pelvis.png)
}

.p-counseling__selectParts__ring--hip {
  background: url(../img/web/counseling/selectParts__current--hip.png)
}

.p-counseling__selectParts__ring--thigh {
  background: url(../img/web/counseling/selectParts__current--thigh.png)
}

.p-counseling__selectParts__ring--calf {
  background: url(../img/web/counseling/selectParts__current--calf.png)
}

.p-counseling__selectParts__name {
  padding: 0 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -3px
}

.p-counseling__selectParts__name span {
  flex: 0 0 auto;
  min-width: 46px;
  min-height: 28px;
  border-radius: 4px;
  border: solid 1px #8fa2ba;
  background: #fff;
  padding: 0 16px;
  margin: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8fa2ba;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer
}

.p-counseling__selectParts__name span.current {
  background: #3477c3;
  border-color: #3477c3;
  color: #fff
}

.p-counseling__selectParts__name span.current.beyond {
  background: #176e3a;
  border-color: #176e3a
}

.p-counseling__selectParts__name--beyond span {
  border: solid 1px #176e3a;
  background: #fff;
  color: #176e3a
}

.p-counseling__list {
  margin: 32px 0 0;
  counter-reset: number 0
}

.p-counseling__list__item+.p-counseling__list__item {
  margin: 32px 0 0;
  padding: 26px 0 0;
  border-top: solid 1px #eee
}

.p-counseling__list__item__label {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  margin: 0 0 16px
}

.p-counseling__list__item__label:before {
  counter-increment: number 1;
  content: counter(number) " .";
  flex: 0 0 auto;
  margin: 0 10px 0 0;
  padding: 1px 0 0;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  width: 38px;
  text-align: center
}

.p-counseling__list__item__data .c-input input,
.p-counseling__list__item__data .c-input--full input,
.p-counseling__list__item__data .c-input--select input,
.p-counseling__list__item__data .c-input--file input,
.p-counseling__list__item__data .c-input--checkbox input,
.p-counseling__list__item__data .c-input--radio input,
.p-counseling__list__item__data .c-input--radio--beyond input {
  height: 48px;
  text-align: right;
  font-size: 26px;
  font-weight: 500
}

.p-counseling__list__item__data .c-input--range {
  margin: 0 0 8px
}

.p-counseling__list__item__data .c-input--checkbox--image {
  display: flex;
  flex-wrap: wrap;
  margin: -4px
}

@media screen and (max-width: 560px) {
  .p-counseling__list__item__data .c-input--checkbox--image {
      flex-wrap: wrap
  }
}

.p-counseling__list__item__data .c-input--checkbox--image label {
  width: calc(50% - 8px);
  margin: 4px;
  height: auto;
  max-height: 180px;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  border-radius: 3px;
  border: solid 1px #91a6be;
  overflow: hidden
}

@media screen and (max-width: 560px) {
  .p-counseling__list__item__data .c-input--checkbox--image label {
      width: calc(50% - 8px);
      min-height: none
  }
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--checkbox--image label {
      min-height: 200px
  }
}

.p-counseling__list__item__data .c-input--checkbox--image label:before {
  transform: translateY(0);
  left: 4px;
  top: 4px
}

.p-counseling__list__item__data .c-input--checkbox--image label:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}

.p-counseling__list__item__data .c-input--checkbox--image label .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 7px 4px 6px;
  text-align: center;
  color: #6c7f95;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1em;
  background: #e4ebf2
}

.p-counseling__list__item__data .c-input--checkbox--image label .name.no {
  padding: 20px 4px 6px
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--checkbox--image label .name {
      padding: 7px 2px 6px;
      letter-spacing: 0;
      min-height: 70px
  }

  .p-counseling__list__item__data .c-input--checkbox--image label .name.no {
      padding: 28px 4px 6px
  }
}

.p-counseling__list__item__data .c-input--checkbox--image label .name .description {
  font-size: 10px;
  display: inline-block;
  width: 90%;
  margin: 4px 0 0 0
}

.p-counseling__list__item__data .c-input--checkbox--image input:checked+label {
  background-color: #e5eff8 !important
}

.p-counseling__list__item__data .c-input--checkbox--image input:checked+label .name {
  background: rgba(200, 218, 236, .7)
}

.p-counseling__list__item__data .c-input--checkbox--image--beyond label .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 7px 4px 6px;
  text-align: center;
  color: #6c956f;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1em;
  background: #e6f2e4
}

.p-counseling__list__item__data .c-input--checkbox--image--beyond label .name.no {
  padding: 20px 4px 6px
}

.p-counseling__list__item__data .c-input--checkbox--image--beyond input:checked+label {
  background-color: #e5eff8 !important
}

.p-counseling__list__item__data .c-input--checkbox--image--beyond input:checked+label .name {
  background: rgba(200, 218, 236, .7)
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes {
  display: flex;
  flex-wrap: wrap;
  margin: -4px
}

@media screen and (max-width: 560px) {
  .p-counseling__list__item__data .c-input--checkbox--image--shoes {
      flex-wrap: wrap
  }
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes label {
  width: calc(25% - 6px);
  margin: 3px;
  padding: 0
}

@media screen and (max-width: 560px) {
  .p-counseling__list__item__data .c-input--checkbox--image--shoes label {
      width: calc(33% - 6px);
      min-height: 1px
  }
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--checkbox--image--shoes label {
      min-height: none
  }
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes label:before {
  transform: translateY(0);
  left: 4px;
  top: 4px
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes label:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes label .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  color: #6c7f95;
  font-size: 12px;
  line-height: 1.1em;
  background: none
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--checkbox--image--shoes label .name {
      font-size: 11px;
      line-height: 1em;
      letter-spacing: 0;
      padding: 10px 10px 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 40px
  }
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes label .name .description {
  font-size: 10px;
  display: inline-block;
  width: 90%;
  margin: 4px 0 0 0
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes input:checked+label {
  background-color: #e5eff8 !important
}

.p-counseling__list__item__data .c-input--checkbox--image--shoes input:checked+label .name {
  background: none
}

.p-counseling__list__item__data .c-input--checkbox--image--beyond input:checked+label {
  background-color: #ebf4ea !important
}

.p-counseling__list__item__data .c-input--checkbox--image--beyond input:checked+label .name {
  background: rgba(203, 236, 200, .7)
}

.p-counseling__list__item__data .c-input--checkbox--image--beyond input:checked+label .name.shoes {
  background: none
}

.p-counseling__list__item__data .c-input--radio--label {
  flex-direction: column;
  margin: -3px
}

.p-counseling__list__item__data .c-input--radio--label label {
  background: #eef1f5;
  border-color: #91a6be;
  color: #222;
  margin: 3px;
  font-size: 16px;
  font-weight: 500;
  height: 48px
}

.p-counseling__list__item__data .c-input--radio--label label:before {
  left: 14px
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--radio--label label:before {
      left: 10px
  }
}

.p-counseling__list__item__data .c-input--radio--label input:checked+label {
  background: #fff;
  color: #3477c3;
  border-color: #3477c3;
  font-weight: 600;
  background-color: #e5eff8 !important
}

.p-counseling__list__item__data .c-input--radio--label--image {
  flex-direction: row
}

.p-counseling__list__item__data .c-input--radio--label--image label {
  width: calc(25% - 6px);
  height: auto;
  padding: 0;
  position: relative;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important
}

@media screen and (max-width: 768px) {
  .p-counseling__list__item__data .c-input--radio--label--image label {
      width: calc(25% - 6px)
  }
}

@media screen and (max-width: 560px) {
  .p-counseling__list__item__data .c-input--radio--label--image label {
      width: calc(33.33% - 6px)
  }
}

.p-counseling__list__item__data .c-input--radio--label--image label:before {
  left: 8px;
  top: 14px
}

.p-counseling__list__item__data .c-input--radio--label--image label:after {
  content: "";
  width: 100%;
  padding-top: 94%;
  display: block
}

.p-counseling__list__item__data .c-input--radio--label--image label .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  color: #6c7f95;
  font-size: 12px;
  line-height: 1.1em
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--radio--label--image label .name {
      font-size: 11px;
      line-height: 1em;
      letter-spacing: 0;
      padding: 10px 10px 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 40px
  }
}

.p-counseling__list__item__data .c-input--radio--label--beyond {
  flex-direction: column;
  margin: -3px
}

.p-counseling__list__item__data .c-input--radio--label--beyond label {
  background: #ebf4ea;
  border-color: #176e3a;
  color: #222;
  margin: 3px;
  font-size: 16px;
  font-weight: 500;
  height: 48px
}

.p-counseling__list__item__data .c-input--radio--label--beyond label:before {
  left: 14px
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--radio--label--beyond label:before {
      left: 10px
  }
}

.p-counseling__list__item__data .c-input--radio--label--beyond input:checked+label {
  background: #fff;
  color: #fff;
  border-color: #176e3a;
  font-weight: 600;
  background-color: #176e3a !important
}

.p-counseling__list__item__data .c-input--radio--label--beyond--image {
  flex-direction: row
}

.p-counseling__list__item__data .c-input--radio--label--beyond--image label {
  width: calc(25% - 6px);
  height: auto;
  padding: 0;
  position: relative;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important
}

@media screen and (max-width: 768px) {
  .p-counseling__list__item__data .c-input--radio--label--beyond--image label {
      width: calc(25% - 6px)
  }
}

@media screen and (max-width: 560px) {
  .p-counseling__list__item__data .c-input--radio--label--beyond--image label {
      width: calc(33.33% - 6px)
  }
}

.p-counseling__list__item__data .c-input--radio--label--beyond--image label:before {
  left: 8px;
  top: 14px
}

.p-counseling__list__item__data .c-input--radio--label--beyond--image label:after {
  content: "";
  width: 100%;
  padding-top: 94%;
  display: block
}

.p-counseling__list__item__data .c-input--radio--label--beyond--image label .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  color: #6c7f95;
  font-size: 12px;
  line-height: 1.1em
}

@media screen and (max-width: 480px) {
  .p-counseling__list__item__data .c-input--radio--label--beyond--image label .name {
      font-size: 11px;
      line-height: 1em;
      letter-spacing: 0;
      padding: 10px 10px 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 40px
  }
}

.p-counseling__list__item__data .c-input--select:before {
  right: 6px
}

.p-counseling__list__item__data .c-input--select select {
  height: 48px
}

.p-counseling__list__item__data .c-input .unit,
.p-counseling__list__item__data .c-input--full .unit,
.p-counseling__list__item__data .c-input--select .unit,
.p-counseling__list__item__data .c-input--file .unit,
.p-counseling__list__item__data .c-input--checkbox .unit,
.p-counseling__list__item__data .c-input--radio .unit,
.p-counseling__list__item__data .c-input--radio--beyond .unit {
  height: 48px;
  display: flex;
  align-items: flex-end;
  font-size: 18px;
  font-weight: 500;
  color: #222;
  flex: 0 0 auto
}

.p-counseling__list__item__data .c-input .unit--before,
.p-counseling__list__item__data .c-input--full .unit--before,
.p-counseling__list__item__data .c-input--select .unit--before,
.p-counseling__list__item__data .c-input--file .unit--before,
.p-counseling__list__item__data .c-input--checkbox .unit--before,
.p-counseling__list__item__data .c-input--radio .unit--before,
.p-counseling__list__item__data .c-input--radio--beyond .unit--before {
  padding: 0 8px 8px 0;
  justify-content: flex-end
}

.p-counseling__list__item__data .c-input .unit--after,
.p-counseling__list__item__data .c-input--full .unit--after,
.p-counseling__list__item__data .c-input--select .unit--after,
.p-counseling__list__item__data .c-input--file .unit--after,
.p-counseling__list__item__data .c-input--checkbox .unit--after,
.p-counseling__list__item__data .c-input--radio .unit--after,
.p-counseling__list__item__data .c-input--radio--beyond .unit--after {
  padding: 0 0 8px 8px
}

.p-counseling__list__item__option {
  margin: 14px 0 0;
  display: none
}

.p-counseling__list__item__option .c-input,
.p-counseling__list__item__option .c-input--full,
.p-counseling__list__item__option .c-input--select,
.p-counseling__list__item__option .c-input--file,
.p-counseling__list__item__option .c-input--checkbox,
.p-counseling__list__item__option .c-input--radio,
.p-counseling__list__item__option .c-input--radio--beyond {
  margin: 8px 0 0
}

.p-counseling__list__item__option .c-input--checkbox,
.p-counseling__list__item__option .c-input--radio {
  padding: 8px 16px;
  background: #f8faf8;
  border: solid 1px #cfdbd1;
  flex-direction: column;
  margin: 8px 0 0
}

.p-counseling__list__item__option .c-input--checkbox label,
.p-counseling__list__item__option .c-input--radio label {
  color: #222;
  padding-left: 24px
}

.p-counseling__list__item__option .c-input--radio--beyond {
  background: #f8fcf7
}

.p-counseling__list--confirm .p-counseling__list__item__label {
  margin: 0 0 8px
}

.p-counseling__list--confirm .p-counseling__list__item__data {
  margin: 0 0 0 44px;
  padding: 0 0 8px;
  border-bottom: solid 1px #eee;
  font-size: 15px;
  color: #5b7b96
}

.p-counseling__list--confirm .p-counseling__list__item__data.beyond {
  color: #176e3a
}

.p-counseling__list--confirm .p-counseling__list__item__data small {
  color: #666;
  font-size: 12px;
  margin: 0 0 2px;
  line-height: 1.4em;
  display: inline-block
}

.p-counseling__list--confirm .p-counseling__list__item__data+.p-counseling__list__item__data {
  margin: 12px 0 0 44px
}

.p-counseling__list--confirm .p-counseling__list__item+.p-counseling__list__item {
  padding: 0;
  border: none;
  margin: 24px 0 0
}

.p-counseling__list--noNumber {
  margin: 12px 0 40px
}

.p-counseling__list--noNumber .p-counseling__list__item__label:before {
  display: none
}

.p-counseling__list--noNumber .p-counseling__list__item__data {
  margin: 0
}

.p-counseling__foot {
  border-top: 2px solid #e5e9ee;
  padding: 24px 0 40px;
  margin: 56px 0 0
}

.p-counseling__foot--beyond {
  max-width: 480px;
  width: 100%;
  text-align: center
}

.p-counseling__foot .c-button,
.p-counseling__foot .c-button--accent,
.p-counseling__foot .c-button--action,
.p-counseling__foot .c-button--form,
.p-counseling__foot .c-button--inline,
.p-counseling__foot .c-button--inlineArrow,
.p-counseling__foot .c-button--weak,
.p-counseling__foot .c-button--line,
.p-counseling__foot .c-button--full,
.p-counseling__foot .c-button--small,
.p-counseling__foot .p-home__middleNav__button {
  height: 64px;
  font-size: 15px;
  border-radius: 4px;
  padding: 0 24px
}

.p-counseling__foot .c-button--prev {
  min-width: 90px;
  width: 90px;
  justify-content: center;
  color: #666
}

.p-counseling__foot .c-button--prev--beyond {
  height: 48px
}

.p-counseling__foot .c-button--prev--beyond:hover {
  opacity: .3;
  background: #fff;
  transition: all .3s ease
}

.p-counseling__foot .c-button--next {
  color: #fff;
  border-color: #1a73e8;
  background-color: #1a73e8;
  flex: auto;
  flex-wrap: wrap;
  min-width: 1px;
  justify-content: center;
  max-width: 240px;
  font-weight: 600
}

.p-counseling__foot .c-button--next--beyond {
  height: 48px;
  background-color: #176e3a;
  border-color: #176e3a
}

.p-counseling__foot .c-button--next--beyond:hover {
  background: #325e29;
  transition: all .3s ease
}

.p-counseling__system {
  text-align: center
}

.p-counseling__system__video {
  margin: 24px auto 8px
}

.p-counseling__system__video video {
  width: 100%;
  background: #eee
}

.p-counseling__system .c-input--checkbox {
  display: flex;
  justify-content: center
}

.p-counseling__system .c-input--checkbox label {
  color: #666
}

.p-counseling__system .c-input--checkbox .error {
  color: red;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .05em
}

.p-counseling__app {
  max-width: 340px;
  margin: 40px auto;
  border: solid 2px #cc9ca4;
  box-shadow: 0 7px 12px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 560px) {
  .p-counseling__app {
      margin: 32px auto
  }
}

.p-counseling__app a:hover {
  opacity: .7
}

.p-guidance {
  max-width: 480px;
  margin: auto;
  margin-top: 48px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
  background: #fff
}

.p-guidance--beyond {
  background-size: cover !important;
  background-repeat: no-repeat !important
}

@media screen and (max-width: 560px) {
  .p-guidance {
      max-width: none;
      margin: auto;
      box-shadow: none;
      width: 100%
  }
}

.p-guidance__head {
  background: #f9f1f3
}

.p-guidance__head--beyond {
  background: none
}

.p-guidance__head__label {
  min-height: 48px;
  background: #e75574;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-guidance__head__label .title {
  display: flex;
  align-items: baseline;
  color: #fff;
  font-size: 18px;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .p-guidance__head__label .title {
      font-size: 16px
  }
}

.p-guidance__head__label .title:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/web/guidance/p-guidance__label.png) no-repeat center bottom;
  background-size: contain;
  margin-right: 6px;
  transform: translate(0px, 5px)
}

.p-guidance__head__label .title strong {
  font-size: 22px;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .p-guidance__head__label .title strong {
      font-size: 18px
  }
}

.p-guidance__head__box {
  display: flex;
  padding: 20px 24px 24px
}

.p-guidance__head__box--beyond {
  justify-content: center
}

@media screen and (max-width: 560px) {
  .p-guidance__head__box {
      max-width: 420px;
      margin: auto
  }
}

@media screen and (max-width: 480px) {
  .p-guidance__head__box {
      padding: 80px 20px 24px
  }
}

.p-guidance__head__image {
  flex: 0 0 auto;
  margin-right: 24px
}

.p-guidance__head__image--beyond {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0
}

.p-guidance__head__image--beyond .image {
  width: 280px
}

.p-guidance__head__image--beyond .logo {
  margin: 16px 0 0 0;
  width: 140px
}

.p-guidance__head__image--beyond .title {
  margin: 16px 0 0 0;
  font-size: 14px;
  font-weight: 600;
  color: #000
}

@media screen and (max-width: 480px) {
  .p-guidance__head__image {
      margin-right: 16px
  }
}

.p-guidance__head__image img {
  width: 112px
}

@media screen and (max-width: 480px) {
  .p-guidance__head__image img {
      width: 104px
  }
}

.p-guidance__head__image span {
  font-size: 12px;
  color: #bea7ad;
  display: block;
  margin-top: 8px
}

@media screen and (max-width: 480px) {
  .p-guidance__head__image span {
      font-size: 11px
  }
}

.p-guidance__head__text {
  flex: auto;
  min-width: 1px;
  padding-top: 8px
}

.p-guidance__head__text .title {
  font-size: 20px;
  font-weight: 600;
  color: #000
}

@media screen and (max-width: 480px) {
  .p-guidance__head__text .title {
      font-size: 18px
  }
}

.p-guidance__head__text .title strong {
  font-size: 32px;
  font-weight: 700;
  color: #e75574
}

@media screen and (max-width: 560px) {
  .p-guidance__head__text .title strong {
      font-size: 30px
  }
}

@media screen and (max-width: 480px) {
  .p-guidance__head__text .title strong {
      font-size: 26px
  }
}

.p-guidance__head__text .title small {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  display: block;
  line-height: 1.5em;
  margin-top: 4px
}

@media screen and (max-width: 480px) {
  .p-guidance__head__text .title small {
      font-size: 15px;
      margin-top: 0px
  }
}

.p-guidance__pointList {
  margin-top: 16px;
  padding-top: 14px;
  border-top: solid 1px #debbc2
}

.p-guidance__pointList--complete {
  padding: 24px 16px;
  background: #fafcf9;
  border: 1px solid #e6eae3;
  max-width: 260px;
  margin: 24px auto
}

.p-guidance__pointList--complete .title {
  font-size: 20px;
  font-weight: 700;
  color: #000
}

.p-guidance__pointList--complete .title span {
  color: #176e3a;
  font-family: "Roboto";
  font-style: italic
}

.p-guidance__pointList--complete .text {
  font-size: 16px;
  font-weight: 500
}

.p-guidance__pointList--complete>li+li {
  margin-top: 12px;
  border-top: 1px solid #e3e5ea;
  padding: 12px 0 0
}

.p-guidance__pointList--beyond {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  align-items: center;
  display: flex;
  flex-direction: column
}

.p-guidance__pointList--beyond .title {
  font-size: 20px;
  font-weight: 700;
  color: #000
}

.p-guidance__pointList--beyond .title span {
  color: #176e3a;
  font-family: "Roboto";
  font-style: italic
}

.p-guidance__pointList--beyond .text {
  font-size: 16px;
  font-weight: 500
}

.p-guidance__pointList--beyond>li+li {
  margin-top: 12px;
  border-top: 1px solid #000;
  padding: 12px 0 0
}

.p-guidance__pointList__item {
  padding-left: 42px;
  position: relative
}

.p-guidance__pointList__item.info,
.p-guidance__pointList__item.pass {
  padding-left: 72px
}

.p-guidance__pointList__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 30px;
  height: 30px;
  background: url(../img/web/guidance/p-guidance__point--1.png) no-repeat center;
  background-size: contain !important
}

.p-guidance__pointList__item p {
  font-size: 13px;
  color: #222
}

.p-guidance__pointList__item p strong {
  color: #e75574
}

.p-guidance__pointList__item--beyond .desc span {
  color: #176e3a
}

.p-guidance__pointList__item--beyond p {
  font-size: 12px;
  color: #222
}

.p-guidance__pointList__item--beyond p strong {
  color: #e75574
}

.p-guidance__pointList>li+li {
  margin-top: 12px
}

.p-guidance__pointList>li:nth-of-type(2) .p-guidance__pointList__item:before {
  background: url(../img/web/guidance/p-guidance__point--2.png) no-repeat center
}

.p-guidance__pointList>li .school:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 36px;
  height: 36px;
  background: url(../img/common/beyondshoes/beyond_school--bk.svg) no-repeat center;
  background-size: contain !important
}

.p-guidance__pointList>li .video:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 36px;
  height: 36px;
  background: url(../img/common/beyondshoes/beyond_movie--bk.svg) no-repeat center !important;
  background-size: contain !important
}

.p-guidance__pointList>li .info:before {
  content: "";
  position: absolute;
  left: 36px;
  top: 0;
  width: 24px;
  height: 24px;
  background: url(../img/common/beyondshoes/beyond_info.svg) no-repeat center;
  background-size: contain !important
}

.p-guidance__pointList>li .pass:before {
  content: "";
  position: absolute;
  left: 36px;
  top: 0;
  width: 24px;
  height: 24px;
  background: url(../img/common/beyondshoes/beyond_pass.svg) no-repeat center !important;
  background-size: contain !important
}

.p-guidance__body {
  background: #fff
}

.p-guidance__body__label {
  min-height: 48px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-guidance__body__label .title {
  display: flex;
  align-items: baseline;
  color: #fff;
  font-size: 18px;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .p-guidance__body__label .title {
      font-size: 20px
  }
}

.p-guidance__body__label .title strong {
  font-size: 22px;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .p-guidance__body__label .title strong {
      font-size: 18px
  }
}

.p-guidance__body__text {
  flex: auto;
  min-width: 1px;
  padding-top: 0
}

.p-guidance__body__text .read {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-guidance__body__text .read {
      font-size: 18px
  }
}

.p-guidance__body__text .read strong {
  font-size: 20px;
  font-weight: 700;
  color: #f1962a
}

.p-guidance__body__text .read small {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: block;
  line-height: 1.5em;
  margin-top: 4px
}

@media screen and (max-width: 480px) {
  .p-guidance__body__text .read small {
      font-size: 15px;
      margin-top: 0px
  }
}

.p-guidance__body__text .read span {
  display: block;
  margin: 12px 0 0
}

.p-guidance__body__box {
  background: #fff;
  padding: 16px;
  border: 1px solid #000
}

.p-guidance__body__wrapper {
  padding: 16px
}

.p-guidance__body--beyond {
  background: none;
  max-width: 390px;
  display: block;
  margin: 0 auto
}

.p-guidance__body--beyond .shape {
  display: flex;
  align-items: center;
  justify-content: center
}

.p-guidance__body>.p-buttonWrap {
  padding: 24px 0 40px;
  align-items: center;
  margin: -6px 0
}

@media screen and (max-width: 560px) {
  .p-guidance__body>.p-buttonWrap {
      padding: 32px 0 40px
  }
}

.p-guidance__body>.p-buttonWrap .c-button,
.p-guidance__body>.p-buttonWrap .c-button--accent,
.p-guidance__body>.p-buttonWrap .c-button--action,
.p-guidance__body>.p-buttonWrap .c-button--form,
.p-guidance__body>.p-buttonWrap .c-button--inline,
.p-guidance__body>.p-buttonWrap .c-button--inlineArrow,
.p-guidance__body>.p-buttonWrap .c-button--weak,
.p-guidance__body>.p-buttonWrap .c-button--line,
.p-guidance__body>.p-buttonWrap .c-button--full,
.p-guidance__body>.p-buttonWrap .c-button--small,
.p-guidance__body>.p-buttonWrap .p-home__middleNav__button {
  width: 100%;
  max-width: 280px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  height: 56px;
  margin: 6px
}

.p-guidance__body>.p-buttonWrap .c-button--accent--high {
  font-weight: 600;
  box-shadow: 0 4px 8px 2px rgba(206, 101, 123, .3)
}

.p-guidance__checkbox {
  padding: 20px 24px;
  border-bottom: solid 1px #d5dde8
}

.p-guidance__checkbox .c-input--checkbox {
  margin-bottom: 8px
}

.p-guidance__checkbox .c-input--checkbox label {
  font-size: 15px;
  font-weight: 500;
  color: #222
}

.p-guidance__checkbox .description {
  font-size: 13px;
  line-height: 1.5em;
  color: #444
}

.p-guidance__checkbox .description strong {
  color: #e75574
}

.p-guidance__calendar {
  padding: 24px
}

.p-guidance__foot {
  margin: 24px 0 0;
  padding: 24px;
  border-top: solid 1px #d5dde8
}

.p-guidance__foot>.p-buttonWrap {
  max-width: 360px;
  margin: auto;
  justify-content: center
}

.p-guidance__foot>.p-buttonWrap .c-button,
.p-guidance__foot>.p-buttonWrap .c-button--accent,
.p-guidance__foot>.p-buttonWrap .c-button--action,
.p-guidance__foot>.p-buttonWrap .c-button--form,
.p-guidance__foot>.p-buttonWrap .c-button--inline,
.p-guidance__foot>.p-buttonWrap .c-button--inlineArrow,
.p-guidance__foot>.p-buttonWrap .c-button--weak,
.p-guidance__foot>.p-buttonWrap .c-button--line,
.p-guidance__foot>.p-buttonWrap .c-button--full,
.p-guidance__foot>.p-buttonWrap .c-button--small,
.p-guidance__foot>.p-buttonWrap .p-home__middleNav__button {
  border-radius: 4px;
  height: 48px;
  font-size: 14px;
  font-weight: 600
}

.p-guidance__foot>.p-buttonWrap .c-button--line {
  flex: 0 0 auto;
  width: 80px;
  border-color: #b6b9c3;
  color: #29324b
}

.p-guidance__foot--beyond {
  padding: 16px 16px 40px;
  border-top: none;
  background: none;
  max-width: 390px;
  display: block;
  margin: 0 auto
}

.p-guidance__foot--beyond>.p-buttonWrap {
  max-width: 90%;
  margin: auto;
  justify-content: center
}

.p-guidance__foot--beyond>.p-buttonWrap .c-button,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--accent,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--action,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--form,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inline,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inlineArrow,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--weak,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--line,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--full,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--small,
.p-guidance__foot--beyond>.p-buttonWrap .p-home__middleNav__button {
  border-radius: 6px;
  background: linear-gradient(180deg, #4A8E3A 0%, #2E721D 81.25%);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .24);
  height: 80px;
  font-size: 24px;
  font-weight: 600
}

.p-guidance__foot--beyond>.p-buttonWrap .c-button:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--accent:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--action:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--form:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inline:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inlineArrow:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--weak:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--line:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--full:before,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--small:before,
.p-guidance__foot--beyond>.p-buttonWrap .p-home__middleNav__button:before {
  content: "";
  width: 40px;
  height: 40px;
  background: url(../img/common/beyondshoes/beyond_smartphone.svg) no-repeat center bottom;
  background-size: contain;
  margin-right: 12px;
  transform: translate(0px, 2px)
}

.p-guidance__foot--beyond>.p-buttonWrap .c-button:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--accent:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--action:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--form:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inline:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inlineArrow:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--weak:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--line:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--full:after,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--small:after,
.p-guidance__foot--beyond>.p-buttonWrap .p-home__middleNav__button:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/common/beyondshoes/beyond_triangle--wh.svg) no-repeat center bottom;
  background-size: contain;
  margin-left: 6px;
  transform: translate(0px, -2px)
}

.p-guidance__foot--beyond>.p-buttonWrap .c-button:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--accent:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--action:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--form:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inline:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--inlineArrow:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--weak:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--line:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--full:hover,
.p-guidance__foot--beyond>.p-buttonWrap .c-button--small:hover,
.p-guidance__foot--beyond>.p-buttonWrap .p-home__middleNav__button:hover {
  opacity: .7;
  transition: all .1s ease
}

.p-guidance--school {
  width: 100%;
  max-width: 420px
}

@media screen and (max-width: 560px) {
  .p-guidance--school {
      max-width: none
  }
}

.p-guidance--school .p-guidance__head {
  background: #f4f6f9;
  position: relative
}

.p-guidance--school .p-guidance__head__box {
  padding: 0
}

@media screen and (max-width: 560px) {
  .p-guidance--school .p-guidance__head__box {
      max-width: none
  }
}

.p-guidance--school .p-guidance__head__box--beyond {
  background: #fff
}

.p-guidance--school .p-guidance__head__box--course img {
  height: 180px;
  object-fit: cover;
  width: 100%
}

.p-guidance--school .p-guidance__body {
  background: #f2f4f6;
  border-top: solid 2px #e75574
}

.p-guidance--school .p-guidance__foot {
  margin: 0;
  padding: 24px 24px 40px
}

.p-guidance--school .p-guidance__foot .c-button,
.p-guidance--school .p-guidance__foot .c-button--accent,
.p-guidance--school .p-guidance__foot .c-button--action,
.p-guidance--school .p-guidance__foot .c-button--form,
.p-guidance--school .p-guidance__foot .c-button--inline,
.p-guidance--school .p-guidance__foot .c-button--inlineArrow,
.p-guidance--school .p-guidance__foot .c-button--weak,
.p-guidance--school .p-guidance__foot .c-button--line,
.p-guidance--school .p-guidance__foot .c-button--full,
.p-guidance--school .p-guidance__foot .c-button--small,
.p-guidance--school .p-guidance__foot .p-home__middleNav__button {
  justify-content: center
}

.p-guidance--school .p-guidance__foot .c-button--negative {
  color: #b6b9c3
}

.p-guidance--school .p-guidance__foot .c-button--negative:hover {
  background: #f8f9fc
}

.p-beyond {
  max-width: 640px;
  overflow: hidden;
  padding: 40px 0 0
}

@media screen and (max-width: 560px) {
  .p-beyond {
      padding: 0
  }
}

.p-beyond__wrap {
  max-width: 390px;
  background: #fff
}

.p-beyond .c-text {
  color: #fff;
  font-size: 14px;
  font-weight: 500
}

.p-beyond .c-text--accent {
  color: #8c8c8c;
  text-align: center;
  line-height: 1.2em
}

.p-beyond .c-text--accent small.off {
  color: #f25313;
  font-weight: 600
}

.p-beyond .c-text--accent-gr {
  color: #176e3a;
  font-weight: 600
}

.p-beyond .c-text--mn {
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: 400;
  letter-spacing: .5px;
  text-wrap: pretty
}

.p-beyond .c-text--sm {
  font-size: 12px;
  line-height: 12px
}

.p-beyond .c-text--sm strong {
  font-weight: bold;
  font-size: 16px
}

.p-beyond .c-text--sm strong.off {
  color: #f25313
}

.p-beyond .c-text--md {
  font-size: 16px
}

.p-beyond .c-text.line {
  border-bottom: 1px solid #fff;
  width: 23%;
  line-height: normal;
  text-align: center
}

.p-beyond .c-text--lg {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}

.p-beyond__buttonWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 6px
}

.p-beyond__cardWrap {
  background: #f2f2f2;
  height: 260px;
  padding: 32px;
  display: flex;
  flex-direction: column
}

.p-beyond__cardWrap .p-beyondCard {
  margin: auto 0;
  height: 184px;
  display: flex;
  border-radius: 10px;
  background: #fff;
  box-shadow: 1px 3px 6px 0px rgba(68, 127, 54, .25);
  transition: .5s all
}

.p-beyond__cardWrap .p-beyondCard__left {
  display: flex;
  flex-direction: column;
  background: #176e3a;
  padding: 16px;
  border-radius: 10px 0 0 10px;
  white-space: nowrap
}

.p-beyond__cardWrap .p-beyondCard__logo {
  width: 50px;
  display: inline-flex
}

.p-beyond__cardWrap .p-beyondCard__user {
  margin: 16px 0 0
}

.p-beyond__cardWrap .p-beyondCard__id {
  margin: auto 0 0
}

.p-beyond__cardWrap .p-beyondCard__right {
  background: #fff;
  overflow: hidden;
  width: 100%;
  border-radius: 0 10px 10px 0;
  transition: .3s all
}

.p-beyond__cardWrap .p-beyondCard__right__img {
  background-position: center;
  background-size: cover !important;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: .6;
  transition: 1s all
}

@media(hover: hover) {
  .p-beyond__cardWrap .p-beyondCard:hover {
      transform: rotate3d(-20, 25, 8, -12deg);
      transition: .5s all
  }

  .p-beyond__cardWrap .p-beyondCard:hover .p-beyondCard__right__img {
      transform: scale(1.05, 1.05);
      transition: .3s all;
      opacity: .9
  }
}

@media(hover: none) {
  .p-beyond__cardWrap .p-beyondCard:active {
      transform: rotate3d(-20, 25, 8, -12deg);
      transition: .5s all
  }

  .p-beyond__cardWrap .p-beyondCard:active .p-beyondCard__right__img {
      transform: scale(1.05, 1.05);
      transition: .3s all;
      opacity: .9
  }
}

.p-beyond__body .p-beyondMenu {
  padding: 32px
}

.p-beyond__body .p-beyondMenu .shop--gr:before {
  content: "";
  display: block;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  background: url(../img/common/beyondshoes/beyond_shop--gr.svg) no-repeat center;
  background-size: contain !important
}

.p-beyond__body .p-beyondMenu .shop--gr:after {
  content: "";
  display: block;
  left: 12px;
  top: 2px;
  width: 17px;
  height: 17px;
  background: url(../img/common/beyondshoes/button_arrow--gr.svg) no-repeat center;
  background-size: contain !important
}

.p-beyond__body .p-beyondMenu__list {
  margin: 16px 0 0
}

.p-beyond__body .p-beyondMenu__list__item {
  position: relative;
  height: 120px;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 1px 3px 6px 0px rgba(68, 127, 54, .15)
}

.p-beyond__body .p-beyondMenu__list__item.shop {
  border: 1px solid rgba(69, 130, 56, .5);
  overflow: hidden;
  transition: all .3s ease
}

.p-beyond__body .p-beyondMenu__list__item.shop:hover {
  transition: all .3s ease;
  opacity: 1
}

.p-beyond__body .p-beyondMenu__list__item.shop:hover .background--shop {
  opacity: 1
}

.p-beyond__body .p-beyondMenu__list__item.banner {
  padding: 0;
  height: auto
}

.p-beyond__body .p-beyondMenu__list__item a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3
}

.p-beyond__body .p-beyondMenu__list__item+.p-beyondMenu__list__item {
  margin: 16px 0 0
}

.p-beyond__body .p-beyondMenu__list__item+.p-beyondMenu__list__item.banner {
  margin: 20px 0 0
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton {
  height: 100%;
  display: grid;
  position: relative;
  z-index: 2
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__label.online img {
  width: 100px
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__label .c-text--md {
  font-size: 14px
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__content {
  display: flex;
  justify-content: space-between;
  margin: auto 0 0
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__content__text .c-text--lg {
  margin: 4px 0 0
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__content__text.shop {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__content__icon {
  display: flex
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__content__icon .image {
  margin: auto 0 0;
  width: 35px
}

.p-beyond__body .p-beyondMenu__list__item .p-beyondButton__content__icon .image.shop {
  width: 60px
}

.p-beyond__body .p-beyondMenu__list__item .button_image {
  position: absolute;
  width: 120px;
  top: -16px;
  left: 180px;
  z-index: 1;
  transition: all .3s ease
}

.p-beyond__body .p-beyondMenu__list__item .background--school {
  background: url(../img/common/beyondshoes/button_shape_gr.svg) no-repeat center;
  width: 100%;
  height: 120px;
  position: absolute;
  top: -1.5px;
  left: 0;
  border-radius: 10px;
  z-index: 0
}

@media screen and (min-width: 480px) {
  .p-beyond__body .p-beyondMenu__list__item .background--school {
      width: 104%
  }
}

.p-beyond__body .p-beyondMenu__list__item .background--movie {
  background: url(../img/common/beyondshoes/button_shape_gr-2.svg) no-repeat center;
  width: 100%;
  height: 120px;
  position: absolute;
  top: -1.5px;
  left: 0;
  border-radius: 10px;
  z-index: 0
}

@media screen and (min-width: 480px) {
  .p-beyond__body .p-beyondMenu__list__item .background--movie {
      width: 104%
  }
}

.p-beyond__body .p-beyondMenu__list__item .background--shop {
  background: url(../img/common/beyondshoes/button_background_ol.svg) no-repeat center;
  width: 120%;
  height: 111%;
  position: absolute;
  top: -3px;
  right: -8.5px;
  background-size: cover;
  z-index: 0;
  transition: all .3s ease;
  opacity: 0
}

.p-beyond__body .p-beyondMenu__list__item:hover {
  opacity: .9;
  transition: all .3s ease
}

.p-beyond__body .p-beyondMenu__list__item:hover .button_image {
  position: absolute;
  width: 120px;
  top: -25px;
  left: 180px;
  z-index: 1;
  transition: all .3s ease
}

.p-beyond__body .p-beyondMenu__list .school {
  background: linear-gradient(180deg, #49B97B 0%, #219153 100%)
}

.p-beyond__body .p-beyondMenu__list .movie {
  background: linear-gradient(180deg, #5BB425 0%, #3D9607 100%)
}

.p-beyond__foot .l-12 {
  padding: 32px
}

.p-beyond__foot .l-12--gap24 {
  margin: 0
}

.p-beyond__foot .l-12__auto {
  padding: 0
}

.p-beyond__foot .p-warrantyEdit__head {
  margin: 0 0 16px;
  padding: 0;
  border-bottom: 0
}

.p-beyond__foot .p-warrantyEdit__list__item+.p-warrantyEdit__list__item {
  margin: 24px 0 0
}

.p-beyond--company {
  margin: 0 auto;
  display: grid;
  grid-template-areas: "history info";
  grid-template-columns: auto 390px;
  width: 100%;
  max-width: 1160px;
  padding: 40px 40px 0;
  gap: 32px
}

@media screen and (max-width: 1080px) {
  .p-beyond--company {
      grid-template-columns: auto 360px;
      gap: 16px
  }
}

@media screen and (max-width: 920px) {
  .p-beyond--company {
      display: flex;
      flex-direction: column;
      max-width: 800px
  }
}

@media screen and (max-width: 768px) {
  .p-beyond--company {
      padding: 0
  }
}

.p-beyond--company .p-beyond__history {
  grid-area: auto;
  width: 100%;
  background: #fff;
  border: solid 1px #e5eaef
}

@media screen and (max-width: 768px) {
  .p-beyond--company .p-beyond__history {
      border: none;
      border-bottom: solid 1px #e5eaef
  }
}

.p-beyond--company .p-beyond__wrap {
  grid-area: info
}

@media screen and (max-width: 920px) {
  .p-beyond--company .p-beyond__wrap {
      max-width: none;
      width: 100%
  }
}

.p-beyond--company .p-beyondTable {
  min-height: 180px
}

.p-beyond--company .p-beyondTable__head {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  border-bottom: solid 1px #ddd
}

.p-beyond--company .p-beyondTable__head .title {
  font-size: 16px;
  font-weight: 500;
  color: #444
}

.p-beyond--company .p-beyondTable__head .action {
  margin-left: auto;
  padding-left: 16px
}

.p-beyond--company .p-beyondTable__head .action .c-input,
.p-beyond--company .p-beyondTable__head .action .c-input--full,
.p-beyond--company .p-beyondTable__head .action .c-input--select,
.p-beyond--company .p-beyondTable__head .action .c-input--file,
.p-beyond--company .p-beyondTable__head .action .c-input--checkbox,
.p-beyond--company .p-beyondTable__head .action .c-input--radio,
.p-beyond--company .p-beyondTable__head .action .c-input--radio--beyond {
  gap: 4px
}

.p-beyond--company .p-beyondTable__head .action .c-input select,
.p-beyond--company .p-beyondTable__head .action .c-input--full select,
.p-beyond--company .p-beyondTable__head .action .c-input--select select,
.p-beyond--company .p-beyondTable__head .action .c-input--file select,
.p-beyond--company .p-beyondTable__head .action .c-input--checkbox select,
.p-beyond--company .p-beyondTable__head .action .c-input--radio select,
.p-beyond--company .p-beyondTable__head .action .c-input--radio--beyond select {
  height: 32px;
  padding: 0 10px;
  padding-right: 24px;
  font-size: 14px;
  line-height: 1
}

.p-beyond--company .p-beyondTable__head .action .c-input .unit,
.p-beyond--company .p-beyondTable__head .action .c-input--full .unit,
.p-beyond--company .p-beyondTable__head .action .c-input--select .unit,
.p-beyond--company .p-beyondTable__head .action .c-input--file .unit,
.p-beyond--company .p-beyondTable__head .action .c-input--checkbox .unit,
.p-beyond--company .p-beyondTable__head .action .c-input--radio .unit,
.p-beyond--company .p-beyondTable__head .action .c-input--radio--beyond .unit {
  display: flex;
  align-items: center;
  font-size: 14px
}

.p-beyond--company .p-beyondTable__body .noResult {
  padding: 16px;
  color: #aaa
}

.p-beyond--company .p-beyond__cardWrap .p-beyondCard {
  max-width: 310px;
  margin: 0 auto;
  width: 100%
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__head {
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: center;
  padding: 14px 24px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__head__title {
  font-size: 18px;
  font-weight: 600;
  color: #222
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list {
  background: #f4f5f8;
  flex: 0 0 auto;
  padding: 10px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list>li {
  background: #fff;
  border: solid 1px #e7eaee
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list>li+li {
  margin: 8px 0 0
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__head {
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: center;
  padding: 10px 16px 10px 10px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__head .date {
  font-size: 16px;
  font-weight: 500;
  color: #222
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__head .order {
  font-size: 14px;
  color: #999;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__head .order:before {
  content: "ご注文番号 :";
  margin: 0 4px 0 0;
  font-size: 11px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__date {
  flex: auto;
  min-width: 1px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__body {
  border-bottom: solid 1px #eee;
  display: flex;
  padding: 10px 12px 12px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__image {
  flex: 0 0 auto;
  width: 40px;
  margin: 0 14px 0 0
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__image .c-image,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__image .c-image--standard,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__image .c-image--wide,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__image .c-image--notification {
  background: #eee
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__text {
  flex: auto;
  min-width: 1px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__products p+p {
  margin: 2px 0 0
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__products .products {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__products .products small {
  display: inline-block;
  margin: 0 0 0 6px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__products .products--sub {
  color: #444;
  font-size: 12px;
  line-height: 1.3em
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__products .products--sub small {
  display: inline-block;
  margin: 0 0 0 4px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot {
  padding: 10px 12px 10px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot {
      flex-wrap: wrap;
      align-items: flex-start
  }
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .price,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .payment {
  font-size: 16px;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 12px 0 0
}

@media screen and (max-width: 1080px) {

  .p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .price,
  .p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .payment {
      flex-direction: column;
      flex: 0 0 auto;
      align-items: flex-start
  }
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .price:before,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .payment:before {
  content: "支払金額 :";
  color: #999;
  margin: 2px 8px 2px 0;
  font-size: 11px;
  line-height: 1.2em
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .payment {
  font-size: 14px
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .payment:before {
  content: "支払方法 :"
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap {
  margin-left: auto
}

@media screen and (max-width: 560px) {
  .p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap {
      width: auto;
      margin: 4px -2px -2px;
      flex: auto
  }
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--accent,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--action,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--form,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--inline,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--inlineArrow,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--weak,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--line,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--full,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .c-button--small,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap .p-home__middleNav__button {
  line-height: 1
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__status {
  margin-left: auto;
  display: flex;
  padding: 0 0 0 16px;
  position: relative;
  font-weight: 500;
  color: #aaa;
  flex: 0 0 auto;
  font-size: 13px;
  letter-spacing: 0
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__status:before,
.p-beyond--company .p-onlineShopMypage__purchaseHistory__status:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%)
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__status:after {
  transform: translate(0, -50%) scale(0.4);
  background: #fff
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__status--beforeShipping {
  color: #4194e6
}

.p-beyond--company .p-onlineShopMypage__purchaseHistory__status--beforeShipping:before {
  background: #4194e6
}

.p-application {
  max-width: 720px;
  padding: 2.5rem 2.5rem 4rem;
  margin: 0 auto
}

@media screen and (max-width: 480px) {
  .p-application {
      padding: 1.5rem 1rem 2rem
  }
}

.p-application__head {
  color: #222;
  margin: 0 0 2rem
}

@media screen and (max-width: 480px) {
  .p-application__head {
      margin: 0 0 1.5rem
  }
}

.p-application__head__title {
  font-size: 1.5rem;
  font-weight: 700
}

.p-application__head__description {
  font-size: 14px;
  line-height: 1.5em;
  margin: .5rem 0 0
}

.p-application__body__pcBox {
  padding: 2.5rem 5rem;
  background-color: #fff
}

.p-application__body__h1 {
  color: #222;
  font-size: 18px;
  font-weight: 500
}

.p-application__body__h2 {
  color: #222;
  font-size: 14px;
  font-weight: 700
}

.p-application__login {
  width: 100%;
  border-top: 1px solid #b6b9c3;
  border-bottom: 1px solid #b6b9c3;
  margin-bottom: -1px;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-application__login {
      margin: 0 0 1rem
  }
}

.p-application__login__head {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem
}

.p-application__login__body {
  border-top: 1px solid #e5e9ee;
  padding: 1.5rem;
  background-color: #f2f4f6
}

.p-application__login__body__title {
  max-width: 400px;
  margin: 0 auto 1rem
}

.p-application__login__body .p-formList {
  max-width: 400px;
  margin: 0 auto
}

.p-application__box {
  display: flex;
  border-top: 1px solid #e5e9ee;
  padding: .5rem 0 0
}

@media screen and (max-width: 560px) {
  .p-application__box {
      flex-wrap: wrap;
      border-top: none;
      padding: 0
  }
}

.p-application__box+.p-application__box {
  margin: .5rem 0 0
}

.p-application__box__head {
  flex: 0 0 12rem;
  background-color: #f2f4f6;
  padding: 1rem;
  margin: 0 1.5rem 0 0
}

@media screen and (max-width: 768px) {
  .p-application__box__head {
      flex: 0 0 10rem
  }
}

@media screen and (max-width: 560px) {
  .p-application__box__head {
      flex: 0 0 100%;
      margin: 0;
      padding: .5rem 1rem
  }
}

.p-application__box__body {
  flex: auto;
  min-width: 0;
  padding: 1.5rem 0
}

.p-application__machineList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px
}

@media screen and (max-width: 560px) {
  .p-application__machineList {
      grid-template-columns: 1fr 1fr
  }
}

.p-application__machineList__item {
  display: flex
}

.p-application__machineList__item--rank {
  position: relative
}

.p-application__machineList__item--rank:before {
  content: "";
  width: 56px;
  height: 56px;
  background: #eee;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 2;
  pointer-events: none;
  display: none;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transform: rotate(0deg)
}

@media screen and (max-width: 560px) {
  .p-application__machineList__item--rank:before {
      width: 48px;
      height: 48px;
      right: 4px;
      top: 4px;
      transform: rotate(0deg)
  }
}

.p-application__machineList__item--rank--gold:before {
  display: block;
  background: url(../img/web/register/machineList--rank--gold.png)
}

.p-application__machineList__item--rank--silver:before {
  display: block;
  background: url(../img/web/register/machineList--rank--silver.png)
}

.p-application__machineList__item--rank--copper:before {
  display: block;
  background: url(../img/web/register/machineList--rank--copper.png)
}

.p-application__machineList__content {
  user-select: none;
  flex: auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  padding: 1rem .5rem .5rem;
  border-radius: .5rem;
  border: 1px solid #e5e9ee;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-application__machineList__content {
      padding: .5rem .5rem .5rem
  }
}

.p-application__machineList__content input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  position: absolute
}

.p-application__machineList__content label {
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.p-application__machineList__content .c-button,
.p-application__machineList__content .c-button--accent,
.p-application__machineList__content .c-button--action,
.p-application__machineList__content .c-button--form,
.p-application__machineList__content .c-button--inline,
.p-application__machineList__content .c-button--inlineArrow,
.p-application__machineList__content .c-button--weak,
.p-application__machineList__content .c-button--line,
.p-application__machineList__content .c-button--full,
.p-application__machineList__content .c-button--small,
.p-application__machineList__content .p-home__middleNav__button {
  font-weight: 600;
  max-width: 210px;
  padding: 0 8px;
  line-height: 1.2em
}

@media screen and (max-width: 480px) {

  .p-application__machineList__content .c-button,
  .p-application__machineList__content .c-button--accent,
  .p-application__machineList__content .c-button--action,
  .p-application__machineList__content .c-button--form,
  .p-application__machineList__content .c-button--inline,
  .p-application__machineList__content .c-button--inlineArrow,
  .p-application__machineList__content .c-button--weak,
  .p-application__machineList__content .c-button--line,
  .p-application__machineList__content .c-button--full,
  .p-application__machineList__content .c-button--small,
  .p-application__machineList__content .p-home__middleNav__button {
      padding: 0 8px;
      font-size: 13px;
      font-weight: 600
  }
}

.p-application__machineList__checked {
  opacity: 0;
  flex: auto;
  border: 4px solid #1a73e8;
  border-radius: .5rem;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-application__machineList__checked {
      border-width: 3px
  }
}

.p-application__machineList__checked::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/web/application/checked.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -0.75rem;
  left: -0.75rem;
  z-index: 1
}

input[type=radio]:checked+label .p-application__machineList__checked {
  opacity: 1
}

.p-application__machineList__head {
  width: 100%
}

.p-application__machineList__image {
  height: 8rem;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-application__machineList__image {
      height: 7rem
  }
}

.p-application__machineList__image img {
  display: block;
  width: 8rem;
  height: 8rem;
  vertical-align: bottom
}

@media screen and (max-width: 480px) {
  .p-application__machineList__image img {
      width: 7rem;
      height: 7rem
  }
}

.p-application__machineList__text {
  width: 100%;
  margin: .5rem 0 0;
  text-align: center;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-application__machineList__text {
      padding: 0 .5rem
  }
}

.p-application__machineList__title {
  color: #666;
  font-size: 15px;
  font-weight: 700
}

.p-application__machineList__copy {
  font-size: 12px;
  color: #222;
  line-height: 1.4em;
  font-weight: 300;
  margin: .5rem 0 0;
  min-height: 34px
}

@media screen and (max-width: 480px) {
  .p-application__machineList__copy {
      letter-spacing: 0
  }
}

.p-application__machineList__middle {
  margin: .5rem 0 0;
  width: 100%
}

.p-application__machineList__foot {
  margin: .5rem 0 0;
  padding: .5rem 0 .25rem;
  border-top: 1px solid #e5e9ee;
  width: 100%;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-application__machineList__foot {
      padding: .5rem 0rem .5rem
  }
}

@media screen and (max-width: 480px) {
  .p-application__machineList__foot--thin {
      padding: .5rem 0rem 0rem
  }
}

.p-application__machineList__plan {
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center
}

.p-application__machineList__plan__color {
  display: block;
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  margin: 0 .5rem 0 0
}

.p-application__machineList__shop {
  font-size: 12px;
  color: #444
}

.p-application__machineList__price {
  font-size: 32px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.3em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #222;
  letter-spacing: 0
}

@media screen and (max-width: 768px) {
  .p-application__machineList__price {
      letter-spacing: .04em;
      font-size: 28px;
      align-items: baseline
  }
}

.p-application__machineList__price__unit {
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.3em;
  margin: 0 .125rem;
  display: inline-flex;
  justify-content: flex-start;
  text-align: justify;
  letter-spacing: .08em;
  flex: 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-application__machineList__price__unit {
      flex: auto;
      min-width: 1px;
      width: 100%;
      font-weight: 500;
      color: #444;
      margin: 0 0 .05rem
  }
}

@media screen and (max-width: 768px) {
  .p-application__machineList__price__unit br {
      display: none
  }
}

.p-application__machineList__price__unit--yen {
  font-size: 32px;
  font-style: italic;
  margin: 0 .125rem 0 .2rem
}

@media screen and (max-width: 768px) {
  .p-application__machineList__price__unit--yen {
      width: auto;
      flex: 0 0 auto;
      font-size: 26px;
      font-weight: 600;
      color: #222;
      margin: 0 .2rem 0 -0.2rem
  }
}

@media screen and (max-width: 480px) {
  .p-application__machineList__price__unit--yen {
      font-size: 20px
  }
}

.p-application__machineList__taxin {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #222
}

.p-application__machineList__specialPrice {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice {
      margin: 0 -6px
  }
}

.p-application__machineList__specialPrice__sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.p-application__machineList__specialPrice__sub__unit {
  font-weight: 600;
  font-size: 10px;
  line-height: 1.2em;
  display: block;
  color: #f52c2c;
  text-align: justify;
  letter-spacing: .07em;
  margin: 0 6px 0 0;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__sub__unit {
      margin: 0 2px 0 0
  }
}

.p-application__machineList__specialPrice__sub__price {
  flex: 0 0 auto;
  min-width: 1px;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #f52c2c;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__sub__price {
      font-size: 12px
  }
}

.p-application__machineList__specialPrice__sub__price:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: #f52c2c
}

.p-application__machineList__specialPrice__title {
  font-size: 11px;
  font-weight: 600;
  background: #f52c2c;
  color: #fff;
  line-height: 1;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  padding: 1px 0 0;
  margin: 0 4px 0 0
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__title {
      font-size: 10px;
      width: 46px
  }
}

.p-application__machineList__specialPrice__main {
  display: flex;
  align-items: baseline;
  margin: 6px 0 0
}

@media screen and (max-width: 768px) {
  .p-application__machineList__specialPrice__main {
      flex-direction: column;
      align-items: flex-start;
      margin: 4px 0 0;
      position: relative
  }
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__main {
      align-items: flex-end;
      margin: 6px 0 0
  }
}

.p-application__machineList__specialPrice__main__unit {
  font-weight: 600;
  font-size: 11px;
  line-height: 1.2em;
  display: block;
  color: #f52c2c;
  text-align: justify;
  letter-spacing: .07em;
  margin: 0 8px 0 0;
  flex: 0 0 auto;
  padding: 1px 0 0
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__main__unit {
      font-size: 10px;
      margin: 0 0 2px auto;
      letter-spacing: .04em;
      margin: 0;
      width: 100%;
      font-weight: 500
  }
}

@media screen and (max-width: 768px) {
  .p-application__machineList__specialPrice__main__unit br {
      display: none
  }
}

.p-application__machineList__specialPrice__main__price {
  flex: 1;
  min-width: 1px;
  display: flex;
  align-items: center;
  font-size: 32px;
  font-style: italic;
  line-height: 1;
  font-weight: 600;
  color: #f52c2c;
  letter-spacing: .02em
}

@media screen and (max-width: 768px) {
  .p-application__machineList__specialPrice__main__price {
      font-size: 28px
  }
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__main__price {
      font-size: 32px;
      letter-spacing: 0
  }
}

.p-application__machineList__specialPrice__main__alert {
  color: #f52c2d;
  font-weight: 600;
  font-size: 12px;
  margin: 0 auto auto 5px
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__main__alert {
      margin: 0;
      position: absolute;
      right: 0;
      top: 6px;
      line-height: 0
  }
}

.p-application__machineList__specialPrice__announce {
  color: #f52c2d;
  text-align: center;
  font-weight: 600;
  margin: 24px 0 -8px
}

@media screen and (max-width: 480px) {
  .p-application__machineList__specialPrice__announce {
      margin: 16px 0 0;
      line-height: 1.5em;
      font-size: 13px;
      font-weight: 500
  }
}

.p-application__machineList__first {
  width: 100%;
  margin: 12px 0 0;
  padding: 6px 10px 4px;
  background: #f6f7f9;
  border: solid 1px #eaecef;
  flex: 1;
  min-height: 1px
}

.p-application__machineList__first__head {
  margin: 0 0 8px
}

.p-application__machineList__first__head .title {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center
}

.p-application__machineList__first__head .title:before,
.p-application__machineList__first__head .title:after {
  content: "";
  flex: 1;
  margin: 0 8px 0 0;
  height: 1px;
  background: #ddd;
  display: none
}

.p-application__machineList__first__head .title:after {
  margin: 0 0 0 8px
}

.p-application__machineList__first__item+.p-application__machineList__first__item {
  margin: 8px 0 0
}

.p-application__machineList__first__item .p-user__image {
  border: solid 1px #eee
}

.p-application__machineList--full {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
  grid-gap: 0
}

@media screen and (max-width: 480px) {
  .p-application__machineList--full {
      margin: -2px
  }
}

.p-application__machineList--full .p-application__machineList__item {
  order: 99;
  flex: 0 0 auto;
  width: 50%;
  padding: 4px
}

@media screen and (max-width: 480px) {
  .p-application__machineList--full .p-application__machineList__item {
      padding: 2px
  }
}

.p-application__machineList--full .p-application__machineList__item[data-label=common_0] {
  order: 1
}

.p-application__machineList--full .p-application__machineList__item[data-label=common_1] {
  order: 3
}

.p-application__machineList--full .p-application__machineList__item[data-label=common_2] {
  order: 5
}

.p-application__machineList--full .p-application__machineList__item[data-label=common_3] {
  order: 7
}

.p-application__machineList--full .p-application__machineList__item[data-label=common_5] {
  order: 9
}

.p-application__machineList--full .p-application__machineList__item[data-label=toku_0] {
  order: 2
}

.p-application__machineList--full .p-application__machineList__item[data-label=toku_1] {
  order: 4
}

.p-application__machineList--full .p-application__machineList__item[data-label=toku_2] {
  order: 6
}

.p-application__machineList--full .p-application__machineList__item[data-label=toku_3] {
  order: 8
}

.p-application__machineList--full .p-application__machineList__item[data-label=toku_4] {
  order: 10
}

.p-application__machineList--full .p-application__machineList__item[data-label=toku_5] {
  order: 12
}

.p-application__machineList__tokuPrice__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__head {
      flex-direction: column;
      align-items: flex-start
  }
}

.p-application__machineList__tokuPrice__head span {
  font-size: 11px;
  padding: 4px 4px 2px;
  line-height: 1;
  background: #dfe9f5;
  font-weight: 600;
  color: #222;
  margin: 0 4px 0 0
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__head span {
      margin: 0 0 4px
  }
}

.p-application__machineList__tokuPrice__head p {
  font-size: 11px;
  font-weight: 600;
  color: #222;
  line-height: 1.2em
}

.p-application__machineList__tokuPrice__head p strong {
  font-weight: 600;
  color: #f52c2d
}

.p-application__machineList__tokuPrice__body {
  display: table;
  margin: 8px auto 0
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body {
      margin: 2px auto 0
  }
}

.p-application__machineList__tokuPrice__body .off {
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body .off {
      flex-wrap: wrap
  }
}

.p-application__machineList__tokuPrice__body .off .price {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  display: flex
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body .off .price {
      font-size: 11px;
      margin: 0 2px 0 0
  }
}

.p-application__machineList__tokuPrice__body .off .price:after {
  content: "→";
  display: block;
  margin: 0 4px
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body .off .price:after {
      display: none
  }
}

.p-application__machineList__tokuPrice__body .off .price span {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  color: #222
}

.p-application__machineList__tokuPrice__body .off .price span:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #f52c2d;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%)
}

.p-application__machineList__tokuPrice__body .off .percent {
  padding: 4px 6px 3px;
  background: #f52c2d;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  font-size: 12px
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body .off .percent {
      padding: 3px 2px 2px;
      font-size: 11px
  }
}

.p-application__machineList__tokuPrice__body>.price {
  font-size: 36px;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center;
  line-height: 1;
  letter-spacing: 0
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body>.price {
      font-size: 26px;
      margin: 4px 0 0
  }
}

.p-application__machineList__tokuPrice__body>.price span {
  font-size: 13px;
  line-height: 1;
  width: 13px;
  display: block;
  margin: 0 3px 0 0;
  color: #222
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body>.price span {
      font-size: 10px;
      width: 10px;
      line-height: 1
  }
}

.p-application__machineList__tokuPrice__body .tax {
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  color: #222
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice__body .tax {
      font-size: 11px;
      color: #444
  }
}

.p-application__machineList__tokuPrice--toku .p-application__machineList__tokuPrice__head span {
  background: #f8eae9
}

.p-application__machineList__tokuPrice--toku .p-application__machineList__tokuPrice__body>.price {
  color: #f52c2d;
  font-size: 44px
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice--toku .p-application__machineList__tokuPrice__body>.price {
      font-size: 30px
  }
}

.p-application__machineList__tokuPrice--toku .p-application__machineList__tokuPrice__body>.price span {
  color: #222;
  font-size: 15px;
  width: 15px
}

@media screen and (max-width: 480px) {
  .p-application__machineList__tokuPrice--toku .p-application__machineList__tokuPrice__body>.price span {
      font-size: 11px;
      width: 11px;
      line-height: 1.2em
  }
}

.p-application__foot {
  margin: 2.5rem 0 0;
  padding: .5rem 0 0;
  border-top: 1px solid #e5e9ee;
  display: flex;
  justify-content: center;
  background-color: #fff
}

@media screen and (max-width: 480px) {
  .p-application__foot {
      position: sticky;
      z-index: 2;
      bottom: 0;
      padding-bottom: 1.5rem;
      margin: 1.5rem -1rem 0
  }
}

.p-application__foot .c-button,
.p-application__foot .c-button--accent,
.p-application__foot .c-button--action,
.p-application__foot .c-button--form,
.p-application__foot .c-button--inline,
.p-application__foot .c-button--inlineArrow,
.p-application__foot .c-button--weak,
.p-application__foot .c-button--line,
.p-application__foot .c-button--full,
.p-application__foot .c-button--small,
.p-application__foot .p-home__middleNav__button {
  margin: .25rem
}

.p-application__url {
  padding: 64px 0 0
}

.p-application__url__head {
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: flex-end
}

@media screen and (max-width: 560px) {
  .p-application__url__head {
      flex-direction: column;
      align-items: flex-start
  }
}

.p-application__url__head .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3em;
  color: #222
}

@media screen and (max-width: 560px) {
  .p-application__url__head .title {
      font-size: 18px
  }
}

.p-application__url__head .p-buttonWrap {
  margin-left: auto
}

.p-application__url__head .p-buttonWrap .count {
  margin: auto auto 0;
  margin-right: 12px
}

@media screen and (max-width: 560px) {
  .p-application__url__head .p-buttonWrap .count {
      margin: auto;
      margin-right: 8px
  }
}

.p-application__url__body {
  min-height: 320px
}

.p-application__url__box__head .title {
  font-size: 14px;
  font-weight: 500
}

@media screen and (max-width: 560px) {
  .p-application__url__box__head .title {
      font-size: 13px
  }
}

.p-application__url__box__body .p-table--paymentHistory {
  min-width: auto
}

.p-application__url__box__body .p-table--paymentHistory .p-table__tableItem {
  padding: 6px 6px 8px
}

.p-application__url__box__body .p-table--paymentHistory .p-table__tableItem p {
  line-height: 1.2em
}

.p-application__url__box__body .p-table--paymentHistory .p-table__tableItem a {
  color: #3577c5;
  text-decoration: underline;
  line-height: 1.3em;
  font-size: 13px
}

.p-application__url__foot {
  padding: 32px 0 0;
  margin: 40px 0 0;
  border-top: solid 1px #eee
}

.p-application__plan {
  padding: 16px;
  background: #f0f4f9;
  height: 100%
}

@media screen and (max-width: 480px) {
  .p-application__plan {
      padding: 10px
  }
}

.p-application__plan .title {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center;
  line-height: 1.2em
}

@media screen and (max-width: 480px) {
  .p-application__plan .title {
      flex-direction: column;
      align-items: flex-start;
      font-size: 18px;
      margin: 2px 0 0 0
  }
}

.p-application__plan .title strong {
  font-size: 12px;
  padding: 3px 5px 2px;
  background: #f52c2c;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  margin: 0 0 0 4px
}

@media screen and (max-width: 480px) {
  .p-application__plan .title strong {
      margin: 2px 0 0
  }
}

.p-application__plan .point {
  margin: 12px auto 0
}

.p-application__plan .point>p {
  color: #222;
  display: flex;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.4em;
  padding-left: 10px;
  position: relative
}

.p-application__plan .point>p:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0
}

.p-application__plan .point>p .line {
  position: relative;
  z-index: 0
}

.p-application__plan .point>p .line:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 1px;
  background: #f52c2d;
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.p-application__plan .point>p strong {
  display: flex;
  font-weight: 600;
  color: #f52c2d;
  font-size: 16px
}

@media screen and (max-width: 480px) {
  .p-application__plan .point>p strong {
      font-size: 14px
  }
}

.p-application__plan .point>p strong:before {
  content: "→";
  color: #222;
  margin: 0 4px;
  font-size: 14px;
  font-weight: 400
}

.p-application__plan .point>p+p {
  margin: 2px 0 0
}

.p-application__plan .description {
  color: #222;
  font-size: 12px;
  margin: 10px 0 0
}

@media screen and (max-width: 480px) {
  .p-application__plan .description {
      line-height: 1.5em;
      font-size: 11px;
      color: #444;
      margin: 6px 0 0
  }
}

.p-application__plan--toku {
  background: #f9f1f0
}

.p-optionPlan .p-formList__content__head--wide {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  margin: 0 0 16px
}

.p-optionPlan__head {
  padding: 0;
  margin: 0 0 40px;
  background: #f5f0ea
}

.p-optionPlan__head__image {
  max-width: 480px;
  margin: auto
}

.p-optionPlan__head__image img {
  border-radius: 4px
}

.p-optionPlan__body {
  max-width: 480px;
  margin: auto;
  padding: 0 16px
}

.p-optionPlan__list {
  margin: 0 0 12px
}

.p-optionPlan__list>li {
  position: relative
}

.p-optionPlan__list>li+li {
  margin: 6px 0 0
}

.p-optionPlan__list>li>input {
  opacity: 0;
  position: absolute
}

.p-optionPlan__list>li>label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  border: solid 4px rgba(0, 0, 0, 0);
  border-radius: 8px
}

.p-optionPlan__list__item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: solid 2px #e8ecef;
  height: auto;
  padding: 20px 24px 20px 36px;
  display: block;
  background: #fff;
  position: relative
}

.p-optionPlan__list__item__bar {
  width: 8px;
  height: calc(100% - 10px);
  top: 50%;
  left: 6px;
  transform: translate(0, -50%);
  border-radius: 5px 0 0 5px;
  background: #eee;
  position: absolute
}

.p-optionPlan__list__item__head {
  display: flex;
  align-items: center;
  margin: 0 0 12px;
  position: relative
}

.p-optionPlan__list__item__head__title {
  color: #222;
  font-size: 22px;
  font-weight: 600
}

.p-optionPlan__list__item__price {
  padding: .5rem 0 .2rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end
}

.p-optionPlan__list__item__price__after .price {
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: baseline;
  line-height: 1;
  color: #d6516d
}

.p-optionPlan__list__item__price__after .price .taxin {
  font-size: 12px;
  font-weight: 600;
  flex: 0 0 auto;
  display: inline-block;
  color: #d6516d;
  margin: 0 8px 0 0
}

.p-optionPlan__list__item__price__after .price .unit {
  font-size: 12px;
  font-weight: 600;
  flex: 0 0 auto;
  letter-spacing: -0.08rem;
  margin: 0 0 0 8px;
  color: #d6516d
}

.p-optionPlan__list__item--lightGreen:before {
  background: #7dbf77
}

.p-optionPlan__list__item--lightSapphire:before {
  background: #5876c6
}

.p-optionPlan__list__item--lightPink:before {
  background: #f289c9
}

.p-optionPlan__list__item--lightRuby:before {
  background: #c25175
}

.p-optionPlan__list>li>input+label+.p-optionPlan__list__item:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url(../img/web/register/check--round.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.p-optionPlan__list>li>input:checked+label {
  border-color: #1c73e6
}

.p-optionPlan__list>li>input:checked+label+.p-optionPlan__list__item {
  background: rgba(28, 116, 230, .04)
}

.p-optionPlan__list>li>input:checked+label+.p-optionPlan__list__item:after {
  background-image: url(../img/web/register/check--round--current.svg)
}

.p-optionPlan__info__list>li {
  display: flex;
  align-items: baseline
}

.p-optionPlan__info__list>li+li {
  margin: 6px 0 0
}

.p-optionPlan__info__list__label {
  font-size: 12px;
  font-weight: 500;
  color: #777;
  flex: 0 0 auto;
  width: 60px
}

.p-optionPlan__info__list__data {
  flex: auto;
  min-width: 1px;
  display: flex
}

.p-optionPlan__info__list__data__text {
  display: flex;
  align-items: baseline;
  flex: 0 0 auto
}

.p-optionPlan__info__list__data__text p+p {
  margin: 0 0 0 8px
}

.p-optionPlan__info__list__data__text .c-text__lv6,
.p-optionPlan__info__list__data__text .p-notification__link,
.p-optionPlan__info__list__data__text .p-notification__description,
.p-optionPlan__info__list__data__text .p-warrantyMypage__head__name,
.p-optionPlan__info__list__data__text .p-warrantyId__head__description,
.p-optionPlan__info__list__data__text .p-price__benefit__sub__foot__title {
  font-size: 16px;
  font-weight: 700;
  color: #222
}

.p-optionPlan__info__list__data__text .c-text__lv7,
.p-optionPlan__info__list__data__text .p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__content,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-optionPlan__info__list__data__text .label__body__content {
  font-size: 14px;
  font-weight: 500;
  color: #222
}

.p-optionPlan__info__list__data__text .c-text__note,
.p-optionPlan__info__list__data__text .p-warranty__notice__item__body__description,
.p-optionPlan__info__list__data__text .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-optionPlan__info__list__data__text li:before,
.p-optionPlan__info__list__data__text .p-agreeCheck__body p,
.p-agreeCheck__body .p-optionPlan__info__list__data__text p,
.p-optionPlan__info__list__data__text .p-onlineShopSidebar__main__head__kana,
.p-optionPlan__info__list__data__text .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-optionPlan__info__list__data__text span,
.p-optionPlan__info__list__data__text .p-ecHome__card .price span,
.p-ecHome__card .price .p-optionPlan__info__list__data__text span,
.p-optionPlan__info__list__data__text .p-onlineShop__recommend__head__kana,
.p-optionPlan__info__list__data__text .p-onlineShop__ranking__head__kana,
.p-optionPlan__info__list__data__text .p-columnDetail__navigation__prev:before,
.p-optionPlan__info__list__data__text .p-columnDetail__navigation__next:before {
  font-size: 12px;
  font-weight: 500;
  color: #333
}

.p-optionPlan__info__list__data__text--beforePrice .c-text__lv7,
.p-optionPlan__info__list__data__text--beforePrice .p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__content,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-optionPlan__info__list__data__text--beforePrice .label__body__content {
  position: relative
}

.p-optionPlan__info__list__data__text--beforePrice .c-text__lv7:before,
.p-optionPlan__info__list__data__text--beforePrice .p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__content:before,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-optionPlan__info__list__data__text--beforePrice .label__body__content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #222;
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.p-optionPlan__info__list__data__image {
  margin: 0 0 0 10px
}

.p-optionPlan__info__list__data__image img {
  height: 16px;
  width: auto
}

.p-optionPlan .c-input--radio--label {
  justify-content: flex-end;
  margin: 0 0 32px
}

.p-optionPlan .c-input--radio--label label {
  margin: 0;
  height: auto;
  padding: 0;
  border-radius: 4px
}

.p-optionPlan .c-input--radio--label label:before {
  display: none !important
}

.p-optionPlan .c-input--radio--label label:nth-of-type(n + 2) {
  margin-top: 8px
}

.p-optionPlan .c-input--radio--label label a {
  color: #808592;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 0 0 16px;
  width: 100%
}

.p-optionPlan .c-input--radio--label input:checked+label {
  border-color: #1c73e6
}

.p-optionPlan .c-input--radio--label input:checked+label.p-optionPlan__list__item {
  background: rgba(28, 116, 230, .04)
}

.p-optionPlan .c-input--radio--label input:checked+label.p-optionPlan__list__item:after {
  background-image: url(../img/web/register/check--round--current.svg)
}

.p-optionPlan .c-input--radio--label input:checked+label a {
  color: #1c73e5
}

.p-subscription>form {
  height: 100%;
  display: flex;
  flex-direction: column
}

.p-subscription__head {
  margin: 0 0 24px
}

.p-subscription__head--beyond {
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 560px) {
  .p-subscription__head {
      margin: 0 0 16px
  }
}

.p-subscription__head .title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #222
}

.p-subscription__head .logo {
  display: block;
  width: auto;
  height: 40px;
  background-size: auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

@media screen and (max-width: 560px) {
  .p-subscription__head .logo {
      height: 30px
  }
}

.p-subscription__head .image {
  max-width: 100%;
  height: auto;
  margin: 24px auto
}

.p-subscription__body {
  border-radius: 8px 8px 0 0;
  padding: 8px 16px 14px;
  background: #eaecf2;
  margin: 0 0 10px;
  flex: auto;
  min-height: 1px;
  overflow: scroll
}

.p-subscription__body::-webkit-scrollbar {
  width: 6px;
  height: 0px
}

.p-subscription__body::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #f2f4f7;
  height: 0
}

.p-subscription__body::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #0a2372
}

.p-subscription__body__product {
  margin: 0 0 16px;
  padding: 0 6px
}

.p-subscription__body__price {
  display: flex;
  align-items: flex-start
}

.p-subscription__body__price__point {
  flex: 0 0 auto;
  margin: 0 8px 0 0;
  min-height: 64px;
  padding: 8px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #f46180;
  border-radius: 4px;
  text-align: center;
  line-height: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.p-subscription__body__price__point strong {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 4px
}

.p-subscription__body__price__point strong small {
  font-size: 12px;
  font-weight: 800;
  margin: 0 0 0 2px;
  display: inline-block
}

.p-subscription__body__price__number {
  flex: 0 0 auto;
  margin-left: auto
}

.p-subscription__body__price__before {
  font-size: 12px;
  color: #888;
  display: flex
}

.p-subscription__body__price__before strong {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  position: relative;
  color: #222;
  margin: 0 0 0 6px
}

.p-subscription__body__price__before strong:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #222;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%)
}

.p-subscription__body__price__before strong small {
  font-size: 12px;
  display: inline-block;
  margin: 0 0 0 2px
}

.p-subscription__body__price__after {
  font-size: 44px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #f46180;
  line-height: 1em;
  letter-spacing: 0
}

.p-subscription__body__price__after .unit {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin: 0 0 0 4px;
  transform: translate(0, 1px);
  letter-spacing: .08rem
}

.p-subscription__body__price__after .unit:before {
  content: "(税込)";
  font-size: 11px;
  line-height: 1;
  margin: 0 0 5px
}

.p-subscription__body__info {
  padding: 14px 0 0;
  margin: 14px 0 0;
  border-top: solid 1px #d8dbe5;
  display: flex;
  align-items: flex-start
}

.p-subscription__body__info__product {
  flex: auto;
  min-width: 1px
}

.p-subscription__body__info__product .title {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  line-height: 1.2rem
}

.p-subscription__body__info__product .package {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  color: #222;
  margin: 2px 0 0
}

.p-subscription__body__info__product .package strong {
  font-size: 16px;
  font-weight: 600
}

.p-subscription__body__info__product .package strong small {
  font-size: 12px;
  margin: 0 0 0 2px;
  display: inline-block
}

.p-subscription__body__info__product .package strong+strong {
  margin: 0 0 0 2px
}

.p-subscription__body__info__product .package .taste {
  font-size: 12px;
  font-weight: 600;
  padding: 0 0 0 4px;
  margin: 0 0 0 4px;
  border-left: solid 1px #989ba3;
  line-height: 1
}

.p-subscription__body__info__send {
  flex: 0 0 auto;
  margin: 0 4px
}

.p-subscription__body__info__send p {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  width: 46px;
  height: 45px;
  background: #222;
  border-radius: 4px;
  line-height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-subscription__body>small {
  font-size: 12px;
  line-height: 1.1rem;
  color: #888;
  margin: 8px 0 0;
  display: inline-block
}

.p-subscription__list {
  padding: 24px 24px 32px;
  background: #fff;
  border: solid 1px #dee1ea
}

@media screen and (max-width: 560px) {
  .p-subscription__list {
      padding-top: 8px
  }
}

.p-subscription__list__item {
  display: flex;
  align-items: center;
  position: relative;
  align-items: flex-start
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item {
      flex-wrap: wrap
  }
}

.p-subscription__list__item+.p-subscription__list__item {
  padding: 24px 0 0;
  margin: 24px 0 0;
  border-top: solid 1px #e7e9f1
}

.p-subscription__list__item>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.p-subscription__list__item__image {
  flex: 0 0 auto;
  width: 200px;
  margin: 0 40px 0 0
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item__image {
      width: 100%;
      margin: 0 auto 16px;
      max-width: 200px
  }
}

@media screen and (max-width: 480px) {
  .p-subscription__list__item__image {
      max-width: 180px
  }
}

.p-subscription__list__item__text {
  flex: auto;
  min-width: 1px
}

.p-subscription__list__item__text--beyond .p-buttonWrap {
  margin-top: 16px
}

@media screen and (max-width: 768px) {
  .p-subscription__list__item__text--beyond .p-buttonWrap {
      display: flex;
      flex-direction: column
  }
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item__text--beyond .p-buttonWrap {
      flex-direction: row;
      justify-content: center;
      order: 3;
      margin-top: 16px
  }
}

.p-subscription__list__item__text--beyond .p-buttonWrap .c-button,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--accent,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--action,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--form,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--inline,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--inlineArrow,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--weak,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--line,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--full,
.p-subscription__list__item__text--beyond .p-buttonWrap .c-button--small,
.p-subscription__list__item__text--beyond .p-buttonWrap .p-home__middleNav__button {
  font-weight: 500;
  white-space: nowrap;
  min-width: 130px;
  justify-content: center
}

@media screen and (max-width: 768px) {

  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--accent,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--action,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--form,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--inline,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--inlineArrow,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--weak,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--line,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--full,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--small,
  .p-subscription__list__item__text--beyond .p-buttonWrap .p-home__middleNav__button {
      white-space: wrap;
      justify-content: center;
      max-width: 150px
  }
}

@media screen and (max-width: 560px) {

  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--accent,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--action,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--form,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--inline,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--inlineArrow,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--weak,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--line,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--full,
  .p-subscription__list__item__text--beyond .p-buttonWrap .c-button--small,
  .p-subscription__list__item__text--beyond .p-buttonWrap .p-home__middleNav__button {
      width: 100%;
      max-width: 100%;
      justify-content: center;
      height: 56px;
      font-size: 16px;
      white-space: nowrap
  }
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item__text {
      flex-direction: column;
      display: flex
  }
}

.p-subscription__list__item__text .info {
  margin: 16px 0 0
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item__text .info {
      order: 2;
      margin: 16px 0 0
  }
}

.p-subscription__list__item__text .info img {
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  max-width: 370px;
  border: solid 1px #e70013;
  box-shadow: 0 4px 6px rgba(225, 187, 190, .4)
}

.p-subscription__list__item__text .name {
  margin: 0 0 8px
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item__text .name {
      text-align: center
  }
}

.p-subscription__list__item__text [data-title] {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  color: #222;
  line-height: 1.4em;
  margin: 0 0 2px
}

.p-subscription__list__item__text [data-title]:before {
  content: attr(data-title);
  flex: 0 0 auto;
  width: 72px;
  color: #666;
  font-size: 12px;
  text-align: right;
  margin: 0 12px 0 0
}

.p-subscription__list__item__text .description {
  font-size: 12px;
  margin: 12px 0 0;
  line-height: 1.8em;
  color: #888
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item__text .description {
      line-height: 1.4em;
      height: 84px;
      overflow: hidden;
      margin: 6px 0 0
  }

  .p-subscription__list__item__text .description--low {
      height: 44px;
      text-align: center
  }
}

.p-subscription__list__item__text .p-buttonWrap {
  margin-top: 16px
}

@media screen and (max-width: 560px) {
  .p-subscription__list__item__text .p-buttonWrap {
      justify-content: center;
      order: 3;
      margin-top: 16px
  }
}

.p-subscription__list__item__text .p-buttonWrap .c-button,
.p-subscription__list__item__text .p-buttonWrap .c-button--accent,
.p-subscription__list__item__text .p-buttonWrap .c-button--action,
.p-subscription__list__item__text .p-buttonWrap .c-button--form,
.p-subscription__list__item__text .p-buttonWrap .c-button--inline,
.p-subscription__list__item__text .p-buttonWrap .c-button--inlineArrow,
.p-subscription__list__item__text .p-buttonWrap .c-button--weak,
.p-subscription__list__item__text .p-buttonWrap .c-button--line,
.p-subscription__list__item__text .p-buttonWrap .c-button--full,
.p-subscription__list__item__text .p-buttonWrap .c-button--small,
.p-subscription__list__item__text .p-buttonWrap .p-home__middleNav__button {
  font-weight: 500
}

@media screen and (max-width: 560px) {

  .p-subscription__list__item__text .p-buttonWrap .c-button,
  .p-subscription__list__item__text .p-buttonWrap .c-button--accent,
  .p-subscription__list__item__text .p-buttonWrap .c-button--action,
  .p-subscription__list__item__text .p-buttonWrap .c-button--form,
  .p-subscription__list__item__text .p-buttonWrap .c-button--inline,
  .p-subscription__list__item__text .p-buttonWrap .c-button--inlineArrow,
  .p-subscription__list__item__text .p-buttonWrap .c-button--weak,
  .p-subscription__list__item__text .p-buttonWrap .c-button--line,
  .p-subscription__list__item__text .p-buttonWrap .c-button--full,
  .p-subscription__list__item__text .p-buttonWrap .c-button--small,
  .p-subscription__list__item__text .p-buttonWrap .p-home__middleNav__button {
      width: 100%;
      justify-content: center;
      height: 56px;
      font-size: 16px
  }
}

.p-subscription__foot {
  flex: 0 0 auto
}

.p-subscription__foot .c-button,
.p-subscription__foot .c-button--accent,
.p-subscription__foot .c-button--action,
.p-subscription__foot .c-button--form,
.p-subscription__foot .c-button--inline,
.p-subscription__foot .c-button--inlineArrow,
.p-subscription__foot .c-button--weak,
.p-subscription__foot .c-button--line,
.p-subscription__foot .c-button--full,
.p-subscription__foot .c-button--small,
.p-subscription__foot .p-home__middleNav__button {
  font-weight: 600;
  font-size: 18px;
  height: 56px;
  line-height: 1;
  background: #4bf106;
  border-color: #4bf106;
  color: #fc1915
}

.p-subscription__foot .c-button:hover,
.p-subscription__foot .c-button--accent:hover,
.p-subscription__foot .c-button--action:hover,
.p-subscription__foot .c-button--form:hover,
.p-subscription__foot .c-button--inline:hover,
.p-subscription__foot .c-button--inlineArrow:hover,
.p-subscription__foot .c-button--weak:hover,
.p-subscription__foot .c-button--line:hover,
.p-subscription__foot .c-button--full:hover,
.p-subscription__foot .c-button--small:hover,
.p-subscription__foot .p-home__middleNav__button:hover {
  background: #5edb2a
}

.p-subscription--lp {
  max-width: 560px;
  margin: 48px auto 0;
  box-shadow: 0 2px 22px rgba(65, 100, 148, .12)
}

@media screen and (max-width: 620px) {
  .p-subscription--lp {
      margin: 0 auto;
      max-width: none
  }
}

.p-subscription--lp img {
  max-width: 100%
}

.p-subscription--lp .p-subscription__lpitem--scrollButton {
  position: relative
}

.p-subscription--lp .p-subscription__lpitem--scrollButton>a {
  position: absolute;
  bottom: 2.4%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 96%;
  animation: buttonMove 1.5s linear 0s forwards;
  animation-iteration-count: infinite
}

.p-subscription--lp .p-subscription__lpitem--scrollButton>a img {
  box-shadow: 0 4px 10px rgba(9, 125, 56, .4);
  border-radius: 200px
}

.p-subscription--lp .p-subscription__lpitem--scrollButton>a:hover img {
  opacity: .8
}

.p-subscription--lp .p-subscription__lpitem--products {
  padding: 16px;
  background: #38a84b;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.p-subscription--lp .p-subscription__lpitem--products .productItem {
  position: relative;
  width: 100%
}

.p-subscription--lp .p-subscription__lpitem--products .productItem .c-product-img {
  border-radius: 8px
}

.p-subscription--lp .p-subscription__lpitem--products .productItem .c-tag {
  position: absolute;
  width: 26%;
  top: -6px;
  left: -2px
}

.p-subscription--lp .p-subscription__lpitem--products .productItem .p-buttonWrap {
  position: absolute;
  width: 80%;
  bottom: 3.7%;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
  flex-direction: column;
  gap: 8px
}

.p-subscription--lp .p-subscription__lpitem--products .productItem .p-buttonWrap>a {
  display: block
}

.p-subscription--lp .p-subscription__lpitem--products .productItem .p-buttonWrap>a:hover img {
  opacity: .8
}

@keyframes buttonMove {
  0% {
      transform: translate(-50%, 0)
  }

  25% {
      transform: translate(-50%, 4%)
  }

  50% {
      transform: translate(-50%, 0)
  }

  75% {
      transform: translate(-50%, -4%)
  }

  100% {
      transform: translate(-50%, 0)
  }
}

.p-subscriptionForm {
  display: flex;
  flex-direction: column
}

.p-subscriptionForm__head {
  flex: 0 0 auto;
  margin: 0 0 1.5rem;
  padding: 0 1rem
}

.p-subscriptionForm__head__title {
  font-size: 1.375rem;
  font-weight: 600;
  color: #222;
  margin: 0 0 .75rem
}

.p-subscriptionForm__head__description {
  font-size: 13px;
  color: #222
}

.p-subscriptionForm__head__description b {
  font-weight: 600
}

.p-subscriptionForm__body {
  flex: auto;
  min-height: 1px
}

.p-subscriptionForm__body .p-returnMachine__machine {
  padding: 0 1rem
}

.p-subscriptionForm__machine__title {
  font-size: 11px;
  color: #666;
  margin: 0 0 .25rem
}

.p-subscriptionForm__machine__body {
  display: flex;
  align-items: center
}

.p-subscriptionForm__machine__body__image {
  flex: 0 0 auto;
  width: 4rem;
  margin: 0 1rem 0 0
}

.p-subscriptionForm__machine__body__text {
  flex: auto;
  min-width: 1px
}

.p-subscriptionForm__machine__body__text .name {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin: 0 0 8px;
  line-height: 1.3em
}

.p-subscriptionForm__machine__body__text [data-title] {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  color: #222;
  line-height: 1.4em
}

.p-subscriptionForm__machine__body__text [data-title]:before {
  content: attr(data-title);
  flex: 0 0 auto;
  width: 40px;
  color: #666
}

.p-subscriptionForm__machine__body__text [data-title] b {
  color: #d6516d;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 12px;
  font-weight: 600
}

.p-subscriptionForm__machine__body__text [data-title] b strong {
  font-size: 24px;
  font-weight: 600;
  margin: 0 6px
}

.p-subscriptionForm__machine--wide .p-subscriptionForm__machine__body {
  align-items: flex-start
}

.p-subscriptionForm__machine--wide .p-subscriptionForm__machine__body__image {
  width: 5rem
}

.p-subscriptionForm__machine--wide .p-subscriptionForm__machine__body__text [data-title]:before {
  width: 56px;
  margin: 0 12px 0 0
}

.p-subscriptionForm__machine--wide .p-subscriptionForm__machine__body__text [data-title]+[data-title] {
  margin: 3px 0 0
}

.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--accent,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--action,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--form,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--inline,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--inlineArrow,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--weak,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--line,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--full,
.p-subscriptionForm__machine--wide>.p-buttonWrap .c-button--small,
.p-subscriptionForm__machine--wide>.p-buttonWrap .p-home__middleNav__button {
  border: solid 1px #e5e9ed;
  color: #91a6be;
  height: 24px;
  font-size: 13px
}

.p-subscriptionForm__announce {
  margin: .5rem 0 0
}

.p-subscriptionForm__announce__list {
  padding: 0 1rem;
  background: #f7f2f2;
  border-radius: 4px
}

.p-subscriptionForm__announce__list__item {
  padding: 1rem 0
}

.p-subscriptionForm__announce__list__item__title {
  font-size: .875rem;
  font-weight: 600;
  margin: 0 0 .5rem;
  color: #222
}

.p-subscriptionForm__announce__list__item__description {
  font-size: .75rem;
  color: #222
}

.p-subscriptionForm__announce__list__item__description a {
  font-weight: 600;
  text-decoration: underline;
  color: #176e39
}

.p-subscriptionForm__announce__list__item__tel a {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Montserrat", "Roboto", sans-serif;
  display: flex;
  align-items: center;
  color: #222;
  word-break: keep-all
}

.p-subscriptionForm__announce__list__item__tel a:before {
  content: "";
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 .5rem 0 0;
  background: url(../img/common/icon/tel.svg) no-repeat center;
  background-size: contain
}

.p-subscriptionForm__announce__list__item__tel span {
  font-size: 11px;
  display: block
}

.p-subscriptionForm__announce__list__item+.p-subscriptionForm__announce__list__item {
  border-top: solid 1px #ccc
}

.p-subscriptionForm__foot {
  flex: 0 0 auto;
  margin: .5rem 0 0
}

.p-subscriptionForm__foot .p-buttonWrap .c-button,
.p-subscriptionForm__foot .p-buttonWrap .c-button--accent,
.p-subscriptionForm__foot .p-buttonWrap .c-button--action,
.p-subscriptionForm__foot .p-buttonWrap .c-button--form,
.p-subscriptionForm__foot .p-buttonWrap .c-button--inline,
.p-subscriptionForm__foot .p-buttonWrap .c-button--inlineArrow,
.p-subscriptionForm__foot .p-buttonWrap .c-button--weak,
.p-subscriptionForm__foot .p-buttonWrap .c-button--line,
.p-subscriptionForm__foot .p-buttonWrap .c-button--full,
.p-subscriptionForm__foot .p-buttonWrap .c-button--small,
.p-subscriptionForm__foot .p-buttonWrap .p-home__middleNav__button {
  font-size: 1rem;
  font-weight: 600
}

.p-subscriptionForm__formList {
  margin: 1.5rem 0 0
}

.p-subscriptionForm__formList__item {
  padding: 1.5rem 0;
  border-top: solid 1px #e5e9ee
}

.p-subscriptionForm__formList__item__title {
  font-size: 1.125rem;
  font-weight: 500;
  color: #222;
  display: flex;
  align-items: center;
  margin: 0 0 .5rem
}

.p-subscriptionForm__formList__item__title .c-mark--required {
  font-size: 13px;
  width: 40px;
  height: 20px
}

.p-subscriptionForm__formList__item__description {
  font-size: 13px;
  color: #666;
  margin: 0 0 1rem
}

.p-subscriptionForm__formList__item__alert {
  font-size: 13px;
  padding: 8px;
  background: rgba(255, 71, 71, .05);
  color: #f73333;
  border: solid 1px #f73333;
  line-height: 1.2rem;
  margin: 0
}

.p-subscriptionForm__formList__item .p-optionPlan__list {
  margin: 0
}

.p-subscriptionForm__formList__item .c-input--radio--label label {
  flex: auto;
  min-width: 1px
}

.p-subscriptionForm__formList__item .p-list__item {
  border: none
}

.p-subscriptionForm__formList__item .p-list__item .data {
  color: #222
}

.p-subscriptionForm__formList--confirm .p-list__item {
  flex-wrap: nowrap
}

.p-subscriptionForm__formList--confirm .p-list__item+.p-list__item {
  margin: 2px 0 0
}

@media screen and (max-width: 480px) {
  .p-subscriptionForm__formList--confirm .p-list__item+.p-list__item {
      margin: 2px 0 0
  }
}

.p-subscriptionForm__formList--confirm .p-list__item .title {
  font-size: 13px
}

@media screen and (max-width: 480px) {
  .p-subscriptionForm__formList--confirm .p-list__item .title {
      flex: 0 0 auto;
      margin: 0 8px 0 0;
      width: 92px
  }
}

.p-subscriptionForm__formList--confirm .p-list__item .data {
  font-size: 13px;
  font-weight: 500
}

.p-subscriptionForm__imageAdd__list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem
}

.p-subscriptionForm__imageAdd__list__item {
  padding: .5rem;
  width: 33.33%
}

.p-subscriptionForm__imageAdd__list__item--double {
  width: 66.66%
}

.p-subscriptionForm__imageAdd__list__item--double .c-image:before,
.p-subscriptionForm__imageAdd__list__item--double .c-image--standard:before,
.p-subscriptionForm__imageAdd__list__item--double .c-image--wide:before,
.p-subscriptionForm__imageAdd__list__item--double .c-image--notification:before {
  padding-top: 50%
}

.p-subscriptionForm__imageAdd__list__item--full {
  width: 100%
}

.p-subscriptionForm__imageAdd__list__item--full img {
  width: 100%
}

.p-subscriptionForm__imageAdd__list__item__title {
  font-size: 13px;
  color: #c2cbd6;
  text-align: center;
  margin: 4px 0 0
}

.p-subscriptionForm__imageAdd__list__item .c-input--file {
  position: relative
}

.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image,
.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image--standard,
.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image--wide,
.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image--notification {
  border: solid 1px #e5e9ee;
  border-radius: 6px;
  position: relative;
  overflow: hidden
}

.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image:after,
.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image--standard:after,
.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image--wide:after,
.p-subscriptionForm__imageAdd__list__item .c-input--file .c-image--notification:after {
  content: "";
  background: #f9fbfd url(../img/web/mypage/returnMachine__image.svg) no-repeat center;
  background-size: auto 40px
}

.p-subscriptionForm__imageAdd__list__item .c-input--file .c-input__button--close {
  position: absolute;
  right: -6px;
  top: -6px;
  opacity: 0;
  pointer-events: none;
  z-index: 1
}

.p-subscriptionForm__imageAdd__list__item .c-input--file--active .c-input__button--close {
  opacity: 1;
  pointer-events: all
}

.p-subscriptionForm__imageAdd__list__item .c-input--file--active .c-image:after,
.p-subscriptionForm__imageAdd__list__item .c-input--file--active .c-image--standard:after,
.p-subscriptionForm__imageAdd__list__item .c-input--file--active .c-image--wide:after,
.p-subscriptionForm__imageAdd__list__item .c-input--file--active .c-image--notification:after {
  display: none
}

.p-subscriptionForm__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image,
.p-subscriptionForm__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image--standard,
.p-subscriptionForm__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image--wide,
.p-subscriptionForm__imageAdd__list--confirm .p-returnMachine__imageAdd__list__item .c-input--file .c-image--notification {
  background-color: #000;
  background-size: auto 100% !important
}

.p-subscriptionForm__schedule {
  padding: 10px 20px 20px;
  background: #fbf4f4;
  margin: 20px 0 0;
  border: solid 1px #f3e4e4
}

.p-subscriptionForm__schedule__title {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: #222
}

.p-subscriptionForm__schedule .p-list {
  display: flex;
  flex-direction: column;
  margin: -8px;
  padding: 0px
}

.p-subscriptionForm__schedule .p-list>li {
  padding: 4px 8px !important;
  width: 100%;
  border: none;
  align-items: baseline
}

.p-subscriptionForm__schedule .p-list>li+li {
  margin: 2px 0 0
}

.p-subscriptionForm__schedule .p-list>li.p-list__item--next {
  position: relative;
  margin: 18px 0 0
}

.p-subscriptionForm__schedule .p-list>li.p-list__item--next:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #ecd1d1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  left: 150px;
  top: -5px;
  transform: translate(0, -100%)
}

.p-subscriptionForm__schedule .p-list>li .title {
  flex: 0 0 auto;
  width: 110px;
  font-size: 13px;
  line-height: 1.2em;
  margin: 0;
  color: #42393a !important;
  font-weight: 500;
  letter-spacing: .04em;
  transform: translate(0, -1px)
}

.p-subscriptionForm__schedule .p-list>li .title small {
  color: #9f8686;
  letter-spacing: .02em
}

.p-subscriptionForm__schedule .p-list>li .data {
  flex: auto;
  min-width: 1px;
  font-size: 20px;
  font-weight: 500;
  color: #f15454 !important;
  line-height: 1
}

.p-subscriptionForm__schedule .p-list>li .data small {
  font-size: 14px;
  font-weight: 500;
  margin: 0 1px 0 2px
}

.p-subscriptionFormWrap {
  flex: auto;
  min-width: 1px;
  padding-left: 40px
}

@media screen and (max-width: 900px) {
  .p-subscriptionFormWrap {
      padding-left: 0
  }
}

.p-warrantyStep__body .p-returnMachine__machine {
  padding: 0 1rem
}

@media screen and (max-width: 560px) {
  .p-onlineShop__middle .l-container {
      padding: 0 12px
  }
}

.p-onlineShop__topTitle {
  background: #176e39;
  position: relative
}

.p-onlineShop__topTitle__background {
  display: block;
  width: 400px;
  height: 120px;
  position: absolute;
  top: 0;
  z-index: 1
}

@media screen and (max-width: 768px) {
  .p-onlineShop__topTitle__background {
      width: 240px;
      height: 80px
  }
}

@media screen and (max-width: 480px) {
  .p-onlineShop__topTitle__background {
      width: 120px
  }
}

.p-onlineShop__topTitle__background:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover
}

.p-onlineShop__topTitle__background:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0
}

.p-onlineShop__topTitle__background--left {
  left: 0
}

.p-onlineShop__topTitle__background--left:before {
  background-image: url(../img/web/onlineShop/topTitle--left.png);
  background-position: center left
}

.p-onlineShop__topTitle__background--left:after {
  background: -moz-linear-gradient(left, rgba(224, 118, 142, 0) 0%, rgba(224, 118, 142, 0) 70%, rgb(224, 118, 142) 100%);
  background: -webkit-linear-gradient(left, rgba(224, 118, 142, 0) 0%, rgba(224, 118, 142, 0) 70%, rgb(224, 118, 142) 100%);
  background: linear-gradient(to right, rgba(224, 118, 142, 0) 0%, rgba(224, 118, 142, 0) 70%, rgb(224, 118, 142) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e0768e", endColorstr="#176e39", GradientType=1)
}

.p-onlineShop__topTitle__background--right {
  right: 0
}

.p-onlineShop__topTitle__background--right:before {
  background-image: url(../img/web/onlineShop/topTitle--right.png);
  background-position: center right
}

.p-onlineShop__topTitle__background--right:after {
  background: -moz-linear-gradient(left, rgb(224, 118, 142) 0%, rgba(224, 118, 142, 0) 30%, rgba(224, 118, 142, 0) 100%);
  background: -webkit-linear-gradient(left, rgb(224, 118, 142) 0%, rgba(224, 118, 142, 0) 30%, rgba(224, 118, 142, 0) 100%);
  background: linear-gradient(to right, rgb(224, 118, 142) 0%, rgba(224, 118, 142, 0) 30%, rgba(224, 118, 142, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#176e39", endColorstr="#00e0768e", GradientType=1)
}

.p-onlineShop__topTitle .l-container {
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 768px) {
  .p-onlineShop__topTitle .l-container {
      height: 80px
  }
}

.p-onlineShop__topTitle__image {
  height: 32px
}

@media screen and (max-width: 768px) {
  .p-onlineShop__topTitle__image {
      height: 24px
  }
}

.p-onlineShop__topTitle__image img {
  height: 32px
}

@media screen and (max-width: 768px) {
  .p-onlineShop__topTitle__image img {
      height: 24px
  }
}

@media screen and (max-width: 480px) {
  .p-onlineShop__topTitle__image img {
      height: 20px
  }
}

.p-onlineShop__topTitle__kana {
  letter-spacing: .08em;
  color: #fff;
  margin: 8px 0 -8px
}

@media screen and (max-width: 560px) {
  .p-onlineShop__topTitle__kana {
      font-size: 12px;
      margin: 4px 0 -4px
  }
}

.p-onlineShop__recommend__head,
.p-onlineShop__ranking__head {
  padding: 16px 0 8px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {

  .p-onlineShop__recommend__head,
  .p-onlineShop__ranking__head {
      padding: 12px 0 8px
  }
}

.p-onlineShop__recommend__head__title,
.p-onlineShop__ranking__head__title {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0
}

.p-onlineShop__recommend__head__kana,
.p-onlineShop__ranking__head__kana {
  margin: 0 0 0 8px;
  letter-spacing: .13em;
  color: #666
}

.p-onlineShop__recommend__body,
.p-onlineShop__ranking__body {
  padding: 24px 0;
  background: #f7f2f2
}

@media screen and (max-width: 560px) {

  .p-onlineShop__recommend__body,
  .p-onlineShop__ranking__body {
      padding: 16px 0
  }
}

.p-onlineShop__recommend .l-container,
.p-onlineShop__ranking .l-container {
  max-width: 1280px
}

@media screen and (max-width: 560px) {

  .p-onlineShop__recommend .l-container,
  .p-onlineShop__ranking .l-container {
      padding: 0 12px
  }
}

.p-onlineShop__ranking__body {
  padding: 0 0 32px;
  border-bottom: solid 1px #ddd;
  background: none
}

.p-ecHome__mainVisual {
  height: 480px;
  background-image: url(../img/ec/home/background.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 560px) {
  .p-ecHome__mainVisual {
      height: 240px;
      background-image: url(../img/ec/home/background--sp.jpg)
  }
}

.p-ecHome__mainVisual__titleJp {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .13em
}

@media screen and (max-width: 560px) {
  .p-ecHome__mainVisual__titleJp {
      font-size: 14px
  }
}

.p-ecHome__mainVisual__titleEng {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  max-width: .12em 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__mainVisual__titleEng {
      font-size: 40px
  }
}

.p-ecHome__mainVisual__description {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .13em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 560px) {
  .p-ecHome__mainVisual__description {
      font-size: 16px
  }
}

.p-ecHome__nav {
  width: 100vw;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: #edeff4
}

.p-ecHome__nav__list {
  display: flex;
  margin: .5rem auto
}

@media screen and (max-width: 560px) {
  .p-ecHome__nav__list {
      margin: .25rem 0
  }
}

.p-ecHome__nav__list__item {
  margin: 0 .25rem
}

.p-ecHome__nav__list__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 5.4rem;
  background: #fff;
  border: 1px solid #e5e9ee;
  border-radius: 8px
}

@media screen and (min-width: 480px) {
  .p-ecHome__nav__list__content:hover {
      opacity: .8
  }
}

.p-ecHome__nav__list__content .c-image,
.p-ecHome__nav__list__content .c-image--standard,
.p-ecHome__nav__list__content .c-image--wide,
.p-ecHome__nav__list__content .c-image--notification {
  width: 3.5rem
}

@media screen and (max-width: 560px) {

  .p-ecHome__nav__list__content .c-image,
  .p-ecHome__nav__list__content .c-image--standard,
  .p-ecHome__nav__list__content .c-image--wide,
  .p-ecHome__nav__list__content .c-image--notification {
      margin: 0 .2rem
  }
}

.p-ecHome__nav__list__category {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  margin: 4px 0 0;
  letter-spacing: -0.05em
}

.p-ecHome__banner {
  background-color: #edeff4;
  padding: 20px 0 0
}

.p-ecHome__banner__link {
  max-width: 610px;
  background: linear-gradient(180deg, #61b955 7%, #37892d 40%, #297a1e 73.7%, #27691f 73.7%);
  border-radius: 8px;
  border: solid 1px #e5e9ed;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
  padding: 8px 0;
  display: block;
  width: 100%;
  margin: 0 auto
}

@media screen and (max-width: 480px) {
  .p-ecHome__banner__link {
      border-radius: 6px;
      padding: 6px 0;
      overflow: hidden
  }
}

.p-ecHome__banner__link:hover {
  opacity: .8
}

.p-ecHome__banner__link__image {
  max-width: 520px;
  margin: auto;
  display: block;
  width: 100%
}

.p-ecHome__banner__link--product {
  background: #fff;
  margin: 8px auto 0
}

.p-ecHome__banner__link--product .p-ecHome__banner__link__image {
  max-width: 460px
}

.p-ecHome__banner__link--product--2 {
  background-image: url(../img/web/home/beyondshoes_background.webp);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 8px auto 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__banner__link--product--2 {
      background-size: cover
  }
}

.p-ecHome__banner__link--product--2 .p-ecHome__banner__link__image {
  max-width: 460px
}

.p-ecHome__banner__link--product--3 {
  background: none
}

.p-ecHome__banner__link--product--3 .p-ecHome__banner__link__image__large {
  max-width: 100%;
  width: 100%;
  border-radius: 8px
}

.p-ecHome__main {
  padding: 4rem 0 5rem;
  background-color: #edeff4;
  overflow: hidden
}

@media screen and (max-width: 560px) {
  .p-ecHome__main {
      padding: 1.5rem 0 2.5rem
  }
}

.p-ecHome__main__item+.p-ecHome__main__item {
  margin: 3rem 0 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__main__item+.p-ecHome__main__item {
      margin: 2rem 0 0
  }
}

.p-ecHome__main__item--divider {
  border-top: 1px solid #d8dee7
}

.p-ecHome__main__head {
  margin: 0 0 1.5rem
}

.p-ecHome__main__head__title {
  color: #222;
  font-size: 28px;
  font-weight: 600
}

@media screen and (max-width: 560px) {
  .p-ecHome__main__head__title {
      font-size: 22px
  }
}

.p-ecHome__main__list {
  display: flex;
  margin-left: calc((-100vw + 1080px)/2);
  margin-right: calc((-100vw + 1080px)/2);
  padding-left: calc((100vw - 1080px)/2);
  padding-right: calc((100vw - 1080px)/2);
  position: relative
}

@media(max-width: 1160px) {
  .p-ecHome__main__list {
      margin-left: -40px;
      margin-right: -40px;
      padding-left: 40px;
      padding-right: 40px
  }
}

@media screen and (max-width: 480px) {
  .p-ecHome__main__list {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px
  }
}

.p-ecHome__main__list .swiper-wrapper {
  display: flex
}

.p-ecHome__main__list .swiper-slide {
  width: auto;
  height: auto;
  flex: auto;
  display: flex
}

.p-ecHome__main__list .swiper-button-prev,
.p-ecHome__main__list .swiper-button-next {
  width: 4rem;
  height: 4rem;
  background-color: rgba(2, 3, 18, .4666666667);
  border-radius: 100%;
  border-color: 1px solid rgba(255, 255, 255, .3);
  background-image: url(../img/web/icon/left--white.svg);
  background-size: 28px 28px !important;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2 !important
}

.p-ecHome__main__list .swiper-button-prev:after,
.p-ecHome__main__list .swiper-button-next:after {
  content: none
}

@media screen and (max-width: 560px) {

  .p-ecHome__main__list .swiper-button-prev,
  .p-ecHome__main__list .swiper-button-next {
      display: none
  }
}

.p-ecHome__main__list .swiper-button-next {
  background-image: url(../img/web/icon/right--white.svg)
}

.p-ecHome__main__list .swiper-button-disabled {
  opacity: 0 !important
}

.p-ecHome__main__foot {
  margin: 4rem 0 0
}

@media screen and (max-width: 480px) {
  .p-ecHome__main__foot {
      margin: 2rem 0 0
  }
}

.p-ecHome__main__foot .c-button,
.p-ecHome__main__foot .c-button--accent,
.p-ecHome__main__foot .c-button--action,
.p-ecHome__main__foot .c-button--form,
.p-ecHome__main__foot .c-button--inline,
.p-ecHome__main__foot .c-button--inlineArrow,
.p-ecHome__main__foot .c-button--weak,
.p-ecHome__main__foot .c-button--line,
.p-ecHome__main__foot .c-button--full,
.p-ecHome__main__foot .c-button--small,
.p-ecHome__main__foot .p-home__middleNav__button {
  font-size: 1rem;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  height: 4rem;
  justify-content: center
}

.p-ecHome__card {
  color: #222;
  margin: 0 1rem 0 0;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 12px;
  flex: auto;
  box-shadow: 0px 1px 4px -2px rgba(0, 0, 0, .2);
  position: relative
}

@media screen and (max-width: 560px) {
  .p-ecHome__card {
      padding: 1rem;
      margin: 0 .5rem 0 0
  }
}

@media screen and (min-width: 480px) {
  .p-ecHome__card:hover {
      opacity: .8
  }
}

.p-ecHome__card>a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.p-ecHome__card .copy {
  font-size: 13px
}

@media screen and (max-width: 560px) {
  .p-ecHome__card .copy {
      font-size: 11px
  }
}

.p-ecHome__card .name {
  font-size: 24px;
  font-weight: 600;
  margin: .25rem 0 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__card .name {
      font-size: 20px;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box
  }
}

.p-ecHome__card .price {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin: .25rem 0 0
}

.p-ecHome__card .price span {
  display: inline-block;
  margin: 0 0 0 .25em;
  color: #444;
  transform-origin: left bottom;
  transform: scale(1.1);
  letter-spacing: .05em
}

.p-ecHome__card--product {
  width: 260px
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--product {
      width: 150px
  }

  .p-ecHome__card--product .copy {
      display: none
  }
}

.p-ecHome__card--other {
  width: 400px;
  height: 480px
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--other {
      width: 240px;
      height: 320px
  }
}

.p-ecHome__card--other .category {
  font-size: 13px;
  font-weight: 500
}

.p-ecHome__card--other .title {
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3em;
  margin: .25rem 0 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--other .title {
      font-size: 16px
  }
}

.p-ecHome__card--other .time {
  font-size: 13px;
  font-weight: 500;
  margin: .25rem 0 0
}

.p-ecHome__card--supportDesk {
  background-image: url(../img/ec/other/supportDesk.png);
  background-size: 240px 340px;
  background-position: center bottom;
  background-repeat: no-repeat
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--supportDesk {
      background-size: 160px 226px
  }
}

.p-ecHome__card--banner {
  display: block;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--banner {
      width: 240px;
      height: 320px
  }
}

.p-ecHome__card--banner.sp {
  display: none
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--banner.sp {
      display: block
  }
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--banner.pc {
      display: none
  }
}

.p-ecHome__card--business {
  background-color: #020312
}

.p-ecHome__card--business .category,
.p-ecHome__card--business .title {
  color: #fff
}

.p-ecHome__card--business img {
  border-radius: .5rem;
  overflow: hidden;
  margin: 2.5rem 0 0
}

.p-ecHome__card--business img.sp {
  display: none
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--business img.sp {
      display: block
  }
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--business img.pc {
      display: none
  }
}

.p-ecHome__card--shopping {
  width: 320px;
  height: 160px;
  box-shadow: 0px 1px 2px -2px rgba(0, 0, 0, .2) inset;
  pointer-events: none;
  border-radius: 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--shopping {
      width: 240px;
      height: 120px
  }
}

.p-ecHome__card--shopping .c-image,
.p-ecHome__card--shopping .c-image--standard,
.p-ecHome__card--shopping .c-image--wide,
.p-ecHome__card--shopping .c-image--notification {
  width: 48px
}

@media screen and (max-width: 560px) {

  .p-ecHome__card--shopping .c-image,
  .p-ecHome__card--shopping .c-image--standard,
  .p-ecHome__card--shopping .c-image--wide,
  .p-ecHome__card--shopping .c-image--notification {
      width: 40px
  }
}

.p-ecHome__card--shopping .description {
  margin: .25rem 0 0;
  color: #444;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em
}

@media screen and (max-width: 560px) {
  .p-ecHome__card--shopping .description {
      font-size: 18px
  }
}

.p-ecHome__card--shopping img {
  margin: 8px 0 0
}

.p-ecHome__itemCard {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 8px 0 0 8px
}

@media screen and (min-width: 480px) {
  .p-ecHome__itemCard:hover {
      opacity: .5
  }
}

.p-ecHome__itemCardWrapper {
  width: 400px;
  margin: 0 1rem 0 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__itemCardWrapper {
      width: 280px
  }
}

.p-ecHome__itemCard+.p-ecHome__itemCard {
  margin: 1.5rem 0 0
}

.p-ecHome__itemCard .count {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  background-color: #444;
  display: flex;
  align-items: baseline;
  justify-content: center;
  height: 18px;
  width: 44px;
  padding: 2px;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0
}

.p-ecHome__itemCard .count:before {
  content: "No.";
  font-size: 11px
}

.p-ecHome__itemCard__image {
  flex: 0 0 80px;
  margin: 0 1.5rem 0 0;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, .2);
  overflow: hidden
}

@media screen and (max-width: 560px) {
  .p-ecHome__itemCard__image {
      flex: 0 0 64px;
      margin: 0 1rem 0 0
  }
}

.p-ecHome__itemCard__text {
  padding: .25rem 1rem .25rem 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__itemCard__text {
      padding: 0 .5rem 0 0
  }
}

.p-ecHome__itemCard__text .name {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em
}

@media screen and (max-width: 560px) {
  .p-ecHome__itemCard__text .name {
      font-size: 15px
  }
}

.p-ecHome__itemCard__text .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  color: #444;
  font-size: 16px;
  font-weight: 600;
  margin: .25rem 0 0
}

@media screen and (max-width: 560px) {
  .p-ecHome__itemCard__text .price {
      font-size: 15px
  }
}

.p-ecHome__itemCard__text .price span {
  display: inline-block;
  margin: 0 0 0 .25em;
  color: #444;
  transform-origin: left bottom;
  transform: scale(1.1);
  letter-spacing: .05em
}

.p-ecHome__itemCard__text .regularPrice {
  color: #bbb;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  text-decoration-line: line-through;
  margin: 0 .5rem 0 0
}

.p-onlineShopHeader {
  width: 100%;
  border-bottom: 1px solid #e5e9ee;
  position: fixed;
  top: 0;
  z-index: 5;
  background: rgba(255, 255, 255, .9);
  border-color: 1px solid #e5e9ee;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .3)
}

.p-onlineShopHeader .l-container {
  height: 56px;
  padding: 0 12px 0 20px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-onlineShopHeader .l-container {
      height: 48px
  }
}

.p-onlineShopHeader__image {
  display: flex;
  align-items: center;
  flex: none;
  margin: 0 40px 0 0
}

.p-onlineShopHeader__image__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px
}

.p-onlineShopHeader__image__logo img {
  height: 20px;
  vertical-align: bottom
}

@media screen and (max-width: 480px) {
  .p-onlineShopHeader__image__logo img {
      height: 18px
  }
}

.p-onlineShopHeader__nav {
  flex: auto;
  min-width: 0;
  display: flex;
  align-items: center
}

.p-onlineShopHeader__nav__list {
  display: flex
}

.p-onlineShopHeader__nav__list>li {
  padding: 0 16px
}

.p-onlineShopHeader__nav__list>li a:hover {
  color: #176e39
}

.p-onlineShopHeader__nav .p-buttonWrap {
  margin-left: auto
}

.p-onlineShopMain {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 120px
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain {
      padding: 0 0 80px
  }
}

.p-onlineShopMain__head {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
  border-bottom: 1px solid #444
}

.p-onlineShopMain__head__text__count {
  font-weight: 900
}

.p-onlineShopMain__head__text__count .unit {
  margin: 0 0 0 4px
}

.p-onlineShopMain__head__control {
  margin: 0 0 0 auto
}

.p-onlineShopMain__head__control .c-input--select select {
  font-size: 14px;
  border-color: rgba(0, 0, 0, 0)
}

.p-onlineShopMain__head__control .c-input--select select:active {
  font-size: 16px
}

@media screen and (max-width: 480px) {
  .p-onlineShopMain__head__control .c-input--select select {
      font-size: 13px
  }
}

.p-onlineShopMain__list {
  display: flex;
  flex-wrap: wrap;
  margin: -16px -8px
}

.p-onlineShopMain__list.p-onlineShopMain__list--recommend,
.p-onlineShopMain__list.p-onlineShopMain__list--related,
.p-onlineShopMain__list.p-onlineShopMain__list--ranking {
  margin: -8px
}

@media screen and (max-width: 1080px) {

  .p-onlineShopMain__list.p-onlineShopMain__list--recommend,
  .p-onlineShopMain__list.p-onlineShopMain__list--related,
  .p-onlineShopMain__list.p-onlineShopMain__list--ranking {
      margin: -4px
  }
}

.p-onlineShopMain__list.p-onlineShopMain__list--related {
  margin: -8px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopMain__list.p-onlineShopMain__list--related {
      margin: -4px
  }
}

.p-onlineShopMain__list__item {
  width: 20%;
  padding: 16px 8px
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__item,
.p-onlineShopMain__list--related .p-onlineShopMain__list__item,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__item {
  width: 25%;
  padding: 8px;
  display: flex;
  position: relative
}

@media screen and (max-width: 1080px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__item,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__item,
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__item {
      padding: 4px
  }
}

@media screen and (max-width: 768px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__item,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__item,
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__item {
      width: 50%
  }
}

.p-onlineShopMain__list--related .p-onlineShopMain__list__item {
  padding: 8px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopMain__list--related .p-onlineShopMain__list__item {
      padding: 4px
  }
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__item.slick-slide {
  display: flex;
  height: auto
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__item.p-onlineShopMain__list__item--rank1 .p-onlineShopMain__list__contents:before {
  background: url(../img/web/onlineShop/rank--1.png) no-repeat center
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__item.p-onlineShopMain__list__item--rank2 .p-onlineShopMain__list__contents:before {
  background: url(../img/web/onlineShop/rank--2.png) no-repeat center
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__item.p-onlineShopMain__list__item--rank3 .p-onlineShopMain__list__contents:before {
  background: url(../img/web/onlineShop/rank--3.png) no-repeat center
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__item.p-onlineShopMain__list__item--rank4 .p-onlineShopMain__list__contents:before {
  background: url(../img/web/onlineShop/rank--4.png) no-repeat center
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__item.p-onlineShopMain__list__item--rank5 .p-onlineShopMain__list__contents:before {
  background: url(../img/web/onlineShop/rank--5.png) no-repeat center
}

@media screen and (max-width: 1280px) {
  .p-onlineShopMain__list__item {
      width: 25%
  }
}

@media screen and (max-width: 960px) {
  .p-onlineShopMain__list__item {
      width: 33.3333%
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopMain__list__item {
      width: 25%
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain__list__item {
      width: 33.3333%
  }
}

@media screen and (max-width: 480px) {
  .p-onlineShopMain__list__item {
      width: 50%
  }
}

.p-onlineShopMain__list__contents {
  width: 100%;
  position: relative
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__contents,
.p-onlineShopMain__list--related .p-onlineShopMain__list__contents,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__contents {
  background: #fff;
  border: 1px solid #444;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, .16)
}

@media screen and (max-width: 1080px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__contents,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__contents,
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__contents {
      flex-direction: column
  }
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__contents:hover,
.p-onlineShopMain__list--related .p-onlineShopMain__list__contents:hover,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__contents:hover {
  border-color: #176e39
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__contents:before,
.p-onlineShopMain__list--related .p-onlineShopMain__list__contents:before,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__contents:before {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  top: -1px;
  right: -1px;
  background-image: url(../img/web/onlineShop/label__recommend.png);
  background-size: 80px 80px
}

@media screen and (max-width: 560px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__contents:before,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__contents:before,
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__contents:before {
      width: 64px;
      height: 64px;
      background-size: 64px 64px
  }
}

.p-onlineShopMain__list--related .p-onlineShopMain__list__contents {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  border: none;
  box-shadow: none
}

.p-onlineShopMain__list--related .p-onlineShopMain__list__contents:before {
  background-image: url(../img/web/onlineShop/label__related.png);
  display: none
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__contents:before {
  width: 45px;
  height: 40px;
  top: 2px;
  left: 10px;
  background: none;
  background-size: contain !important
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__contents:before {
      width: 45px;
      height: 40px
  }
}

.p-onlineShopMain__list__contents>a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.p-onlineShopMain__list__image {
  margin: 0 0 12px
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__image,
.p-onlineShopMain__list--related .p-onlineShopMain__list__image,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__image {
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
  padding: 8px
}

.p-onlineShopMain__list--related .p-onlineShopMain__list__image {
  flex: 0 0 auto;
  padding: 0
}

.p-onlineShopMain__list__image .c-image,
.p-onlineShopMain__list__image .c-image--standard,
.p-onlineShopMain__list__image .c-image--wide,
.p-onlineShopMain__list__image .c-image--notification {
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, .1);
  border: 1px solid #91a6be;
  transition: all .1s ease
}

.p-onlineShopMain__list__contents:hover .p-onlineShopMain__list__image .c-image,
.p-onlineShopMain__list__contents:hover .p-onlineShopMain__list__image .c-image--standard,
.p-onlineShopMain__list__contents:hover .p-onlineShopMain__list__image .c-image--wide,
.p-onlineShopMain__list__contents:hover .p-onlineShopMain__list__image .c-image--notification {
  border-color: #176e39
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__image .c-image,
.p-onlineShopMain__list--recommend .p-onlineShopMain__list__image .c-image--standard,
.p-onlineShopMain__list--recommend .p-onlineShopMain__list__image .c-image--wide,
.p-onlineShopMain__list--recommend .p-onlineShopMain__list__image .c-image--notification,
.p-onlineShopMain__list--related .p-onlineShopMain__list__image .c-image,
.p-onlineShopMain__list--related .p-onlineShopMain__list__image .c-image--standard,
.p-onlineShopMain__list--related .p-onlineShopMain__list__image .c-image--wide,
.p-onlineShopMain__list--related .p-onlineShopMain__list__image .c-image--notification,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__image .c-image,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__image .c-image--standard,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__image .c-image--wide,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__image .c-image--notification {
  border: none;
  box-shadow: none
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__text,
.p-onlineShopMain__list--related .p-onlineShopMain__list__text,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__text {
  width: 100%;
  padding: 0 16px 16px
}

@media screen and (max-width: 560px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__text,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__text,
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__text {
      padding: 4px 12px 12px
  }
}

.p-onlineShopMain__list--related .p-onlineShopMain__list__text {
  flex: auto;
  min-height: 1px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0
}

.p-onlineShopMain__list__text__category {
  display: block;
  line-height: 1em
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__category,
.p-onlineShopMain__list--related .p-onlineShopMain__list__text__category,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__category {
  display: block;
  margin: 0
}

.p-onlineShopMain__list__text__title {
  margin: 4px 0 4px;
  transition: all .1s ease
}

.p-onlineShopMain__list__contents:hover .p-onlineShopMain__list__text__title {
  color: #176e39
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__title,
.p-onlineShopMain__list--related .p-onlineShopMain__list__text__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em
}

@media screen and (max-width: 1080px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__title,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__text__title {
      font-size: 16px;
      padding-right: 0
  }
}

@media screen and (max-width: 560px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__title,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__text__title {
      font-size: 14px
  }
}

.p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3em
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__title {
      font-size: 14px
  }
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__price,
.p-onlineShopMain__list--related .p-onlineShopMain__list__text__price,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__price {
  font-size: 18px;
  margin: 8px 0 0
}

@media screen and (max-width: 560px) {

  .p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__price,
  .p-onlineShopMain__list--related .p-onlineShopMain__list__text__price,
  .p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__price {
      font-size: 16px
  }
}

.p-onlineShopMain__list__text__price .unit {
  display: inline-block;
  color: #444;
  letter-spacing: .05em
}

.p-onlineShopMain__list__text__price--reference {
  font-weight: 500;
  position: relative;
  margin: 0 0 0 6px;
  color: #999
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__price--reference,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__price--reference {
  font-size: 14px
}

.p-onlineShopMain__list__text__price--reference:before {
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: rgba(153, 153, 153, .8);
  position: absolute
}

.p-onlineShopMain__list__text__priceWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__priceWrap,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__priceWrap {
  margin: 8px 0 0
}

.p-onlineShopMain__list--recommend .p-onlineShopMain__list__text__priceWrap .p-onlineShopMain__list__text__price,
.p-onlineShopMain__list--ranking .p-onlineShopMain__list__text__priceWrap .p-onlineShopMain__list__text__price {
  margin: 0
}

.p-onlineShopMain__list__text__buttonWrap {
  padding: 8px 0 0;
  margin: auto 0 0
}

.p-onlineShopMain__list__text__buttonWrap .c-button,
.p-onlineShopMain__list__text__buttonWrap .c-button--accent,
.p-onlineShopMain__list__text__buttonWrap .c-button--action,
.p-onlineShopMain__list__text__buttonWrap .c-button--form,
.p-onlineShopMain__list__text__buttonWrap .c-button--inline,
.p-onlineShopMain__list__text__buttonWrap .c-button--inlineArrow,
.p-onlineShopMain__list__text__buttonWrap .c-button--weak,
.p-onlineShopMain__list__text__buttonWrap .c-button--line,
.p-onlineShopMain__list__text__buttonWrap .c-button--full,
.p-onlineShopMain__list__text__buttonWrap .c-button--small,
.p-onlineShopMain__list__text__buttonWrap .p-home__middleNav__button {
  position: relative;
  z-index: 1;
  height: 32px;
  font-size: 13px !important;
  padding: 0 6px
}

.p-onlineShopMain__list .slick-track {
  display: flex
}

.p-onlineShopMain__foot {
  border-top: 1px solid #e5e9ee;
  margin: 40px 0 0;
  padding: 40px 0 0
}

.p-onlineShopMain__foot .p-buttonWrap {
  margin-bottom: 32px
}

.p-onlineShopMain__foot .p-buttonWrap .c-button,
.p-onlineShopMain__foot .p-buttonWrap .c-button--accent,
.p-onlineShopMain__foot .p-buttonWrap .c-button--action,
.p-onlineShopMain__foot .p-buttonWrap .c-button--form,
.p-onlineShopMain__foot .p-buttonWrap .c-button--inline,
.p-onlineShopMain__foot .p-buttonWrap .c-button--inlineArrow,
.p-onlineShopMain__foot .p-buttonWrap .c-button--weak,
.p-onlineShopMain__foot .p-buttonWrap .c-button--line,
.p-onlineShopMain__foot .p-buttonWrap .c-button--full,
.p-onlineShopMain__foot .p-buttonWrap .c-button--small,
.p-onlineShopMain__foot .p-buttonWrap .p-home__middleNav__button {
  min-width: 200px;
  justify-content: center
}

.p-onlineShopMain--home {
  margin: 48px 0 48px;
  padding: 0
}

.p-onlineShopMain--home .p-onlineShopMain__head {
  padding: 0 0 16px
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain--home .p-onlineShopMain__head {
      display: flex;
      flex-direction: column;
      align-items: flex-start
  }
}

.p-onlineShopMain--home .p-onlineShopMain__head__control {
  display: flex;
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain--home .p-onlineShopMain__head__control {
      width: 100%
  }
}

.p-onlineShopMain--home .p-onlineShopMain__head .p-onlineShopSidebar__search {
  margin: 0
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain--home .p-onlineShopMain__head .c-input--select {
      border: solid 1px #535353;
      border-radius: 4px;
      flex: auto;
      min-width: 140px;
      margin: 0 0 0 6px
  }
}

.p-onlineShopMain--home .p-onlineShopMain__head .c-input--select select {
  background: #eceff3
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain--home .p-onlineShopMain__head .c-input--select select {
      background: #fff
  }
}

.p-onlineShopMain--home .p-onlineShopMain__list__item {
  width: 20%
}

@media screen and (max-width: 768px) {
  .p-onlineShopMain--home .p-onlineShopMain__list__item {
      width: 25%
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain--home .p-onlineShopMain__list__item {
      width: 33.33%
  }
}

@media screen and (max-width: 480px) {
  .p-onlineShopMain--home .p-onlineShopMain__list__item {
      width: 50%
  }
}

.p-onlineShopMain--home .p-onlineShopMain__foot {
  border-top: none;
  padding: 0
}

@media screen and (max-width: 480px) {
  .p-onlineShopMain--home .p-onlineShopMain__foot {
      margin: 24px 0 0
  }
}

.p-onlineShopMain--thin {
  padding: 0 0 80px
}

@media screen and (max-width: 560px) {
  .p-onlineShopMain--thin {
      padding: 0 0 24px
  }
}

.p-onlineShopSidebar {
  width: 100%
}

.p-onlineShopSidebar__search {
  margin: 0 0 24px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-onlineShopSidebar__search {
      margin: 0 0 8px
  }
}

.p-onlineShopSidebar__search .c-input,
.p-onlineShopSidebar__search .c-input--full,
.p-onlineShopSidebar__search .c-input--select,
.p-onlineShopSidebar__search .c-input--file,
.p-onlineShopSidebar__search .c-input--checkbox,
.p-onlineShopSidebar__search .c-input--radio,
.p-onlineShopSidebar__search .c-input--radio--beyond {
  position: relative
}

.p-onlineShopSidebar__search .c-input:before,
.p-onlineShopSidebar__search .c-input--full:before,
.p-onlineShopSidebar__search .c-input--select:before,
.p-onlineShopSidebar__search .c-input--file:before,
.p-onlineShopSidebar__search .c-input--checkbox:before,
.p-onlineShopSidebar__search .c-input--radio:before,
.p-onlineShopSidebar__search .c-input--radio--beyond:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/web/onlineShop/search.svg);
  background-size: 20px 20px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%)
}

.p-onlineShopSidebar__search .c-input input,
.p-onlineShopSidebar__search .c-input--full input,
.p-onlineShopSidebar__search .c-input--select input,
.p-onlineShopSidebar__search .c-input--file input,
.p-onlineShopSidebar__search .c-input--checkbox input,
.p-onlineShopSidebar__search .c-input--radio input,
.p-onlineShopSidebar__search .c-input--radio--beyond input {
  padding-left: 12px;
  padding-right: 40px;
  border-color: #444
}

.p-onlineShopSidebar__search__filter {
  display: none;
  flex: 0 0 40px;
  margin: 0 0 0 8px;
  background-image: url(../img/web/onlineShop/filter.svg);
  background-size: 24px 24px !important
}

@media screen and (max-width: 768px) {
  .p-onlineShopSidebar__search__filter {
      display: block
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopSidebar__main {
      padding: 16px;
      background-color: #f7f2f2;
      display: none
  }
}

.p-onlineShopSidebar__main__head {
  color: #fff;
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: 1px solid #444;
  display: flex;
  align-items: center
}

.p-onlineShopSidebar__main__head__title {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopSidebar__main__head__title {
      font-size: 14px
  }
}

.p-onlineShopSidebar__main__head__kana {
  margin: 0 0 0 8px;
  letter-spacing: .13em
}

.p-onlineShopSidebar__main .c-input--checkbox label {
  color: #222;
  font-size: 14px;
  height: 36px;
  padding: 0 32px 0 40px;
  user-select: none;
  cursor: pointer
}

@media screen and (max-width: 768px) {
  .p-onlineShopSidebar__main .c-input--checkbox label {
      font-size: 13px
  }
}

.p-onlineShopSidebar__main .c-input--checkbox label:hover {
  color: #176e39
}

.p-onlineShopSidebar__main .c-input--checkbox label:before,
.p-onlineShopSidebar__main .c-input--checkbox label:after {
  left: 8px;
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #91a6be;
  border-radius: 3px
}

.p-onlineShopSidebar__main .c-input--checkbox label .close {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../img/web/onlineShop/close.svg);
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0
}

.p-onlineShopSidebar__main .c-input--checkbox input[type=checkbox]:checked+label {
  color: #222;
  background: #f7f2f2
}

@media screen and (max-width: 768px) {
  .p-onlineShopSidebar__main .c-input--checkbox input[type=checkbox]:checked+label {
      background-color: rgba(255, 255, 255, .6)
  }
}

.p-onlineShopSidebar__main .c-input--checkbox input[type=checkbox]:checked+label:before {
  background: #176e39 url(../img/web/onlineShop/check--white.svg);
  border-color: #176e39;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 1
}

.p-onlineShopSidebar__main .c-input--checkbox input[type=checkbox]:checked+label .close {
  opacity: .5
}

.p-onlineShopSidebar__main .c-input--checkbox input[type=checkbox]:checked+label:hover .close {
  opacity: 1
}

.p-onlineShopSidebar__main .p-buttonWrap {
  margin-top: 24px
}

.p-onlineShopSidebar__list li+li {
  margin: 1px 0 0
}

.p-onlineShopSidebar__banner {
  margin: 40px 0 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopSidebar__banner {
      display: none
  }
}

.p-onlineShopSidebar__banner__item {
  display: block;
  position: relative;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .2)
}

.p-onlineShopSidebar__banner__item:hover {
  opacity: .8
}

.p-onlineShopSidebar__banner__item>a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.p-onlineShopSidebar__banner__item img {
  width: 100%
}

.p-onlineShopDetail {
  display: flex;
  padding: 40px 0 80px
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail {
      flex-wrap: wrap;
      max-width: 480px;
      width: 100%;
      margin: 0 auto;
      padding: 8px 0 80px
  }
}

.p-onlineShopDetail__image {
  flex: 0 0 520px;
  margin: 0 80px 0 0
}

@media screen and (max-width: 1080px) {
  .p-onlineShopDetail__image {
      flex: 0 0 40%;
      margin: 0 40px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail__image {
      flex: 0 0 100%;
      margin: 0 0 40px
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopDetail__image {
      margin: 0 0 24px
  }
}

.p-onlineShopDetail__image__main {
  flex: auto;
  min-width: 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail__image__main {
      max-width: 320px;
      margin: 0 auto
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopDetail__image__main {
      max-width: 280px;
      margin: 0 auto
  }
}

.p-onlineShopDetail__image__main__video {
  width: 100%;
  background: #000 !important;
  position: relative;
  padding-top: 90%
}

.p-onlineShopDetail__image__main__video video {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.p-onlineShopDetail__image__sub__list {
  display: flex;
  flex-wrap: wrap;
  margin: 16px -4px -4px
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail__image__sub__list {
      margin: 8px -2px -2px
  }
}

.p-onlineShopDetail__image__sub__list>li {
  width: 25%;
  padding: 4px
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail__image__sub__list>li {
      width: 16.6666%
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail__image__sub__list>li {
      padding: 2px
  }
}

.p-onlineShopDetail__image__sub__list__item {
  border: 1px solid #e5e9ee
}

.p-onlineShopDetail__image__sub__list__item__video {
  padding-top: 100%;
  position: relative
}

.p-onlineShopDetail__image__sub__list__item__video:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .7) url(../img/web/onlineShop/play.svg) no-repeat center;
  background-size: 64% auto;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.p-onlineShopDetail__image__sub__list__item__video video {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none
}

.p-onlineShopDetail__text {
  flex: auto;
  min-width: 0
}

.p-onlineShopDetail__text__point {
  margin: 16px 0 0;
  padding: 12px 16px 16px;
  background: #fcf6f6
}

@media screen and (max-width: 480px) {
  .p-onlineShopDetail__text__point {
      margin: 14px 0 0;
      padding: 8px 12px 12px
  }
}

.p-onlineShopDetail__text__point .c-text--point .number {
  font-size: 18px;
  margin: 0 0 0 12px
}

.p-onlineShopDetail__text__point .c-text--point small {
  color: #e0778d;
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  margin: 0 0 0 4px;
  transform: translate(0, 1px);
  letter-spacing: 0
}

.p-onlineShopDetail__text__point>small {
  font-size: 13px;
  margin: 4px 0 0;
  display: block
}

.p-onlineShopDetail__text__point>small a {
  font-size: 13px
}

.p-onlineShopDetail__text__point a.about_point {
  line-height: 1;
  font-weight: 500;
  font-size: 12px;
  margin: 12px 0 0;
  color: #deaeae;
  letter-spacing: .04em;
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-onlineShopDetail__text__point a.about_point {
      margin: 8px 0 0
  }
}

.p-onlineShopDetail__text__point a.about_point:hover {
  text-decoration: underline
}

.p-onlineShopDetail__text__point a.about_point:before {
  content: "?";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  background: #deaeae;
  color: #fff;
  margin: 0 4px 0 0
}

@media screen and (max-width: 480px) {
  .p-onlineShopDetail__text .p-buttonWrap {
      flex-direction: column
  }
}

.p-onlineShopDetail__text .p-buttonWrap .c-button,
.p-onlineShopDetail__text .p-buttonWrap .c-button--accent,
.p-onlineShopDetail__text .p-buttonWrap .c-button--action,
.p-onlineShopDetail__text .p-buttonWrap .c-button--form,
.p-onlineShopDetail__text .p-buttonWrap .c-button--inline,
.p-onlineShopDetail__text .p-buttonWrap .c-button--inlineArrow,
.p-onlineShopDetail__text .p-buttonWrap .c-button--weak,
.p-onlineShopDetail__text .p-buttonWrap .c-button--line,
.p-onlineShopDetail__text .p-buttonWrap .c-button--full,
.p-onlineShopDetail__text .p-buttonWrap .c-button--small,
.p-onlineShopDetail__text .p-buttonWrap .p-home__middleNav__button {
  padding: 0 12px
}

.p-onlineShopDetail__text .c-input--selectColor {
  margin: 32px 0 0
}

.p-onlineShopDetail__text .c-input--selectColor>.title {
  margin: 0 0 4px
}

.p-onlineShopDetail__text .c-input--selectColor .colorName {
  opacity: 0;
  position: absolute;
  pointer-events: none
}

.p-onlineShopDetail__name {
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3em
}

.p-onlineShopDetail__price {
  color: #222;
  margin: 32px 0 24px
}

@media screen and (max-width: 560px) {
  .p-onlineShopDetail__price {
      margin: 24px 0
  }
}

.p-onlineShopDetail__price .unit {
  font-weight: 300;
  margin: 0 0 0 8px
}

.p-onlineShopDetail__price--reference {
  font-size: 16px;
  color: #999;
  position: relative;
  z-index: 0;
  font-weight: 500
}

.p-onlineShopDetail__price--reference .unit {
  font-size: 12px;
  padding: 0 6px 0 0;
  position: relative;
  z-index: 1;
  background: #fff;
  font-weight: 400
}

.p-onlineShopDetail__price--reference:before {
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: rgba(153, 153, 153, .8);
  position: absolute;
  z-index: 0
}

.p-onlineShopDetail__price--regular {
  font-size: 16px;
  color: #999;
  color: #222;
  position: relative;
  z-index: 0;
  font-weight: 500
}

.p-onlineShopDetail__price--regular .unit {
  font-size: 12px;
  padding: 0 6px 0 0;
  position: relative;
  z-index: 1;
  background: #fff;
  font-weight: 400
}

.p-onlineShopDetail__price--regular:before {
  content: "";
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: rgba(243, 50, 50, .8);
  position: absolute;
  z-index: 0
}

.p-onlineShopDetail__priceWrap {
  margin: 32px 0 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.p-onlineShopDetail__priceWrap .p-onlineShopDetail__price {
  margin: 2px 0 0;
  font-size: 32px
}

.p-onlineShopDetail__priceWrap .p-onlineShopDetail__price .unit {
  margin: 0 0 0 2px;
  transform: translate(0, -1px);
  display: inline-block
}

.p-onlineShopDetail__priceWrap .price {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  gap: 14px
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail__priceWrap .price {
      gap: 12px
  }
}

.p-onlineShopDetail__priceWrap .price .regularPrice,
.p-onlineShopDetail__priceWrap .price .memberPrice {
  display: flex;
  align-items: baseline;
  gap: 2px
}

.p-onlineShopDetail__priceWrap .price .regularPrice>p,
.p-onlineShopDetail__priceWrap .price .memberPrice>p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25rem;
  color: #222;
  margin-right: 4px
}

@media screen and (max-width: 560px) {

  .p-onlineShopDetail__priceWrap .price .regularPrice>p,
  .p-onlineShopDetail__priceWrap .price .memberPrice>p {
      font-size: 16px;
      margin-right: 0
  }
}

@media screen and (max-width: 480px) {

  .p-onlineShopDetail__priceWrap .price .regularPrice>p,
  .p-onlineShopDetail__priceWrap .price .memberPrice>p {
      line-height: 1rem
  }
}

.p-onlineShopDetail__priceWrap .price .regularPrice .tax,
.p-onlineShopDetail__priceWrap .price .memberPrice .tax {
  font-size: 12px;
  color: #a7a7a7
}

@media screen and (max-width: 560px) {

  .p-onlineShopDetail__priceWrap .price .regularPrice .tax,
  .p-onlineShopDetail__priceWrap .price .memberPrice .tax {
      font-size: 14px
  }
}

@media screen and (max-width: 480px) {

  .p-onlineShopDetail__priceWrap .price .regularPrice .tax,
  .p-onlineShopDetail__priceWrap .price .memberPrice .tax {
      font-size: 12px;
      line-height: 1
  }
}

.p-onlineShopDetail__priceWrap .price .regularPrice {
  text-decoration: line-through;
  color: #999;
  gap: 0
}

.p-onlineShopDetail__priceWrap .price .regularPrice>p {
  font-size: 15px;
  font-weight: 500;
  color: #999;
  margin-right: 0;
  line-height: 1
}

.p-onlineShopDetail__priceWrap .price .regularPrice .tax {
  font-size: 11px;
  line-height: 1;
  transform: translate(0px, -1px);
  padding-left: 3px
}

@media screen and (max-width: 480px) {
  .p-onlineShopDetail__priceWrap .price .memberPrice {
      flex-wrap: wrap
  }
}

.p-onlineShopDetail__priceWrap .price .memberPrice[data-off]:before {
  content: attr(data-off) "%OFF";
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  background: #f25213;
  color: #fff;
  padding: 2px 4px 3px;
  margin: 0 8px 0 0;
  transform: translate(0px, -6px)
}

.p-onlineShopDetail__priceWrap .price .memberPrice__wrap {
  width: 100%;
  display: flex;
  align-items: baseline;
  gap: 4px
}

.p-onlineShopDetail__priceWrap .price .memberPrice__wrap>p {
  font-size: 32px;
  font-weight: 600;
  color: #f25313;
  line-height: 1
}

.p-onlineShopDetail__priceWrap .price .memberPrice__wrap .tax {
  font-size: 14px;
  transform: translate(0px, -2px)
}

@media screen and (max-width: 480px) {
  .p-onlineShopDetail__priceWrap .price .memberPrice__wrap .tax {
      font-size: 12px
  }
}

.p-onlineShopDetail__information {
  margin: 4px 0 0;
  padding: 0 0 0 24px;
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-onlineShopDetail__information {
      font-size: 13px
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopDetail__information {
      font-size: 12px;
      letter-spacing: 0;
      margin: 2px 0 0
  }
}

.p-onlineShopDetail__information:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: url(../img/web/onlineShop/information.svg);
  opacity: .8;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: .7em;
  left: 0;
  transform: translateY(-50%)
}

@media screen and (max-width: 560px) {
  .p-onlineShopDetail__information:before {
      width: 16px;
      height: 16px
  }
}

.p-onlineShopDetail__soldOut {
  margin: 4px 0 0;
  position: relative
}

.p-onlineShopDetail__stock {
  margin: 32px 0 16px
}

.p-onlineShopDetail__stock .unit {
  margin: 0 4px 0 0
}

.p-onlineShopDetail__caution {
  padding: 12px 15px;
  background: #eceff2;
  margin: 24px 0 0;
  display: inline-block;
  min-width: 400px
}

@media screen and (max-width: 480px) {
  .p-onlineShopDetail__caution {
      min-width: auto;
      width: 100%
  }
}

.p-onlineShopDetail__caution .c-text__sub {
  letter-spacing: .02em;
  color: #4d515a
}

.p-onlineShopDetail__dateSell {
  text-align: right;
  margin: 32px 0 -16px;
  font-size: 13px;
  letter-spacing: .04em;
  color: #888
}

.p-onlineShopDetail__description {
  font-size: 15px;
  line-height: 1.7em;
  margin: 32px 0 0;
  padding: 32px 0 0;
  border-top: 1px solid #e5e9ee
}

.p-onlineShopDetail__data {
  font-size: 14px;
  line-height: 1.7em;
  margin: 32px 0 0;
  padding: 32px 0 0;
  border-top: 1px solid #e5e9ee
}

.p-onlineShopDetail__data__item__head {
  color: #666;
  border-left: 4px solid #e5e9ee;
  padding: 0 0 0 8px;
  margin: 0 0 8px
}

.p-onlineShopDetail__data__item+.p-onlineShopDetail__data__item {
  margin: 24px 0 0
}

.p-onlineShopDetail__data__item__list li {
  padding: 0 0 0 24px;
  position: relative
}

.p-onlineShopDetail__data__item__list li+li {
  margin: 4px 0 0
}

.p-onlineShopDetail__data__item__list li:before {
  content: "・";
  color: #91a6be;
  position: absolute;
  top: .7em;
  left: 12px;
  transform: translateY(-50%)
}

.p-onlineShopDetail--modal .p-onlineShopDetail__image {
  flex: 0 0 auto;
  margin: 0 48px 0 0;
  max-width: 310px;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-onlineShopDetail--modal .p-onlineShopDetail__image {
      margin: 0 0 20px;
      width: 100%;
      max-width: none
  }
}

.p-onlineShopCart {
  padding: 40px 0 120px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart {
      display: flex;
      flex-wrap: wrap;
      padding: 32px 0 80px;
      max-width: 480px;
      width: 100%;
      margin: 0 auto
  }
}

.p-onlineShopCart__main {
  flex: auto;
  min-width: 0;
  margin-right: 400px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopCart__main {
      margin-right: 260px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__main {
      margin-right: 0
  }
}

.p-onlineShopCart__main__tablet {
  display: none;
  margin: -16px 0 40px
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__main__tablet {
      display: block;
      margin: -8px 0 24px
  }
}

.p-onlineShopCart__main__head {
  margin: 0 0 32px
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__main__head {
      margin: 0 0 16px
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__main__head {
      margin: 0 0 12px
  }
}

.p-onlineShopCart__main__head__title {
  position: relative
}

.p-onlineShopCart__main__head__title--cart {
  padding: 0 0 0 48px
}

.p-onlineShopCart__main__head__title--cart:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../img/web/onlineShop/cart--pink.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.p-onlineShopCart__noItem {
  background: #f7f2f2;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-onlineShopCart__noItem {
      padding: 40px 24px
  }
}

.p-onlineShopCart__noItem .p-buttonWrap {
  margin-top: 24px
}

.p-onlineShopCart__table {
  width: 100%
}

.p-onlineShopCart__sidebar {
  flex: 0 0 360px;
  width: 360px;
  margin: 0 0 0 80px;
  position: fixed;
  top: 136px;
  left: 50vw;
  z-index: 1;
  transform: translateX(120px)
}

@media screen and (max-width: 1280px) {
  .p-onlineShopCart__sidebar {
      margin: 0;
      left: auto;
      right: 40px;
      transform: translate(0, 0)
  }
}

@media screen and (max-width: 1080px) {
  .p-onlineShopCart__sidebar {
      flex: 0 0 240px;
      width: 240px;
      right: 24px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__sidebar {
      position: static;
      margin: 40px auto;
      flex: none;
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .p-onlineShopCart__sidebar {
      margin: 32px 0
  }
}

.p-onlineShopCart__sidebar__head {
  margin: 0 0 24px
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__sidebar__head {
      display: none
  }
}

.p-onlineShopCart__sidebar__head__step {
  display: flex;
  max-width: 320px;
  width: 100%;
  margin: 0 auto
}

.p-onlineShopCart__sidebar__head__step>li {
  width: 33.3333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

.p-onlineShopCart__sidebar__head__step>li+li:before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: #e5e9ee;
  position: absolute;
  top: 24px;
  right: 50%
}

@media screen and (max-width: 480px) {
  .p-onlineShopCart__sidebar__head__step>li+li:before {
      top: 20px
  }
}

.p-onlineShopCart__sidebar__head__step>li .c-image,
.p-onlineShopCart__sidebar__head__step>li .c-image--standard,
.p-onlineShopCart__sidebar__head__step>li .c-image--wide,
.p-onlineShopCart__sidebar__head__step>li .c-image--notification {
  width: 48px;
  background-color: #e5e9ee !important;
  background-size: 44px 44px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 0 0 4px;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 480px) {

  .p-onlineShopCart__sidebar__head__step>li .c-image,
  .p-onlineShopCart__sidebar__head__step>li .c-image--standard,
  .p-onlineShopCart__sidebar__head__step>li .c-image--wide,
  .p-onlineShopCart__sidebar__head__step>li .c-image--notification {
      width: 40px
  }
}

.p-onlineShopCart__sidebar__head__step>li p {
  color: #999;
  font-size: 12px
}

.p-onlineShopCart__sidebar__head__step>li.is-active .c-image,
.p-onlineShopCart__sidebar__head__step>li.is-active .c-image--standard,
.p-onlineShopCart__sidebar__head__step>li.is-active .c-image--wide,
.p-onlineShopCart__sidebar__head__step>li.is-active .c-image--notification {
  background-color: #176e39 !important
}

.p-onlineShopCart__sidebar__head__step>li.is-active p {
  color: #222 !important;
  font-weight: 500
}

.p-onlineShopCart__sidebar__head__step>li.is-active:before {
  background-color: #176e39 !important
}

.p-onlineShopCart__sidebar__body {
  background: #fff;
  border: 1px solid #898989;
  box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, .1);
  padding: 40px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopCart__sidebar__body {
      padding: 16px 0 0;
      border: none;
      box-shadow: none
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__sidebar__body {
      padding: 0
  }
}

.p-onlineShopCart__sidebar__body .p-dataList__item {
  color: #222;
  font-weight: 500;
  font-size: 18px
}

.p-onlineShopCart__sidebar__body .p-dataList__item--point {
  color: #ed3a3a;
  font-weight: 400
}

.p-onlineShopCart__sidebar__body .p-dataList__item--total {
  font-size: 24px;
  font-weight: 700
}

.p-onlineShopCart__sidebar__body .p-dataList__foot .p-buttonWrap .c-button--addToCart {
  margin: 0 0 8px
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__sidebar__body .p-dataList__foot .p-buttonWrap .c-button--addToCart--buy {
      position: fixed;
      bottom: 8px;
      left: 50%;
      z-index: 2;
      width: calc(100% - 24px);
      transform: translate(-50%, 0);
      max-width: 480px;
      box-shadow: 0 6px 8px #eed1d7
  }
}

.p-onlineShopCart__sidebar__body .p-dataList__foot .p-buttonWrap a+a {
  margin-top: 8px !important
}

.p-onlineShopCart__sidebar__body .p-onlineShopCart__featured {
  display: none
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__sidebar__body .p-onlineShopCart__featured {
      display: block;
      margin: 24px 0 0
  }
}

.p-onlineShopCart__sidebar__foot {
  margin: 16px 0 0
}

.p-onlineShopCart__sidebar--absolute {
  position: absolute;
  top: 50px;
  right: 0;
  transform: translateX(0);
  margin: 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__sidebar--absolute {
      position: relative;
      margin: 32px auto 0;
      transform: inherit;
      top: 0
  }
}

.p-onlineShopCart__featured {
  margin: 50px 0 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopCart__featured {
      display: none
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured {
      margin: 8px 0 0
  }
}

.p-onlineShopCart__featured__head {
  margin: 0 0 12px
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__head {
      margin: 0 0 6px
  }
}

.p-onlineShopCart__featured__head__title {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0;
  color: #222
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__head__title {
      font-size: 14px;
      color: #666
  }
}

.p-onlineShopCart__featured__head__title span {
  font-size: 13px;
  font-weight: 500;
  color: #999;
  margin: 0 0 0 12px;
  letter-spacing: .06em
}

.p-onlineShopCart__featured__body {
  padding: 24px 24px 43px;
  background: #f4f5f8
}

@media screen and (max-width: 1080px) {
  .p-onlineShopCart__featured__body {
      padding: 16px 16px 32px
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__body {
      padding: 8px 8px 16px
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list {
  margin: -10px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list {
      margin: -6px
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list>li {
  padding: 10px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list>li {
      padding: 6px
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__item {
  width: 25%;
  display: flex
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__item {
      width: 100%
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__contents {
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__contents {
      flex-direction: row
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__image {
  flex: 0 0 auto;
  margin: 0 auto 8px;
  width: 100%
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__image {
      width: 100px;
      margin: 0
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__text {
  padding: 0;
  margin: 0;
  flex: auto;
  min-height: 1px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text {
      flex: auto;
      min-width: 1px;
      padding: 0 0 0 12px;
      justify-content: center
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5em;
  max-height: 40px;
  overflow: hidden
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__title {
      margin: 0 0 4px;
      line-height: 1.4em;
      max-height: 34px
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__price {
  font-size: 14px;
  color: #222
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__price .unit {
  font-size: 12px
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap {
  padding: 12px 0 0;
  margin: auto 0 0
}

@media screen and (max-width: 560px) {
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap {
      padding: 0;
      margin: 6px 0 0;
      width: 140px
  }
}

.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--accent,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--action,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--form,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--inline,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--inlineArrow,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--weak,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--line,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--full,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--small,
.p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .p-home__middleNav__button {
  position: relative;
  z-index: 1;
  height: 32px;
  font-size: 12px !important;
  padding: 0 6px;
  box-shadow: none
}

@media screen and (max-width: 1080px) {

  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--accent,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--action,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--form,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--inline,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--inlineArrow,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--weak,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--line,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--full,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--small,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .p-home__middleNav__button {
      padding: 0;
      letter-spacing: -0.04em
  }
}

@media screen and (max-width: 560px) {

  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--accent,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--action,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--form,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--inline,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--inlineArrow,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--weak,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--line,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--full,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .c-button--small,
  .p-onlineShopCart__featured__body .p-onlineShopMain__list__text__buttonWrap .p-home__middleNav__button {
      letter-spacing: .04em
  }
}

.p-onlineShopCart--registration>form {
  width: 100%
}

.p-onlineShopCart--registration .p-onlineShopCart__main {
  margin-right: 0;
  margin: auto;
  max-width: 520px
}

.p-onlineShopCart--registration .p-onlineShopCart__main .p-list {
  flex: auto;
  min-width: 1px
}

.p-onlineShopCart--registration .p-onlineShopCart__main .p-list__item {
  border-bottom: none;
  padding: 0
}

.p-onlineShopCart--registration .p-onlineShopCart__main .p-list__item p {
  color: #222323
}

.p-onlineShopCart--registration .p-onlineShopCart__main .p-list__item p.title {
  font-size: 13px;
  flex: 0 0 120px
}

.p-onlineShopCart--registration .p-onlineShopCart__main .p-list__item p.data {
  font-size: 16px
}

.p-onlineShopCart--registration .p-onlineShopCart__main__foot {
  margin: 24px 0 0
}

.p-table--ec {
  table-layout: fixed
}

.p-table--ec .c-button,
.p-table--ec .c-button--accent,
.p-table--ec .c-button--action,
.p-table--ec .c-button--form,
.p-table--ec .c-button--inline,
.p-table--ec .c-button--inlineArrow,
.p-table--ec .c-button--weak,
.p-table--ec .c-button--line,
.p-table--ec .c-button--full,
.p-table--ec .c-button--small,
.p-table--ec .p-home__middleNav__button {
  line-height: 1.3em;
  padding: 0
}

.p-table--ec .p-table__head {
  border-bottom-color: #898989
}

.p-table--ec .p-table__tableHead {
  font-size: 12px
}

.p-table--ec .p-table__tableHead--image {
  width: 160px
}

@media screen and (max-width: 560px) {
  .p-table--ec .p-table__tableHead--image {
      width: 96px
  }
}

.p-table--ec .p-table__tableHead--amount {
  width: 48px
}

.p-table--ec .p-table__tableHead--price {
  width: 96px
}

@media screen and (max-width: 374px) {
  .p-table--ec .p-table__tableHead--price {
      width: 84px
  }
}

.p-table--ec .p-table__tableHead--price--wide {
  width: 140px
}

@media screen and (max-width: 374px) {
  .p-table--ec .p-table__tableHead--price--wide {
      width: 110px
  }
}

.p-table--ec .p-table__tableHead--control {
  width: 48px
}

.p-table--ec .p-table__tbody tr {
  border-bottom-color: #ccc
}

.p-table--ec .p-table__item {
  padding: 12px 4px 8px;
  vertical-align: top
}

.p-table--ec .p-table__item .p-user {
  padding: 0 0 0 36px
}

@media screen and (max-width: 560px) {
  .p-table--ec .p-table__item .p-user {
      padding: 0 0 0 16px
  }
}

.p-table--ec .p-table__item .p-user__text {
  width: 100%
}

.p-table--ec .p-table__item .p-user__text p {
  font-weight: 500;
  line-height: 1.3em;
  width: 100%;
  display: block;
  color: #222
}

.p-table--ec .p-table__item .p-user__text p.p-table__item__name {
  font-size: 18px;
  margin: 4px 0 0
}

@media screen and (max-width: 560px) {
  .p-table--ec .p-table__item .p-user__text p.p-table__item__name {
      font-size: 14px
  }
}

.p-table--ec .p-table__item .p-user__text p.p-table__item__category {
  color: #aaa;
  font-size: 12px;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: .06em
}

.p-table--ec .p-table__item .p-user__text p.p-table__item__price {
  font-size: 18px;
  font-weight: 600;
  margin: 4px 0 0
}

.p-table--ec .p-table__item .p-user__text .p-table th {
  width: 48px
}

.p-table--ec .p-table__item .p-user__text .p-table td p {
  font-weight: 400
}

.p-table--ec .p-table__item__count {
  display: flex;
  margin: 20px 0 0;
  width: 100%
}

.p-table--ec .p-table__item__count form {
  flex: 0 0 auto;
  display: flex;
  align-items: baseline
}

.p-table--ec .p-table__item__count form .unit {
  flex: 0 0 auto;
  font-size: 12px;
  margin: 0 12px 0 0
}

.p-table--ec .p-table__item__count .p-buttonWrap {
  margin-left: auto
}

.p-table--ec .p-table__item__count .p-buttonWrap .c-button,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--accent,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--action,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--form,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--inline,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--inlineArrow,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--weak,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--line,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--full,
.p-table--ec .p-table__item__count .p-buttonWrap .c-button--small,
.p-table--ec .p-table__item__count .p-buttonWrap .p-home__middleNav__button {
  font-size: 14px;
  font-weight: 500;
  color: #704b52
}

.p-table--ec .p-table__item .c-input--select {
  width: 100%;
  align-items: center;
  position: relative;
  z-index: 0
}

.p-table--ec .p-table__item .c-input--select:before {
  content: none
}

.p-table--ec .p-table__item .c-input--select .label {
  min-width: 48px;
  height: 24px;
  text-align: center;
  padding: 0 10px;
  border: solid 1px #444;
  border-radius: 4px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer
}

.p-table--ec .p-table__item .c-input--select select {
  min-width: 48px;
  height: 24px;
  text-align: center;
  padding: 0 10px;
  border-color: #444;
  position: absolute;
  opacity: 0;
  z-index: 2;
  font-size: 16px
}

.p-table--ec .p-table__item__total {
  display: flex;
  align-items: baseline;
  justify-content: flex-end
}

.p-table--ec .p-table__item__total__count {
  font-size: 14px;
  margin: 0 12px 0 0;
  color: #222
}

.p-table--ec .p-table__item__total__price {
  font-size: 20px;
  font-weight: 600;
  color: #222
}

.p-table--ec .p-table__item--setItem {
  padding: 16px 4px 8px
}

.p-table--ec .p-table__item--setItem .p-table {
  margin: 16px 0 8px;
  border-top: 1px solid #e1e6ea
}

.p-table--ec .p-table__item--setItem .p-table tr {
  border-bottom-color: #e1e6ea
}

.p-table--ec .p-table__item--setItem .p-table__item {
  padding: 8px 4px;
  vertical-align: middle
}

.p-table--ec .p-table__item--setItem .p-table__item__count {
  margin: 0
}

.p-table--ec .p-table__tableFoot .p-table__item {
  padding: 4px 0 0
}

.p-table--confirm .p-table__item {
  vertical-align: middle
}

.p-table--confirm .p-table__item .p-user {
  padding: 0
}

.p-table--confirm .p-table__item .p-user__image {
  flex: 0 0 40px
}

.p-table--confirm .p-table__item .p-user__text {
  flex: auto;
  min-width: 1px;
  width: auto
}

.p-table--confirm .p-table__tbody .setItem .p-table__item .p-user {
  align-items: flex-start
}

.p-table--confirm .p-table__tbody .setItem .p-table__item .p-user .p-table {
  margin: 6px 0;
  border-left: solid 1px #ddd
}

.p-table--confirm .p-table__tbody .setItem .p-table__item .p-user .p-table tr {
  border-bottom: none
}

.p-table--confirm .p-table__tbody .setItem .p-table__item .p-user .p-table__item {
  padding: 2px 4px 2px 8px
}

.p-table--confirm .p-table__tbody .setItem .p-table__item .p-user .p-table__item p {
  font-size: 13px;
  font-weight: 400;
  color: #666
}

.p-onlineShopEdit__title {
  font-size: 20px;
  font-weight: 500;
  color: #42484c;
  margin: 0 0 0px;
  padding: 10px 16px;
  background: #f5f7f9
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__title {
      margin: 0 0 8px;
      font-size: 16px
  }
}

.p-onlineShopEdit__item {
  padding: 32px 0;
  border-top: 1px solid #e5e9ee;
  display: flex
}

.p-onlineShopEdit__item--transparent {
  border-top: none
}

.p-onlineShopEdit__item--wrap {
  flex-wrap: wrap
}

.p-onlineShopEdit__item--wrap>* {
  flex: 0 0 100%;
  width: 100%
}

@media screen and (max-width: 560px) {
  .p-onlineShopEdit__item {
      flex-wrap: wrap;
      padding: 16px 0
  }
}

.p-onlineShopEdit__item__label {
  flex: 0 0 160px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopEdit__item__label {
      flex: 0 0 120px
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopEdit__item__label {
      flex: 0 0 100%;
      margin: 0 0 12px
  }
}

.p-onlineShopEdit__item__data {
  flex: auto;
  min-width: 0
}

.p-onlineShopEdit__item__data small {
  display: block;
  margin: 4px 0
}

.p-onlineShopEdit__item__data .label__payment {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.p-onlineShopEdit__item__data .label__payment img {
  margin: 0 0 0 8px;
  opacity: .5
}

.p-onlineShopEdit__item__data :checked+.label__payment img {
  opacity: 1
}

.p-onlineShopEdit__item__data .js-target__payment {
  display: none
}

.p-onlineShopEdit__item__data .js-target__payment--0 {
  display: flex
}

.p-onlineShopEdit__item__edit {
  flex: 0 0 48px;
  display: flex;
  justify-content: center
}

.p-onlineShopEdit__item__edit .c-button,
.p-onlineShopEdit__item__edit .c-button--accent,
.p-onlineShopEdit__item__edit .c-button--action,
.p-onlineShopEdit__item__edit .c-button--form,
.p-onlineShopEdit__item__edit .c-button--inline,
.p-onlineShopEdit__item__edit .c-button--inlineArrow,
.p-onlineShopEdit__item__edit .c-button--weak,
.p-onlineShopEdit__item__edit .c-button--line,
.p-onlineShopEdit__item__edit .c-button--full,
.p-onlineShopEdit__item__edit .c-button--small,
.p-onlineShopEdit__item__edit .p-home__middleNav__button {
  padding: 0
}

.p-onlineShopEdit__item__current {
  margin: 0 0 24px
}

.p-onlineShopEdit__item__current__head {
  margin: 0 0 6px
}

.p-onlineShopEdit__item__current__title {
  font-size: 14px;
  font-weight: 500
}

.p-onlineShopEdit__item__current__body .c-input--radio--label label {
  width: 100%;
  padding: 0 16px;
  display: flex
}

.p-onlineShopEdit__item__current__body .c-input--radio--label label:before {
  display: none
}

.p-onlineShopEdit__item__current__body .c-input--radio--label label p.number {
  margin-left: auto;
  color: #999;
  font-size: 13px
}

.p-onlineShopEdit__item__current__body .c-input--radio--label input:checked+label {
  background: #e7f1fd
}

.p-onlineShopEdit__item__current__body .c-input--radio--label input:checked+label p {
  color: #1a73e8
}

.p-onlineShopEdit__members {
  padding: 20px 24px 0px;
  margin: 0 0 48px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopEdit__members {
      padding: 20px 0px 0px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members {
      padding: 6px 8px 0px;
      margin: 0 0 24px
  }
}

.p-onlineShopEdit__members__head {
  margin: 0 0 16px
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__head {
      margin: 0 0 0;
      display: none
  }
}

.p-onlineShopEdit__members__title {
  font-size: 18px;
  font-weight: 600;
  color: #444;
  display: flex;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__title {
      font-size: 16px
  }
}

.p-onlineShopEdit__members__title:after {
  content: "";
  flex: auto;
  min-width: 1px;
  height: 1px;
  background: #ddd;
  margin: 0 0 0 24px;
  display: none
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__body {
      max-width: 300px;
      margin: auto
  }
}

.p-onlineShopEdit__members__list {
  display: flex;
  margin: -20px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopEdit__members__list {
      margin: -16px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list {
      flex-direction: column;
      margin: -8px
  }
}

.p-onlineShopEdit__members__list__item {
  padding: 20px;
  flex: auto;
  min-width: 1px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopEdit__members__list__item {
      padding: 16px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__item {
      padding: 8px
  }
}

.p-onlineShopEdit__members__list__item--corporation {
  position: relative
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__item--corporation {
      width: 100%
  }
}

.p-onlineShopEdit__members__list__item--corporation:before {
  content: "";
  width: 1px;
  height: calc(100% - 40px);
  left: 0;
  top: 20px;
  background: #eee;
  position: absolute
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__item--corporation:before {
      display: none
  }
}

.p-onlineShopEdit__members__list__item--corporation .p-buttonWrap .c-button--negative {
  background: #7e96b9;
  border-color: #7e96b9;
  color: #fff
}

.p-onlineShopEdit__members__list__item--corporation .p-buttonWrap .c-button--negative:hover {
  background: #647c9f
}

.p-onlineShopEdit__members__list__head {
  margin: 0 0 6px
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__head {
      margin: 0 0 4px
  }
}

.p-onlineShopEdit__members__list__title {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  display: flex;
  line-height: 1.2em;
  letter-spacing: 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__title {
      font-size: 14px
  }
}

.p-onlineShopEdit__members__list__title:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #848d96;
  margin: 3px 8px 0 0;
  opacity: .4
}

.p-onlineShopEdit__members__list__body .annotation {
  font-size: 12px;
  line-height: 1.3em;
  margin: 6px 0 0;
  color: #aaa
}

.p-onlineShopEdit__members__list__body .c-input,
.p-onlineShopEdit__members__list__body .c-input--full,
.p-onlineShopEdit__members__list__body .c-input--select,
.p-onlineShopEdit__members__list__body .c-input--file,
.p-onlineShopEdit__members__list__body .c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input--radio,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond {
  flex-direction: column;
  width: 100%
}

.p-onlineShopEdit__members__list__body .c-input__title {
  font-size: 12px;
  font-weight: 600
}

.p-onlineShopEdit__members__list__body .c-input input,
.p-onlineShopEdit__members__list__body .c-input--full input,
.p-onlineShopEdit__members__list__body .c-input--select input,
.p-onlineShopEdit__members__list__body .c-input--file input,
.p-onlineShopEdit__members__list__body .c-input--checkbox input,
.p-onlineShopEdit__members__list__body .c-input--radio input,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond input {
  width: 100%
}

.p-onlineShopEdit__members__list__body .c-input+.c-input,
.p-onlineShopEdit__members__list__body .c-input--full+.c-input,
.p-onlineShopEdit__members__list__body .c-input--select+.c-input,
.p-onlineShopEdit__members__list__body .c-input--file+.c-input,
.p-onlineShopEdit__members__list__body .c-input--checkbox+.c-input,
.p-onlineShopEdit__members__list__body .c-input--radio+.c-input,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond+.c-input,
.p-onlineShopEdit__members__list__body .c-input+.c-input--full,
.p-onlineShopEdit__members__list__body .c-input--full+.c-input--full,
.p-onlineShopEdit__members__list__body .c-input--select+.c-input--full,
.p-onlineShopEdit__members__list__body .c-input--file+.c-input--full,
.p-onlineShopEdit__members__list__body .c-input--checkbox+.c-input--full,
.p-onlineShopEdit__members__list__body .c-input--radio+.c-input--full,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond+.c-input--full,
.p-onlineShopEdit__members__list__body .c-input+.c-input--select,
.p-onlineShopEdit__members__list__body .c-input--full+.c-input--select,
.p-onlineShopEdit__members__list__body .c-input--select+.c-input--select,
.p-onlineShopEdit__members__list__body .c-input--file+.c-input--select,
.p-onlineShopEdit__members__list__body .c-input--checkbox+.c-input--select,
.p-onlineShopEdit__members__list__body .c-input--radio+.c-input--select,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond+.c-input--select,
.p-onlineShopEdit__members__list__body .c-input+.c-input--file,
.p-onlineShopEdit__members__list__body .c-input--full+.c-input--file,
.p-onlineShopEdit__members__list__body .c-input--select+.c-input--file,
.p-onlineShopEdit__members__list__body .c-input--file+.c-input--file,
.p-onlineShopEdit__members__list__body .c-input--checkbox+.c-input--file,
.p-onlineShopEdit__members__list__body .c-input--radio+.c-input--file,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond+.c-input--file,
.p-onlineShopEdit__members__list__body .c-input+.c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input--full+.c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input--select+.c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input--file+.c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input--checkbox+.c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input--radio+.c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond+.c-input--checkbox,
.p-onlineShopEdit__members__list__body .c-input+.c-input--radio,
.p-onlineShopEdit__members__list__body .c-input--full+.c-input--radio,
.p-onlineShopEdit__members__list__body .c-input--select+.c-input--radio,
.p-onlineShopEdit__members__list__body .c-input--file+.c-input--radio,
.p-onlineShopEdit__members__list__body .c-input--checkbox+.c-input--radio,
.p-onlineShopEdit__members__list__body .c-input--radio+.c-input--radio,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond+.c-input--radio,
.p-onlineShopEdit__members__list__body .c-input+.c-input--radio--beyond,
.p-onlineShopEdit__members__list__body .c-input--full+.c-input--radio--beyond,
.p-onlineShopEdit__members__list__body .c-input--select+.c-input--radio--beyond,
.p-onlineShopEdit__members__list__body .c-input--file+.c-input--radio--beyond,
.p-onlineShopEdit__members__list__body .c-input--checkbox+.c-input--radio--beyond,
.p-onlineShopEdit__members__list__body .c-input--radio+.c-input--radio--beyond,
.p-onlineShopEdit__members__list__body .c-input--radio--beyond+.c-input--radio--beyond {
  margin: 4px 0 0
}

.p-onlineShopEdit__members__list__body .p-buttonWrap {
  margin-top: 6px;
  flex-wrap: wrap
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__body .p-buttonWrap {
      margin-top: -2px
  }
}

.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--accent,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--action,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--form,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--inline,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--inlineArrow,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--weak,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--line,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--full,
.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--small,
.p-onlineShopEdit__members__list__body .p-buttonWrap .p-home__middleNav__button {
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  justify-content: center
}

@media screen and (max-width: 1080px) {

  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--accent,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--action,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--form,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--inline,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--inlineArrow,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--weak,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--line,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--full,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--small,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .p-home__middleNav__button {
      height: 48px;
      font-size: 14px
  }
}

@media screen and (max-width: 768px) {

  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--accent,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--action,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--form,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--inline,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--inlineArrow,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--weak,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--line,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--full,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--small,
  .p-onlineShopEdit__members__list__body .p-buttonWrap .p-home__middleNav__button {
      border-radius: 2px
  }
}

.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--main,
.p-onlineShopEdit__members__list__body .p-buttonWrap .p-pagination__list__button {
  background: #e0778d;
  border-color: #e0778d
}

.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--text {
  height: auto;
  font-size: 13px;
  color: #848d96;
  font-weight: 400;
  margin: 7px 0 0;
  padding: 0;
  display: flex;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--text {
      font-size: 12px;
      margin: 4px 0 0;
      padding: 6px 10px;
      border: solid 1px #ddd;
      border-radius: 2px
  }
}

.p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--text:hover {
  text-decoration: underline
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__members__list__body .p-buttonWrap .c-button--text:hover {
      text-decoration: none
  }
}

.p-onlineShopEdit__members__list__body .p-buttonWrap__sub {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: auto;
  min-width: 1px;
  padding: 0 0 0 10px
}

.p-onlineShopEdit__members__list__body .p-buttonWrap__sub a {
  font-size: 12px;
  color: #5b98ce;
  line-height: 1.6em
}

.p-onlineShopEdit__point .c-text {
  line-height: 1;
  color: #444;
  display: flex;
  align-items: center
}

.p-onlineShopEdit__point .c-text__lv4,
.p-onlineShopEdit__point .p-pricePlan__section__head__title,
.p-onlineShopEdit__point .p-warrantyId__head__plan,
.p-onlineShopEdit__point .p-warrantyStep__complete__body__copy,
.p-onlineShopEdit__point .p-warrantyStep__notice__head__title,
.p-onlineShopEdit__point .p-warrantyStep__head__copy,
.p-onlineShopEdit__point .p-warranty__plan__option__list__head__title,
.p-onlineShopEdit__point .p-warranty__plan__list__head__title--small,
.p-onlineShopEdit__point .p-warranty__about__list__head .number,
.p-warranty__about__list__head .p-onlineShopEdit__point .number,
.p-onlineShopEdit__point .p-warranty__about__list__head .title,
.p-warranty__about__list__head .p-onlineShopEdit__point .title,
.p-onlineShopEdit__point .p-warranty__section__head__copy {
  line-height: 1;
  margin: 0 0 0 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  color: #e0778d
}

.p-onlineShopEdit__point .c-text__lv4:before,
.p-onlineShopEdit__point .p-pricePlan__section__head__title:before,
.p-onlineShopEdit__point .p-warrantyId__head__plan:before,
.p-onlineShopEdit__point .p-warrantyStep__complete__body__copy:before,
.p-onlineShopEdit__point .p-warrantyStep__notice__head__title:before,
.p-onlineShopEdit__point .p-warrantyStep__head__copy:before,
.p-onlineShopEdit__point .p-warranty__plan__option__list__head__title:before,
.p-onlineShopEdit__point .p-warranty__plan__list__head__title--small:before,
.p-onlineShopEdit__point .p-warranty__about__list__head .number:before,
.p-warranty__about__list__head .p-onlineShopEdit__point .number:before,
.p-onlineShopEdit__point .p-warranty__about__list__head .title:before,
.p-warranty__about__list__head .p-onlineShopEdit__point .title:before,
.p-onlineShopEdit__point .p-warranty__section__head__copy:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  background: url(../img/common/icon/point.svg) no-repeat center;
  background-size: contain;
  transform: translate(0, 0)
}

.p-onlineShopEdit__point__form {
  display: flex;
  margin: 12px 0 0
}

.p-onlineShopEdit__point__form .c-input,
.p-onlineShopEdit__point__form .c-input--full,
.p-onlineShopEdit__point__form .c-input--select,
.p-onlineShopEdit__point__form .c-input--file,
.p-onlineShopEdit__point__form .c-input--checkbox,
.p-onlineShopEdit__point__form .c-input--radio,
.p-onlineShopEdit__point__form .c-input--radio--beyond {
  max-width: 160px
}

.p-onlineShopEdit__point__form .p-buttonWrap {
  margin-left: 4px
}

.p-onlineShopEdit__point__form .p-buttonWrap .c-button,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--accent,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--action,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--form,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--inline,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--inlineArrow,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--weak,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--line,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--full,
.p-onlineShopEdit__point__form .p-buttonWrap .c-button--small,
.p-onlineShopEdit__point__form .p-buttonWrap .p-home__middleNav__button {
  height: 40px
}

.p-onlineShopEdit__option {
  margin: 0 0 56px
}

.p-onlineShopEdit__option__machine {
  display: flex;
  margin: 24px 0 16px
}

@media screen and (max-width: 480px) {
  .p-onlineShopEdit__option__machine {
      margin: 16px 0
  }
}

.p-onlineShopEdit__option__machine__image {
  flex: 0 0 auto;
  width: 100px;
  margin: 0 16px 0 0
}

.p-onlineShopEdit__option__machine__image .c-image,
.p-onlineShopEdit__option__machine__image .c-image--standard,
.p-onlineShopEdit__option__machine__image .c-image--wide,
.p-onlineShopEdit__option__machine__image .c-image--notification {
  border: solid 1px #edeff0
}

.p-onlineShopEdit__option__machine__text {
  flex: auto;
  min-width: 1px
}

.p-onlineShopEdit__option__machine__text .name {
  font-weight: 500;
  font-size: 18px;
  color: #42484c;
  line-height: 1;
  margin: 6px 0 2px
}

.p-onlineShopEdit__option__machine__text .price {
  font-size: 16px;
  font-weight: 600;
  color: #222
}

.p-onlineShopEdit__option__machine__text .count {
  color: #222
}

.p-onlineShopEdit__option__item {
  padding: 20px 32px 24px;
  background: #fafbfc;
  border: solid 1px #eaecf0
}

@media screen and (max-width: 768px) {
  .p-onlineShopEdit__option__item {
      padding: 16px 16px 24px
  }
}

.p-onlineShopEdit__option__item__title {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px;
  color: #222
}

@media screen and (max-width: 480px) {

  .p-onlineShopEdit__option__item .c-input,
  .p-onlineShopEdit__option__item .c-input--full,
  .p-onlineShopEdit__option__item .c-input--select,
  .p-onlineShopEdit__option__item .c-input--file,
  .p-onlineShopEdit__option__item .c-input--checkbox,
  .p-onlineShopEdit__option__item .c-input--radio,
  .p-onlineShopEdit__option__item .c-input--radio--beyond {
      margin: -2px
  }
}

.p-onlineShopEdit__option__item .c-input label,
.p-onlineShopEdit__option__item .c-input--full label,
.p-onlineShopEdit__option__item .c-input--select label,
.p-onlineShopEdit__option__item .c-input--file label,
.p-onlineShopEdit__option__item .c-input--checkbox label,
.p-onlineShopEdit__option__item .c-input--radio label,
.p-onlineShopEdit__option__item .c-input--radio--beyond label {
  padding: 16px 16px 16px 40px;
  background: #fff;
  border: solid 1px #e5e9ed;
  min-height: 56px;
  border-radius: 6px;
  color: #91a6be;
  flex: 1;
  min-width: 1px;
  font-size: 16px;
  font-weight: 500
}

@media screen and (max-width: 1080px) {

  .p-onlineShopEdit__option__item .c-input label,
  .p-onlineShopEdit__option__item .c-input--full label,
  .p-onlineShopEdit__option__item .c-input--select label,
  .p-onlineShopEdit__option__item .c-input--file label,
  .p-onlineShopEdit__option__item .c-input--checkbox label,
  .p-onlineShopEdit__option__item .c-input--radio label,
  .p-onlineShopEdit__option__item .c-input--radio--beyond label {
      flex: auto
  }
}

@media screen and (max-width: 480px) {

  .p-onlineShopEdit__option__item .c-input label,
  .p-onlineShopEdit__option__item .c-input--full label,
  .p-onlineShopEdit__option__item .c-input--select label,
  .p-onlineShopEdit__option__item .c-input--file label,
  .p-onlineShopEdit__option__item .c-input--checkbox label,
  .p-onlineShopEdit__option__item .c-input--radio label,
  .p-onlineShopEdit__option__item .c-input--radio--beyond label {
      width: 100%;
      margin: 2px
  }
}

.p-onlineShopEdit__option__item .c-input label:before,
.p-onlineShopEdit__option__item .c-input--full label:before,
.p-onlineShopEdit__option__item .c-input--select label:before,
.p-onlineShopEdit__option__item .c-input--file label:before,
.p-onlineShopEdit__option__item .c-input--checkbox label:before,
.p-onlineShopEdit__option__item .c-input--radio label:before,
.p-onlineShopEdit__option__item .c-input--radio--beyond label:before {
  width: 18px;
  height: 18px;
  left: 13px
}

.p-onlineShopEdit__option__item .c-input label .add,
.p-onlineShopEdit__option__item .c-input--full label .add,
.p-onlineShopEdit__option__item .c-input--select label .add,
.p-onlineShopEdit__option__item .c-input--file label .add,
.p-onlineShopEdit__option__item .c-input--checkbox label .add,
.p-onlineShopEdit__option__item .c-input--radio label .add,
.p-onlineShopEdit__option__item .c-input--radio--beyond label .add {
  color: #91a6be;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0 auto
}

.p-onlineShopEdit__option__item .c-input label .add small,
.p-onlineShopEdit__option__item .c-input--full label .add small,
.p-onlineShopEdit__option__item .c-input--select label .add small,
.p-onlineShopEdit__option__item .c-input--file label .add small,
.p-onlineShopEdit__option__item .c-input--checkbox label .add small,
.p-onlineShopEdit__option__item .c-input--radio label .add small,
.p-onlineShopEdit__option__item .c-input--radio--beyond label .add small {
  color: #91a6be;
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 0 4px
}

.p-onlineShopEdit__option__item .c-input input:checked+label,
.p-onlineShopEdit__option__item .c-input--full input:checked+label,
.p-onlineShopEdit__option__item .c-input--select input:checked+label,
.p-onlineShopEdit__option__item .c-input--file input:checked+label,
.p-onlineShopEdit__option__item .c-input--checkbox input:checked+label,
.p-onlineShopEdit__option__item .c-input--radio input:checked+label,
.p-onlineShopEdit__option__item .c-input--radio--beyond input:checked+label {
  background: #f1f6fe;
  border-color: #1c73e8;
  color: #1c73e8;
  font-weight: 600
}

.p-onlineShopEdit__option__item .c-input input:checked+label .add,
.p-onlineShopEdit__option__item .c-input--full input:checked+label .add,
.p-onlineShopEdit__option__item .c-input--select input:checked+label .add,
.p-onlineShopEdit__option__item .c-input--file input:checked+label .add,
.p-onlineShopEdit__option__item .c-input--checkbox input:checked+label .add,
.p-onlineShopEdit__option__item .c-input--radio input:checked+label .add,
.p-onlineShopEdit__option__item .c-input--radio--beyond input:checked+label .add {
  color: #1c73e8
}

.p-onlineShopEdit__option__item .c-input input:checked+label .add small,
.p-onlineShopEdit__option__item .c-input--full input:checked+label .add small,
.p-onlineShopEdit__option__item .c-input--select input:checked+label .add small,
.p-onlineShopEdit__option__item .c-input--file input:checked+label .add small,
.p-onlineShopEdit__option__item .c-input--checkbox input:checked+label .add small,
.p-onlineShopEdit__option__item .c-input--radio input:checked+label .add small,
.p-onlineShopEdit__option__item .c-input--radio--beyond input:checked+label .add small {
  color: #1c73e8
}

.p-onlineShopEdit__option__item>small {
  font-size: 12px;
  display: block;
  color: #777;
  margin: 8px 0 0
}

.p-onlineShopEdit__option__item>small+small {
  margin: 2px 0 0
}

.p-onlineShopEdit__option__payment {
  margin: 16px 0 0;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 480px) {
  .p-onlineShopEdit__option__payment {
      margin: 12px 0 0
  }
}

.p-onlineShopEdit__option__payment__form {
  flex: auto;
  min-width: 1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.p-onlineShopEdit__option__payment p {
  margin: 0 16px 0 0;
  color: #444
}

.p-onlineShopEdit__option__payment .c-input,
.p-onlineShopEdit__option__payment .c-input--full,
.p-onlineShopEdit__option__payment .c-input--select,
.p-onlineShopEdit__option__payment .c-input--file,
.p-onlineShopEdit__option__payment .c-input--checkbox,
.p-onlineShopEdit__option__payment .c-input--radio,
.p-onlineShopEdit__option__payment .c-input--radio--beyond {
  min-width: 240px;
  margin: 0
}

.p-onlineShopEdit__option__payment img {
  margin: 4px 0 0;
  display: block
}

.p-onlineShopComplete {
  padding: 80px 0
}

@media screen and (max-width: 480px) {
  .p-onlineShopComplete {
      padding: 40px 0
  }
}

.p-onlineShopComplete__head {
  display: flex;
  justify-content: center;
  margin: 0 0 48px
}

.p-onlineShopComplete__head {
  display: flex;
  justify-content: center
}

.p-onlineShopComplete__middle {
  text-align: center
}

.p-onlineShopComplete__title {
  text-align: center
}

.p-onlineShopComplete__title--yet {
  font-size: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: solid 3px #e0778d;
  border-bottom: none;
  color: #e0778d;
  margin: auto;
  padding: 16px 24px 14px;
  position: relative;
  box-shadow: 0 4px 12px rgba(53, 138, 43, .2)
}

@media screen and (max-width: 768px) {
  .p-onlineShopComplete__title--yet {
      width: 100%;
      max-width: 430px;
      font-size: 24px;
      padding: 16px 8px 14px
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopComplete__title--yet {
      font-size: 22px;
      text-align: left;
      padding: 12px 8px 12px;
      border-width: 2px;
      line-height: 1.3em
  }
}

.p-onlineShopComplete__title--yet:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/web/onlineShop/yet__ico.svg) no-repeat center;
  background-size: contain;
  margin: 0 8px 0 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopComplete__title--yet:before {
      width: 24px;
      height: 24px
  }
}

@media screen and (max-width: 560px) {
  .p-onlineShopComplete__title--yet:before {
      width: 32px;
      height: 32px;
      flex: 0 0 auto;
      margin: 0 12px 0 0
  }
}

.p-onlineShopComplete__title--yet:after {
  content: "";
  width: calc(100% + 6px);
  height: 24px;
  position: absolute;
  bottom: 0;
  left: -3px;
  background: url(../img/web/onlineShop/yet__bar--under.svg) no-repeat left top;
  background-size: 101% auto;
  transform: translate(0, 100%)
}

@media screen and (max-width: 560px) {
  .p-onlineShopComplete__title--yet:after {
      left: -2px;
      width: calc(100% + 4px)
  }
}

.p-onlineShopComplete__title--yet br {
  display: none
}

@media screen and (max-width: 560px) {
  .p-onlineShopComplete__title--yet br {
      display: block
  }
}

.p-onlineShopComplete__body {
  margin: 24px auto 0;
  max-width: 560px;
  width: 100%
}

.p-onlineShopComplete__body .c-button--loan {
  width: 100%;
  max-width: 430px;
  margin: 20px auto 0;
  font-size: 24px !important;
  height: 88px;
  display: block;
  border-radius: 6px
}

@media screen and (max-width: 560px) {
  .p-onlineShopComplete__body .c-button--loan {
      margin: 10px auto 0;
      height: 80px;
      max-width: 340px
  }
}

.p-onlineShopComplete__description {
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-onlineShopComplete__description {
      text-align: left
  }
}

.p-onlineShopComplete__description a {
  color: #176e39;
  font-weight: 700
}

.p-onlineShopComplete__description a:hover {
  text-decoration: underline
}

.p-onlineShopComplete__description small.annotation {
  display: block;
  font-size: 12px;
  color: #999;
  margin: 16px 0 0
}

.p-onlineShopComplete__description--subscription {
  color: #222
}

@media screen and (max-width: 480px) {
  .p-onlineShopComplete__description--subscription {
      text-align: center
  }
}

.p-onlineShopComplete__orderNumber {
  margin: 24px auto 0;
  max-width: 430px;
  width: 100%;
  background: #e5e9ee;
  padding: 24px;
  text-align: center
}

.p-onlineShopComplete__orderNumber__head p {
  text-align: left
}

.p-onlineShopComplete__orderNumber__body {
  margin: 16px 0 0
}

.p-onlineShopComplete__orderNumber__body__title {
  text-align: left
}

.p-onlineShopComplete__orderNumber__body__list {
  margin: 8px 0 0
}

.p-onlineShopComplete__orderNumber__body__list__item+.p-onlineShopComplete__orderNumber__body__list__item {
  margin: 8px 0 0
}

.p-onlineShopComplete__orderNumber__body__list__item__body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 6px;
  border-bottom: solid 1px #d5dae0
}

.p-onlineShopComplete__orderNumber__body__list__item__body .c-image,
.p-onlineShopComplete__orderNumber__body__list__item__body .c-image--standard,
.p-onlineShopComplete__orderNumber__body__list__item__body .c-image--wide,
.p-onlineShopComplete__orderNumber__body__list__item__body .c-image--notification {
  flex: 0 0 auto;
  width: 60px;
  margin: 0 8px 0 0
}

.p-onlineShopComplete__orderNumber__body__list__item__body__name {
  text-align: left;
  line-height: 1.3em
}

.p-onlineShopComplete__orderNumber__body__list__item__body__name:after {
  content: attr(data-id);
  display: block;
  font-size: 12px;
  line-height: 1.3em;
  color: #a2a9b1;
  letter-spacing: .08em
}

.p-onlineShopComplete__orderNumber__body__list__item__body__color {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 1;
  margin: 4px 0
}

.p-onlineShopComplete__orderNumber__body__list__item__body__count {
  margin: 0 0 0 12px
}

.p-onlineShopComplete__orderNumber__body__list__item__body__price {
  margin-left: auto
}

.p-onlineShopComplete__orderNumber__body__list__item__body__price .unit {
  color: #444
}

.p-onlineShopComplete__orderNumber--subscription {
  background: #f2f4f7;
  padding: 16px
}

@media screen and (max-width: 480px) {
  .p-onlineShopComplete__orderNumber--subscription {
      padding: 14px 10px 10px
  }
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__head p {
  font-size: 13px;
  color: #222
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__head .c-number__lv5 {
  font-weight: 500;
  letter-spacing: .04rem;
  margin: 0 0 0 6px
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__title {
  font-size: 13px;
  color: #222;
  line-height: 1
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__list__item__body {
  padding: 0 0 12px
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__list__item__body__name {
  margin: 0 0 4px
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__list__item__body__count {
  margin: 0;
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  color: #222;
  line-height: 1.2rem
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__list__item__body__count[data-title] {
  display: flex;
  flex-wrap: wrap
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__list__item__body__count[data-title]:before {
  content: attr(data-title);
  width: 36px;
  color: #888;
  flex: 0 0 auto
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__list__item__body__price {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: right;
  margin: 6px 0 0
}

.p-onlineShopComplete__orderNumber--subscription .p-onlineShopComplete__orderNumber__body__list__item__body__price .unit {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  margin: 0 4px
}

.p-onlineShopComplete__foot {
  margin: 40px 0 0
}

.p-onlineShopComplete--corporation .p-onlineShopComplete__body {
  margin: 40px auto 0
}

.p-onlineShopComplete--corporation .p-onlineShopComplete__body .p-onlineShopComplete__title {
  margin: 0 0 16px
}

.p-onlineJusobijin {
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0 0 150px
}

.p-onlineJusobijin .center-block {
  display: block;
  margin: 0 auto
}

.p-onlineJusobijin .btn-cta {
  display: block;
  animation: scale .8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate
}

.p-onlineJusobijin .star5_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: gray;
  margin-right: 10px;
  line-height: 1em;
  font-size: 0
}

.p-onlineJusobijin .star5_rating:before,
.p-onlineJusobijin .star5_rating:after {
  content: "★★★★★";
  font-size: 24px;
  line-height: 1em
}

.p-onlineJusobijin .star5_rating:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #e8899c
}

.p-onlineJusobijin .star5_rating[data-rate="5"]:after {
  width: 100%
}

.p-onlineJusobijin .star5_rating[data-rate="4.5"]:after {
  width: 90%
}

.p-onlineJusobijin .star5_rating[data-rate="4"]:after {
  width: 80%
}

.p-onlineJusobijin .star5_rating[data-rate="3.5"]:after {
  width: 70%
}

.p-onlineJusobijin .star5_rating[data-rate="3"]:after {
  width: 60%
}

.p-onlineJusobijin .star5_rating[data-rate="2.5"]:after {
  width: 50%
}

.p-onlineJusobijin .star5_rating[data-rate="2"]:after {
  width: 40%
}

.p-onlineJusobijin .star5_rating[data-rate="1.5"]:after {
  width: 30%
}

.p-onlineJusobijin .star5_rating[data-rate="1"]:after {
  width: 20%
}

.p-onlineJusobijin .star5_rating[data-rate="0.5"]:after {
  width: 10%
}

.p-onlineJusobijin .star5_rating[data-rate="0"]:after {
  width: 0%
}

.p-onlineJusobijin .box-detail {
  max-width: 773px;
  margin: 0 auto;
  position: relative
}

.p-onlineJusobijin .box-detail .review {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: absolute;
  left: 11%;
  top: 7.5%
}

.p-onlineJusobijin .box-detail .review .in {
  padding-left: 44px;
  position: relative
}

.p-onlineJusobijin .box-detail .review .in:before {
  content: "";
  background: url(../img/ec/juso-bijin/ico_fukidashi.svg) no-repeat left top/100%;
  width: 34px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 5px
}

.p-onlineJusobijin .box-detail .review .in .star5_rating {
  display: inline-block
}

.p-onlineJusobijin .box-detail .review .in .star5_rating:before,
.p-onlineJusobijin .box-detail .review .in .star5_rating:after {
  font-size: 32px
}

.p-onlineJusobijin .box-detail .review .in .star5_rating:after {
  color: #fdf15a
}

.p-onlineJusobijin .box-detail .review .in .num {
  font-size: 27px;
  color: #fdf15a;
  font-weight: bold;
  letter-spacing: .05em;
  display: inline-block
}

.p-onlineJusobijin .box-detail .review .count {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  letter-spacing: .1em;
  padding-left: 48px
}

.p-onlineJusobijin .box-detail .btn-cta {
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto
}

.p-onlineJusobijin .box-detail .btn-cta.btn01 {
  bottom: 26%
}

.p-onlineJusobijin .box-detail .btn-cta.btn02 {
  bottom: 21%
}

.p-onlineJusobijin .box-detail .btn-cta.btn03 {
  bottom: 7%
}

.p-onlineJusobijin .movie-juso {
  max-width: 640px;
  margin: 60px auto 0
}

.p-onlineJusobijin .movie-juso video {
  width: 100%
}

.p-onlineJusobijin .box-info {
  max-width: 640px;
  margin: 0 auto 60px
}

.p-onlineJusobijin .box-info table {
  width: 100%
}

.p-onlineJusobijin .box-info table tr {
  border-bottom: 1px solid #4d4d4d
}

.p-onlineJusobijin .box-info table tr th {
  font-size: 23px;
  color: #000;
  letter-spacing: .1em;
  padding: 19px 10px 19px 0;
  line-height: 1.5em;
  width: 31.5%;
  vertical-align: top
}

.p-onlineJusobijin .box-info table tr td {
  padding: 19px 0;
  vertical-align: top
}

.p-onlineJusobijin .box-info table tr td p {
  font-size: 23px;
  color: #000;
  letter-spacing: .1em;
  line-height: 1.5em;
  margin-bottom: 18px
}

.p-onlineJusobijin .box-info table tr td p:last-child {
  margin-bottom: 0
}

.p-onlineJusobijin .box-info table tr td p small {
  font-size: 14px
}

.p-onlineJusobijin .box-info table tr.pd th,
.p-onlineJusobijin .box-info table tr.pd td {
  padding-top: 30px;
  padding-bottom: 30px
}

.p-onlineJusobijin .sec-movie {
  position: relative
}

.p-onlineJusobijin .sec-movie .inner {
  display: flex;
  justify-content: space-between;
  width: 57%;
  margin: 0 auto;
  position: absolute;
  left: 4%;
  right: 0;
  top: 0
}

.p-onlineJusobijin .sec-movie .inner .movie {
  width: 42%;
  box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, .1)
}

.p-onlineJusobijin .sec-movie .inner .movie video {
  width: 100%;
  height: auto;
  display: block
}

.p-onlineJusobijin .sec-movie .inner .txt {
  width: 50%;
  font-size: 1.2vw;
  color: #333;
  line-height: 1.8em;
  letter-spacing: .06em
}

.p-onlineJusobijin .sec-campaign {
  padding: 80px 0 0
}

.p-onlineJusobijin .sec-campaign .btn-cta {
  margin: 0 auto;
  max-width: 767px;
  width: 100%
}

.p-onlineJusobijin .sec-campaign .arrow {
  margin: 40px 0 85px
}

.p-onlineJusobijin .sec-product {
  padding: 150px 0 0
}

.p-onlineJusobijin .sec-product .box01 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  max-width: 672px;
  margin: 0 auto 45px
}

.p-onlineJusobijin .sec-product .box01 .block {
  width: 43%;
  margin-top: 25px
}

.p-onlineJusobijin .sec-product .box01 .block .ttl {
  font-size: 64px;
  color: #000;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  line-height: 1em
}

.p-onlineJusobijin .sec-product .box01 .block .en {
  font-size: 21px;
  color: #000;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  letter-spacing: .06em;
  margin-bottom: 68px
}

.p-onlineJusobijin .sec-product .box01 .block .txt {
  font-size: 19px;
  color: #000;
  line-height: 1.8em;
  letter-spacing: .12em
}

.p-onlineJusobijin .sec-product .box01 .img {
  width: 57%
}

.p-onlineJusobijin .sec-product .box01 .img img {
  transform: translateX(40px)
}

.p-onlineJusobijin .sec-product .price {
  max-width: 672px;
  margin: 0 auto 80px
}

.p-onlineJusobijin .sec-product .btn-cta-wrap {
  margin: 0 auto;
  max-width: 806px;
  width: 100%
}

.p-onlineJusobijin .sec-product .btn-cta-wrap a.btn-cta {
  margin-bottom: 30px;
  display: block
}

.p-onlineJusobijin .sec-product .btn-cta-wrap a.btn-cta:last-child {
  margin-bottom: 0
}

.p-onlineJusobijin .sec-product .box02 {
  margin: 60px auto 70px;
  max-width: 774px;
  width: 100%;
  display: flex
}

.p-onlineJusobijin .sec-product .box02 .img {
  width: 33%;
  margin-top: 5px
}

.p-onlineJusobijin .sec-product .box02 .block {
  width: 67%;
  text-align: left
}

.p-onlineJusobijin .sec-product .box02 .block .in {
  display: inline-block;
  text-align: center;
  margin-left: 20px
}

.p-onlineJusobijin .sec-product .box02 .block .in .txt01 {
  font-size: 29px;
  color: #000;
  font-weight: bold;
  line-height: 1.3em
}

.p-onlineJusobijin .sec-product .box02 .block .in .txt02 {
  font-size: 33px;
  color: #000;
  font-weight: bold;
  line-height: 1.3em
}

.p-onlineJusobijin .sec-product .box02 .block .in .txt02 small {
  font-size: 26px
}

.p-onlineJusobijin .sec-product .box02 .block .label {
  margin-top: 22px;
  display: flex;
  text-align: center;
  letter-spacing: .18em;
  border: 1px solid #fdf15a
}

.p-onlineJusobijin .sec-product .box02 .block .label .label01 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  background: #fdf15a;
  width: 33%;
  padding: 8px 0
}

.p-onlineJusobijin .sec-product .box02 .block .label .label02 {
  font-size: 26px;
  font-weight: bold;
  color: #d11b25;
  width: 67%;
  padding: 8px 0
}

.p-onlineJusobijin .sec-flow {
  background: ivory;
  max-width: 962px;
  width: 100%;
  margin: 0 auto 130px;
  padding-bottom: 70px
}

.p-onlineJusobijin .sec-flow .inner {
  padding: 50px 90px 0
}

.p-onlineJusobijin .sec-flow .inner ul {
  margin-bottom: 40px;
  padding-left: 40px
}

.p-onlineJusobijin .sec-flow .inner ul li {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: bold;
  line-height: 1.6em;
  letter-spacing: .14em;
  margin-bottom: 5px
}

.p-onlineJusobijin .sec-flow .inner ul li:last-child {
  margin-bottom: 0
}

.p-onlineJusobijin .sec-flow .inner ul li.list {
  font-size: 17px;
  font-weight: normal;
  letter-spacing: .04em;
  position: relative;
  padding-left: 20px
}

.p-onlineJusobijin .sec-flow .inner ul li.list:before {
  content: "■";
  font-size: 17px;
  position: absolute;
  left: 0;
  top: 0
}

.p-onlineJusobijin .sec-flow .btn-cta-wrap {
  margin: 0 auto;
  max-width: 806px;
  width: 100%
}

.p-onlineJusobijin .sec-flow .btn-cta-wrap a.btn-cta {
  margin-bottom: 30px;
  display: block
}

.p-onlineJusobijin .sec-flow .btn-cta-wrap a.btn-cta:last-child {
  margin-bottom: 0
}

.p-onlineJusobijin .sec-info {
  margin-bottom: 68px
}

.p-onlineJusobijin .list-review {
  max-width: 635px;
  margin: 0 auto 65px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.p-onlineJusobijin .list-review .ttl {
  font-size: 27px;
  font-weight: bold;
  color: #000;
  letter-spacing: .16em;
  border-bottom: 1px solid #000;
  margin-bottom: 42px;
  display: inline-block
}

.p-onlineJusobijin .list-review .box {
  border: 1px solid #b1b1b1;
  padding: 27px 15px 23px;
  max-width: 589px;
  margin: 0 auto 40px;
  text-align: center
}

.p-onlineJusobijin .list-review .box .stl {
  font-size: 25px;
  color: #000;
  font-weight: bold;
  margin-bottom: 22px
}

.p-onlineJusobijin .list-review .box .stl strong {
  color: #e8899c;
  font-weight: bold
}

.p-onlineJusobijin .list-review .box .in {
  display: flex;
  justify-content: center
}

.p-onlineJusobijin .list-review .box .in .star5_rating:before,
.p-onlineJusobijin .list-review .box .in .star5_rating:after {
  font-size: 48px
}

.p-onlineJusobijin .list-review .box .in .num {
  font-size: 42px;
  color: #000;
  font-weight: bold;
  letter-spacing: .05em;
  margin-left: 10px
}

.p-onlineJusobijin .list-review .box .in .num small {
  font-size: 23px
}

.p-onlineJusobijin .list-review ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 10px;
  border-bottom: 1px solid gray
}

.p-onlineJusobijin .list-review ul li .star5_rating:before,
.p-onlineJusobijin .list-review ul li .star5_rating:after {
  font-size: 22px
}

.p-onlineJusobijin .list-review ul li .num {
  font-size: 19px;
  color: #000
}

.p-onlineJusobijin .list-review ul li .num strong {
  color: #e8899c
}

.p-onlineJusobijin .list-review ul li .txt {
  font-size: 19px;
  color: #000;
  line-height: 1.6em;
  letter-spacing: .14em;
  width: 100%;
  margin-top: 5px
}

.p-onlineJusobijin .list-review ul.hide {
  display: none
}

.p-onlineJusobijin .list-review .more {
  font-size: 19px;
  color: #000;
  letter-spacing: .16em;
  text-align: center;
  cursor: pointer;
  margin-top: 17px;
  position: relative
}

.p-onlineJusobijin .list-review .more:after {
  content: "〉";
  font-size: 15px
}

.p-onlineJusobijin .list-review .more.arrow01:after {
  padding-left: 5px
}

.p-onlineJusobijin .list-review .more.arrow02 {
  padding-bottom: 25px
}

.p-onlineJusobijin .list-review .more.arrow02:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  transform: rotate(90deg)
}

.p-onlineJusobijin .list-faq {
  max-width: 635px;
  margin: 0 auto 100px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.p-onlineJusobijin .list-faq .ttl {
  font-size: 27px;
  font-weight: bold;
  color: #000;
  letter-spacing: .16em;
  border-bottom: 1px solid #000;
  margin-bottom: 43px;
  display: inline-block
}

.p-onlineJusobijin .list-faq ul li {
  margin-bottom: 38px
}

.p-onlineJusobijin .list-faq ul li:last-child {
  margin-bottom: 0
}

.p-onlineJusobijin .list-faq ul li .q {
  font-size: 25px;
  color: #e8899c;
  font-weight: bold;
  letter-spacing: .16em;
  border-bottom: 1px solid #e8899c;
  padding: 0 0 10px 55px;
  margin-bottom: 11px;
  position: relative
}

.p-onlineJusobijin .list-faq ul li .q:before {
  content: "";
  background: url(../img/ec/juso-bijin/ico_q.svg) no-repeat left top/100%;
  width: 43px;
  height: 43px;
  position: absolute;
  left: 0;
  top: -2px
}

.p-onlineJusobijin .list-faq ul li .a {
  font-size: 21px;
  color: #333;
  letter-spacing: .16em;
  padding-left: 55px
}

@keyframes scale {
  0% {
      transform: scale(1)
  }

  100% {
      transform: scale(0.9)
  }
}

@media only screen and (min-width: 800px) {
  .p-onlineJusobijin .sp {
      display: none !important
  }
}

@media only screen and (max-width: 799px) {
  .p-onlineJusobijin {
      padding: 0
  }

  .p-onlineJusobijin .pc {
      display: none !important
  }

  .p-onlineJusobijin .star5_rating:before,
  .p-onlineJusobijin .star5_rating:after {
      font-size: 22px
  }

  .p-onlineJusobijin .box-detail {
      margin: 0 auto
  }

  .p-onlineJusobijin .box-detail .review {
      top: 7%
  }

  .p-onlineJusobijin .box-detail .review .in {
      padding-left: 5vw
  }

  .p-onlineJusobijin .box-detail .review .in:before {
      width: 3.7vw;
      height: 4vw;
      top: 2vw
  }

  .p-onlineJusobijin .box-detail .review .in .star5_rating {
      margin-right: 1vw
  }

  .p-onlineJusobijin .box-detail .review .in .star5_rating:before,
  .p-onlineJusobijin .box-detail .review .in .star5_rating:after {
      font-size: 16px
  }

  .p-onlineJusobijin .box-detail .review .in .num {
      font-size: 14px
  }

  .p-onlineJusobijin .box-detail .review .count {
      font-size: 10px;
      padding-left: 5vw
  }

  .p-onlineJusobijin .movie-juso {
      margin: 30px auto 0
  }

  .p-onlineJusobijin .box-info {
      max-width: 272px;
      margin: 40px auto 0
  }

  .p-onlineJusobijin .box-info table tr:last-child {
      border-bottom: none
  }

  .p-onlineJusobijin .box-info table tr th {
      font-size: 10px;
      padding: 17px 10px 17px 0;
      width: 30%
  }

  .p-onlineJusobijin .box-info table tr td {
      padding: 17px 0
  }

  .p-onlineJusobijin .box-info table tr td p {
      font-size: 10px;
      margin-bottom: 14px
  }

  .p-onlineJusobijin .box-info table tr td p small {
      font-size: 8px
  }

  .p-onlineJusobijin .box-info table tr td .count {
      width: 112px;
      height: 32px;
      border: 1px solid #ccc;
      border-radius: 5px;
      display: flex;
      text-align: center
  }

  .p-onlineJusobijin .box-info table tr td .count span {
      font-size: 11px;
      color: #000;
      width: calc((100% - 49px)/2);
      display: flex;
      align-items: center;
      justify-content: center
  }

  .p-onlineJusobijin .box-info table tr td .count .num {
      width: 49px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc
  }

  .p-onlineJusobijin .box-info table tr.pd th,
  .p-onlineJusobijin .box-info table tr.pd td {
      padding-top: 20px;
      padding-bottom: 20px
  }

  .p-onlineJusobijin .sec-movie .inner {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      left: 0
  }

  .p-onlineJusobijin .sec-movie .inner .movie {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 2%;
      margin: 0 auto;
      width: 81.6%
  }

  .p-onlineJusobijin .sec-movie .inner .txt {
      width: 68%;
      font-size: 3vw;
      line-height: 1.9em;
      position: absolute;
      left: 0;
      right: 0;
      top: 23%;
      margin: 0 auto
  }

  .p-onlineJusobijin .sec-campaign {
      padding: 20px 0 0
  }

  .p-onlineJusobijin .sec-campaign .btn-cta {
      max-width: 329px
  }

  .p-onlineJusobijin .sec-campaign .arrow {
      margin: 40px 0 20px
  }

  .p-onlineJusobijin .sec-campaign .arrow img {
      max-width: 289px
  }

  .p-onlineJusobijin .sec-product {
      padding: 50px 0 0
  }

  .p-onlineJusobijin .sec-product .box01 {
      max-width: 302px;
      margin: 0 auto 20px
  }

  .p-onlineJusobijin .sec-product .box01 .block {
      margin-top: 10px
  }

  .p-onlineJusobijin .sec-product .box01 .block .ttl {
      font-size: 29px
  }

  .p-onlineJusobijin .sec-product .box01 .block .en {
      font-size: 10px;
      margin-bottom: 15px
  }

  .p-onlineJusobijin .sec-product .box01 .block .txt {
      font-size: 10px
  }

  .p-onlineJusobijin .sec-product .box01 .img img {
      transform: translateX(17px)
  }

  .p-onlineJusobijin .sec-product .price {
      max-width: 302px;
      margin: 0 auto 39px
  }

  .p-onlineJusobijin .sec-product .btn-cta-wrap {
      max-width: 349px
  }

  .p-onlineJusobijin .sec-product .btn-cta-wrap a.btn-cta {
      margin-bottom: 10px
  }

  .p-onlineJusobijin .sec-product .box02 {
      margin: 30px auto;
      max-width: 349px
  }

  .p-onlineJusobijin .sec-product .box02 .block .in {
      margin-left: 15px
  }

  .p-onlineJusobijin .sec-product .box02 .block .in .txt01 {
      font-size: 13px
  }

  .p-onlineJusobijin .sec-product .box02 .block .in .txt02 {
      font-size: 15px
  }

  .p-onlineJusobijin .sec-product .box02 .block .in .txt02 small {
      font-size: 12px
  }

  .p-onlineJusobijin .sec-product .box02 .block .label {
      margin-top: 8px
  }

  .p-onlineJusobijin .sec-product .box02 .block .label .label01 {
      font-size: 12px;
      padding: 4px 0 3px;
      width: 40%
  }

  .p-onlineJusobijin .sec-product .box02 .block .label .label02 {
      font-size: 12px;
      padding: 4px 0 3px;
      width: 60%
  }

  .p-onlineJusobijin .sec-flow {
      background: none;
      margin: 0 auto 60px;
      padding-bottom: 0
  }

  .p-onlineJusobijin .sec-flow .inner {
      padding: 23px 23px 0
  }

  .p-onlineJusobijin .sec-flow .inner ul {
      margin-bottom: 20px;
      padding-left: 0
  }

  .p-onlineJusobijin .sec-flow .inner ul li {
      font-size: 11px;
      margin-bottom: 3px
  }

  .p-onlineJusobijin .sec-flow .inner ul li.list {
      font-size: 10px;
      padding-left: 15px
  }

  .p-onlineJusobijin .sec-flow .inner ul li.list:before {
      font-size: 10px
  }

  .p-onlineJusobijin .sec-flow .btn-cta-wrap {
      max-width: 349px
  }

  .p-onlineJusobijin .sec-flow .btn-cta-wrap a.btn-cta {
      margin-bottom: 10px
  }

  .p-onlineJusobijin .list-review {
      max-width: 303px;
      margin: 0 auto 25px
  }

  .p-onlineJusobijin .list-review .ttl {
      font-size: 13px;
      margin-bottom: 21px
  }

  .p-onlineJusobijin .list-review .box {
      padding: 18px 15px 16px;
      max-width: 280px;
      margin: 0 auto 15px
  }

  .p-onlineJusobijin .list-review .box .stl {
      font-size: 12px;
      margin-bottom: 10px
  }

  .p-onlineJusobijin .list-review .box .in .star5_rating:before,
  .p-onlineJusobijin .list-review .box .in .star5_rating:after {
      font-size: 24px
  }

  .p-onlineJusobijin .list-review .box .in .num {
      font-size: 20px;
      margin-left: 0
  }

  .p-onlineJusobijin .list-review .box .in .num small {
      font-size: 10px
  }

  .p-onlineJusobijin .list-review ul li {
      padding: 18px 10px
  }

  .p-onlineJusobijin .list-review ul li .star5_rating:before,
  .p-onlineJusobijin .list-review ul li .star5_rating:after {
      font-size: 12px
  }

  .p-onlineJusobijin .list-review ul li .num {
      font-size: 10px
  }

  .p-onlineJusobijin .list-review ul li .txt {
      font-size: 10px
  }

  .p-onlineJusobijin .list-review .more {
      font-size: 10px;
      margin-top: 10px
  }

  .p-onlineJusobijin .list-review .more:after {
      font-size: 10px
  }

  .p-onlineJusobijin .list-review .more.arrow01:after {
      padding-left: 3px
  }

  .p-onlineJusobijin .list-review .more.arrow02 {
      padding-bottom: 15px
  }

  .p-onlineJusobijin .list-faq {
      max-width: 303px;
      margin-bottom: 45px
  }

  .p-onlineJusobijin .list-faq .ttl {
      font-size: 13px;
      margin-bottom: 21px
  }

  .p-onlineJusobijin .list-faq ul li {
      margin-bottom: 20px
  }

  .p-onlineJusobijin .list-faq ul li .q {
      font-size: 12px;
      padding: 0 0 5px 28px;
      margin-bottom: 8px
  }

  .p-onlineJusobijin .list-faq ul li .q:before {
      width: 21px;
      height: 21px;
      top: 0
  }

  .p-onlineJusobijin .list-faq ul li .a {
      font-size: 10px;
      padding-left: 28px
  }
}

.p-dataList--coupon {
  padding: 0 0 1.5rem;
  margin: 0 0 1.5rem;
  border-bottom: 1px solid #c4c4c4
}

@media screen and (max-width: 768px) {
  .p-dataList--coupon {
      margin: 1.5rem 0 1.5rem
  }
}

.p-dataList--coupon .p-dataList__body .c-input,
.p-dataList--coupon .p-dataList__body .c-input--full,
.p-dataList--coupon .p-dataList__body .c-input--select,
.p-dataList--coupon .p-dataList__body .c-input--file,
.p-dataList--coupon .p-dataList__body .c-input--checkbox,
.p-dataList--coupon .p-dataList__body .c-input--radio,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond {
  gap: 4px
}

.p-dataList--coupon .p-dataList__body .c-input input,
.p-dataList--coupon .p-dataList__body .c-input--full input,
.p-dataList--coupon .p-dataList__body .c-input--select input,
.p-dataList--coupon .p-dataList__body .c-input--file input,
.p-dataList--coupon .p-dataList__body .c-input--checkbox input,
.p-dataList--coupon .p-dataList__body .c-input--radio input,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond input {
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #176e3a
}

@media screen and (max-width: 768px) {

  .p-dataList--coupon .p-dataList__body .c-input input,
  .p-dataList--coupon .p-dataList__body .c-input--full input,
  .p-dataList--coupon .p-dataList__body .c-input--select input,
  .p-dataList--coupon .p-dataList__body .c-input--file input,
  .p-dataList--coupon .p-dataList__body .c-input--checkbox input,
  .p-dataList--coupon .p-dataList__body .c-input--radio input,
  .p-dataList--coupon .p-dataList__body .c-input--radio--beyond input {
      font-size: 14px;
      font-weight: 200
  }
}

.p-dataList--coupon .p-dataList__body .c-input .c-button,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button,
.p-dataList--coupon .p-dataList__body .c-input .c-button--accent,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--accent,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--accent,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--accent,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--accent,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--accent,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--accent,
.p-dataList--coupon .p-dataList__body .c-input .c-button--action,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--action,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--action,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--action,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--action,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--action,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--action,
.p-dataList--coupon .p-dataList__body .c-input .c-button--form,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--form,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--form,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--form,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--form,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--form,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--form,
.p-dataList--coupon .p-dataList__body .c-input .c-button--inline,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--inline,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--inline,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--inline,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--inline,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--inline,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--inline,
.p-dataList--coupon .p-dataList__body .c-input .c-button--inlineArrow,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--inlineArrow,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--inlineArrow,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--inlineArrow,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--inlineArrow,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--inlineArrow,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--inlineArrow,
.p-dataList--coupon .p-dataList__body .c-input .c-button--weak,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--weak,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--weak,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--weak,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--weak,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--weak,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--weak,
.p-dataList--coupon .p-dataList__body .c-input .c-button--line,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--line,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--line,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--line,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--line,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--line,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--line,
.p-dataList--coupon .p-dataList__body .c-input .c-button--full,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--full,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--full,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--full,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--full,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--full,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--full,
.p-dataList--coupon .p-dataList__body .c-input .c-button--small,
.p-dataList--coupon .p-dataList__body .c-input--full .c-button--small,
.p-dataList--coupon .p-dataList__body .c-input--select .c-button--small,
.p-dataList--coupon .p-dataList__body .c-input--file .c-button--small,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .c-button--small,
.p-dataList--coupon .p-dataList__body .c-input--radio .c-button--small,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .c-button--small,
.p-dataList--coupon .p-dataList__body .c-input .p-home__middleNav__button,
.p-dataList--coupon .p-dataList__body .c-input--full .p-home__middleNav__button,
.p-dataList--coupon .p-dataList__body .c-input--select .p-home__middleNav__button,
.p-dataList--coupon .p-dataList__body .c-input--file .p-home__middleNav__button,
.p-dataList--coupon .p-dataList__body .c-input--checkbox .p-home__middleNav__button,
.p-dataList--coupon .p-dataList__body .c-input--radio .p-home__middleNav__button,
.p-dataList--coupon .p-dataList__body .c-input--radio--beyond .p-home__middleNav__button {
  height: 40px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  background: #176e3a;
  border-color: #176e3a
}

.p-dataList--coupon .p-dataList__body .p-formSuccess,
.p-dataList--coupon .p-dataList__body .p-formError {
  margin: 8px 0 16px;
  text-align: center
}

.p-dataList--coupon .p-dataList__body .p-formSuccess .message,
.p-dataList--coupon .p-dataList__body .p-formError .message {
  width: fit-content
}

.p-dataList--coupon .p-dataList__body .p-formSuccess .message {
  font-size: 14px;
  color: #fff
}

.p-dataList__head {
  border-bottom: 1px solid #999;
  padding: 0 0 4px;
  margin: 0 0 16px
}

.p-dataList__list>li {
  display: flex;
  justify-content: space-between
}

.p-dataList__list>li+li {
  margin: 8px 0 0
}

@media screen and (max-width: 480px) {
  .p-dataList__list>li+li {
      margin: 4px 0 0
  }
}

.p-dataList__list__divider {
  border-top: 1px solid #e5e9ee
}

.p-dataList__list__label {
  color: #666;
  font-weight: 400;
  flex: none
}

@media screen and (max-width: 480px) {
  .p-dataList__list__label {
      font-size: 13px
  }
}

.p-dataList__list__label--sub {
  font-size: 12px;
  color: #999;
  margin-left: 14px;
  line-height: 1.4;
  max-width: 180px
}

@media screen and (max-width: 560px) {
  .p-dataList__list__label--sub {
      max-width: 240px
  }
}

.p-dataList__list__data {
  flex: none
}

.p-dataList__item--total {
  font-size: 24px;
  text-align: right
}

.p-dataList__item--minus {
  color: red !important
}

.p-dataList__foot {
  margin: 24px 0 0
}

.p-dataList__foot .p-buttonWrap a+a {
  margin-top: 16px !important
}

.p-agreeCheck {
  margin: 0 0 16px
}

.p-agreeCheck__body {
  border: 1px solid #eee;
  padding: 2px 8px;
  height: 120px;
  overflow: auto
}

.p-agreeCheck__body .heading {
  color: #222;
  margin: 8px 0 4px
}

.p-agreeCheck__body ol {
  margin: 4px 0
}

.p-agreeCheck__body ol li {
  display: flex;
  padding-left: 1em;
  counter-increment: count;
  position: relative
}

.p-agreeCheck__body ol li:before {
  content: "(" counter(count) ") ";
  line-height: 1.2em;
  font-size: 10px;
  position: absolute;
  top: .1em;
  left: 0
}

.p-agreeCheck__body ol li+li {
  margin: 4px 0 0
}

.p-agreeCheck__body ol li p {
  line-height: 1.3em
}

.p-agreeCheck__foot {
  margin: 8px 0 0;
  display: flex;
  justify-content: center
}

.p-agreeCheck__foot label {
  font-size: 13px;
  cursor: pointer
}

.p-agreeCheck__foot label:before {
  width: 18px;
  height: 18px
}

.p-agreeCheck__foot input[type=checkbox]:checked+label {
  color: #666
}

.p-purchaseHistory {
  border: solid 1px #898989;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .1)
}

.p-purchaseHistory__head {
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: center;
  padding: 14px 24px
}

.p-purchaseHistory__head__title {
  font-size: 18px;
  font-weight: 600;
  color: #222
}

.p-purchaseHistory__head>.c-input,
.p-purchaseHistory__head>.c-input--full,
.p-purchaseHistory__head>.c-input--select,
.p-purchaseHistory__head>.c-input--file,
.p-purchaseHistory__head>.c-input--checkbox,
.p-purchaseHistory__head>.c-input--radio,
.p-purchaseHistory__head>.c-input--radio--beyond {
  margin-left: auto;
  display: flex;
  align-items: center
}

.p-purchaseHistory__head>.c-input span,
.p-purchaseHistory__head>.c-input--full span,
.p-purchaseHistory__head>.c-input--select span,
.p-purchaseHistory__head>.c-input--file span,
.p-purchaseHistory__head>.c-input--checkbox span,
.p-purchaseHistory__head>.c-input--radio span,
.p-purchaseHistory__head>.c-input--radio--beyond span {
  margin: 0 0 0 4px;
  font-size: 12px
}

.p-purchaseHistory__body {
  overflow: auto;
  display: flex;
  flex-direction: column;
  max-height: 560px
}

.p-purchaseHistory__body::-webkit-scrollbar {
  width: 6px;
  height: 0px
}

.p-purchaseHistory__body::-webkit-scrollbar-track {
  background: #f4f5f8
}

.p-purchaseHistory__body::-webkit-scrollbar-thumb {
  background-color: #cdd2e2;
  border-radius: 10px
}

.p-purchaseHistory__list {
  background: #f4f5f8;
  flex: 0 0 auto
}

.p-purchaseHistory__list>li {
  background: #fff;
  padding: 0 0 0 16px;
  position: relative
}

.p-purchaseHistory__list>li:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 16px;
  height: calc(100% - 30px);
  width: 1px;
  background: #eee
}

.p-purchaseHistory__list>li+li {
  margin: 4px 0 0
}

.p-purchaseHistory__list__head {
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: center;
  padding: 10px 0
}

.p-purchaseHistory__list__head .date {
  font-size: 16px;
  font-weight: 500;
  color: #222
}

.p-purchaseHistory__list__head .order {
  font-size: 14px;
  color: #999;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.p-purchaseHistory__list__head .order:before {
  content: "ご注文番号 :";
  margin: 0 4px 0 0;
  font-size: 11px
}

.p-purchaseHistory__list__date {
  flex: auto;
  min-width: 1px
}

.p-purchaseHistory__list__body {
  border-bottom: solid 1px #eee;
  display: flex;
  padding: 12px 0 16px
}

.p-purchaseHistory__list__image {
  flex: 0 0 auto;
  width: 48px;
  margin: 0 14px 0 0
}

.p-purchaseHistory__list__image .c-image,
.p-purchaseHistory__list__image .c-image--standard,
.p-purchaseHistory__list__image .c-image--wide,
.p-purchaseHistory__list__image .c-image--notification {
  background: #eee
}

.p-purchaseHistory__list__text {
  flex: auto;
  min-width: 1px
}

.p-purchaseHistory__list__products p+p {
  margin: 2px 0 0
}

.p-purchaseHistory__list__products .products {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden
}

.p-purchaseHistory__list__products .products small {
  display: inline-block;
  margin: 0 0 0 6px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto
}

.p-purchaseHistory__list__products .products--sub {
  color: #222;
  font-size: 12px;
  line-height: 1.3em
}

.p-purchaseHistory__list__products .products--sub small {
  display: inline-block;
  margin: 0 0 0 4px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto
}

.p-purchaseHistory__list__foot {
  padding: 8px 0 16px
}

.p-purchaseHistory__list__foot .total,
.p-purchaseHistory__list__foot .price,
.p-purchaseHistory__list__foot .payment,
.p-purchaseHistory__list__foot .shipping,
.p-purchaseHistory__list__foot .point {
  font-size: 16px;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.p-purchaseHistory__list__foot .total:before,
.p-purchaseHistory__list__foot .price:before,
.p-purchaseHistory__list__foot .payment:before,
.p-purchaseHistory__list__foot .shipping:before,
.p-purchaseHistory__list__foot .point:before {
  content: "商品合計 :";
  color: #999;
  margin: 0 10px 0 0;
  font-size: 12px;
  width: 78px;
  flex: 0 0 auto;
  text-align: right
}

.p-purchaseHistory__list__foot .price {
  font-size: 14px
}

.p-purchaseHistory__list__foot .price:before {
  content: "支払金額 :"
}

.p-purchaseHistory__list__foot .payment {
  font-size: 14px
}

.p-purchaseHistory__list__foot .payment:before {
  content: "支払方法 :"
}

.p-purchaseHistory__list__foot .shipping {
  font-size: 14px
}

.p-purchaseHistory__list__foot .shipping:before {
  content: "送料 :"
}

.p-purchaseHistory__list__foot .point {
  font-size: 14px;
  color: #ed3a3a
}

.p-purchaseHistory__list__foot .point:before {
  content: "利用ポイント :"
}

.p-purchaseHistory__list__foot .p-buttonWrap {
  margin-top: 8px
}

.p-purchaseHistory__status {
  margin-left: auto;
  display: flex;
  padding: 0 0 0 16px;
  position: relative;
  font-weight: 500;
  color: #aaa;
  flex: 0 0 auto
}

.p-purchaseHistory__status:before,
.p-purchaseHistory__status:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%)
}

.p-purchaseHistory__status:after {
  transform: translate(0, -50%) scale(0.4);
  background: #fff
}

.p-purchaseHistory__status--beforeShipping {
  color: #4194e6
}

.p-purchaseHistory__status--beforeShipping:before {
  background: #4194e6
}

.p-purchaseHistory__notfound {
  padding: 16px 12px 12px;
  background: #f7eff0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-purchaseHistory__notfound {
      padding: 12px
  }
}

.p-purchaseHistory__notfound__title {
  font-size: 16px;
  font-weight: 500;
  color: #c398a1;
  margin: 0 0 8px
}

.p-purchaseHistory__notfound .p-buttonWrap {
  width: 100%
}

.p-purchaseHistory__notfound .p-buttonWrap .c-button,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--accent,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--action,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--form,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--inline,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--inlineArrow,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--weak,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--line,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--full,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--small,
.p-purchaseHistory__notfound .p-buttonWrap .p-home__middleNav__button {
  min-height: 38px;
  font-weight: 500;
  height: auto;
  padding: 6px 12px;
  line-height: 1.3em;
  text-align: center
}

.p-purchaseHistory__notfound .p-buttonWrap .c-button br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--accent br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--action br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--form br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--inline br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--inlineArrow br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--weak br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--line br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--full br,
.p-purchaseHistory__notfound .p-buttonWrap .c-button--small br,
.p-purchaseHistory__notfound .p-buttonWrap .p-home__middleNav__button br {
  display: none
}

@media screen and (max-width: 480px) {

  .p-purchaseHistory__notfound .p-buttonWrap .c-button br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--accent br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--action br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--form br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--inline br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--inlineArrow br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--weak br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--line br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--full br,
  .p-purchaseHistory__notfound .p-buttonWrap .c-button--small br,
  .p-purchaseHistory__notfound .p-buttonWrap .p-home__middleNav__button br {
      display: block
  }
}

.p-purchaseHistory__notfound--blue {
  background: #eff1f7
}

.p-purchaseHistory__notfound--blue .p-purchaseHistory__notfound__title {
  color: #aeb8c3
}

.p-purchaseHistory__notfound--blue .c-button,
.p-purchaseHistory__notfound--blue .c-button--accent,
.p-purchaseHistory__notfound--blue .c-button--action,
.p-purchaseHistory__notfound--blue .c-button--form,
.p-purchaseHistory__notfound--blue .c-button--inline,
.p-purchaseHistory__notfound--blue .c-button--inlineArrow,
.p-purchaseHistory__notfound--blue .c-button--weak,
.p-purchaseHistory__notfound--blue .c-button--line,
.p-purchaseHistory__notfound--blue .c-button--full,
.p-purchaseHistory__notfound--blue .c-button--small,
.p-purchaseHistory__notfound--blue .p-home__middleNav__button {
  background: #5289cc;
  border-color: #5289cc
}

.p-purchaseHistory__notfound--blue .c-button:hover,
.p-purchaseHistory__notfound--blue .c-button--accent:hover,
.p-purchaseHistory__notfound--blue .c-button--action:hover,
.p-purchaseHistory__notfound--blue .c-button--form:hover,
.p-purchaseHistory__notfound--blue .c-button--inline:hover,
.p-purchaseHistory__notfound--blue .c-button--inlineArrow:hover,
.p-purchaseHistory__notfound--blue .c-button--weak:hover,
.p-purchaseHistory__notfound--blue .c-button--line:hover,
.p-purchaseHistory__notfound--blue .c-button--full:hover,
.p-purchaseHistory__notfound--blue .c-button--small:hover,
.p-purchaseHistory__notfound--blue .p-home__middleNav__button:hover {
  background: #467dc1;
  border-color: #467dc1
}

.p-point__head {
  text-align: center;
  margin: 80px auto 0;
  max-width: 640px
}

@media screen and (max-width: 480px) {
  .p-point__head {
      margin: 48px auto 0
  }
}

.p-point__head__title {
  font-size: 32px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222
}

@media screen and (max-width: 560px) {
  .p-point__head__title {
      font-size: 24px
  }
}

.p-point__head__title:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/common/icon/point.svg) no-repeat center;
  background-size: contain;
  margin: 0 8px 0 0
}

@media screen and (max-width: 560px) {
  .p-point__head__title:before {
      width: 28px;
      height: 28px
  }
}

.p-point__head__title b {
  margin: 0 4px;
  color: #222
}

.p-point__head__description {
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 2.2em;
  color: #222;
  font-weight: 500
}

@media screen and (max-width: 560px) {
  .p-point__head__description {
      font-size: 14px
  }
}

.p-point__body {
  max-width: 640px;
  margin: 64px auto 0
}

@media screen and (max-width: 768px) {
  .p-point__body {
      margin: 40px auto 0;
      padding: 0 16px
  }
}

.p-point__navi {
  display: flex;
  margin: -6px;
  margin-bottom: 50px
}

@media screen and (max-width: 560px) {
  .p-point__navi {
      margin-bottom: 42px
  }
}

.p-point__navi__item {
  padding: 6px;
  flex: 0 0 auto;
  width: 50%;
  display: flex
}

.p-point__navi__item__anchor {
  background: #fff;
  border: solid 2px #e16983;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 104px;
  flex: auto;
  min-width: 1px;
  padding: 14px 16px 11px;
  box-shadow: 0 1px 4px #f2d9de
}

@media screen and (max-width: 560px) {
  .p-point__navi__item__anchor {
      padding: 8px 6px 8px
  }
}

.p-point__navi__item__image {
  width: 77px
}

.p-point__navi__item__title {
  margin: auto 0 0;
  padding: 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: #e16983
}

@media screen and (max-width: 560px) {
  .p-point__navi__item__title {
      font-size: 15px;
      padding: 0
  }
}

.p-point__navi__item__title:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #e16983 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  margin: 0 0 0 8px
}

@media screen and (max-width: 560px) {
  .p-point__navi__item__title:after {
      border-width: 4px 6px 0 6px;
      margin: 0 0 0 6px
  }
}

.p-point__box+.p-point__box {
  margin: 60px 0 0
}

.p-point__box__head {
  padding: 0 0 12px;
  border-bottom: solid 1px #ddd
}

.p-point__box__head__title {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-point__box__head__title {
      font-size: 20px
  }
}

.p-point__box__head__title:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #e16983;
  margin: 0 10px 0 0
}

.p-point__box__body {
  margin: 16px 0 0
}

@media screen and (max-width: 560px) {
  .p-point__box__body {
      margin: 8px 0 0
  }
}

.p-point__box__body p {
  color: #444
}

.p-point__box__body>.description {
  margin: 12px 0;
  line-height: 1.8em;
  font-size: 15px
}

.p-point__box__body>.description b {
  color: #e16983
}

.p-point__box__body>.description a {
  color: #e16983;
  text-decoration: underline
}

.p-point__box__body>.description span {
  color: #888
}

.p-point__box__body__image {
  margin: 16px 0 24px
}

.p-point__box__body__image span {
  font-size: 14px;
  font-weight: 500;
  color: #666
}

@media screen and (max-width: 560px) {
  .p-point__box__body__image span {
      font-size: 12px
  }
}

.p-point__box__body__image img {
  border-radius: 8px;
  border: solid 1px #c5c7c9;
  box-shadow: 0 8px 10px rgba(0, 0, 0, .12);
  margin: 8px 0 0
}

@media screen and (max-width: 560px) {
  .p-point__box__body__image img.pc {
      display: none
  }
}

.p-point__box__body__image img.sp {
  display: none
}

@media screen and (max-width: 560px) {
  .p-point__box__body__image img.sp {
      display: block
  }
}

.p-point__box__banner {
  margin: 32px auto 0;
  max-width: 560px
}

.p-point__box__banner__title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 14px;
  color: #222
}

.p-point__box__banner__title:before,
.p-point__box__banner__title:after {
  content: "";
  flex: auto;
  min-width: 1px;
  height: 1px;
  background: #ddd;
  margin: 0 16px 0 0
}

.p-point__box__banner__title:after {
  margin: 0 0 0 16px
}

.p-point__box__banner__title--machine {
  margin: 24px 0 0;
  font-weight: 500;
  font-size: 14px
}

@media screen and (max-width: 480px) {
  .p-point__box__banner__title--machine {
      margin: 20px 0 0
  }
}

.p-point__box__banner__title--machine:before,
.p-point__box__banner__title--machine:after {
  display: none
}

.p-point__box__banner__image {
  display: block
}

.p-point__box__banner__image:hover {
  opacity: .8
}

.p-point__box__banner__machineList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -8px;
  margin-top: 6px
}

@media screen and (max-width: 480px) {
  .p-point__box__banner__machineList {
      justify-content: flex-start;
      margin-top: 2px
  }
}

.p-point__box__banner__machineList>li {
  padding: 8px;
  width: 25%;
  position: relative;
  max-width: 140px
}

@media screen and (max-width: 480px) {
  .p-point__box__banner__machineList>li {
      width: 33.33%;
      max-width: none
  }
}

.p-point__box__banner__machineList>li>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.p-point__box__banner__machineList>li:hover p {
  color: #e16983;
  text-decoration: underline
}

.p-point__box__banner__machineList__image {
  margin: auto;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .1);
  border: solid 1px #eee;
  overflow: hidden;
  max-width: 110px
}

@media screen and (max-width: 480px) {
  .p-point__box__banner__machineList__image {
      max-width: none
  }
}

.p-point__box__banner__machineList__text {
  margin: 6px 0 0
}

.p-point__box__banner__machineList__text p {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0;
  text-decoration: underline;
  color: #666;
  line-height: 1.3em
}

.p-point__qa {
  background: #eceff4;
  padding: 72px 24px 72px;
  margin: 80px 0 0
}

@media screen and (max-width: 560px) {
  .p-point__qa {
      padding: 40px 16px 48px
  }
}

.p-point__qa__head__title {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 560px) {
  .p-point__qa__head__title {
      font-size: 20px
  }
}

.p-point__qa__head__title strong {
  font-size: 40px;
  line-height: 1;
  margin: -7px 0 0 6px;
  font-weight: 500;
  font-family: "Oswald", sans-serif
}

@media screen and (max-width: 560px) {
  .p-point__qa__head__title strong {
      font-size: 32px
  }
}

.p-point__qa__body {
  max-width: 640px;
  margin: 48px auto 0
}

@media screen and (max-width: 560px) {
  .p-point__qa__body {
      margin: 32px auto 0
  }
}

.p-point__qa__list__item+.p-point__qa__list__item {
  margin: 32px 0 0
}

@media screen and (max-width: 560px) {
  .p-point__qa__list__item+.p-point__qa__list__item {
      margin: 24px 0 0
  }
}

.p-point__qa__list__item__label {
  display: flex
}

.p-point__qa__list__item__label:before {
  content: "Q";
  margin: 0 18px 0 0;
  font-size: 28px;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  opacity: .2;
  line-height: 1;
  transform: translate(0, -6px);
  display: inline-block
}

@media screen and (max-width: 560px) {
  .p-point__qa__list__item__label:before {
      margin: 0 10px 0 0
  }
}

.p-point__qa__list__item__label p {
  font-size: 16px;
  color: #222
}

@media screen and (max-width: 560px) {
  .p-point__qa__list__item__label p {
      font-size: 14px
  }
}

.p-point__qa__list__item__data {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
  margin: 12px 0 0;
  padding: 12px 16px 24px;
  position: relative
}

.p-point__qa__list__item__data:before {
  content: "A";
  display: block;
  color: #e16983;
  font-size: 28px;
  font-weight: 500;
  font-family: "Oswald", sans-serif
}

.p-point__qa__list__item__data:after {
  content: "";
  width: 24px;
  height: 1px;
  background: #e6c3cb;
  position: absolute;
  left: 48px;
  top: 34px
}

.p-point__qa__list__item__data p {
  color: #222;
  font-size: 16px;
  line-height: 1.8em
}

@media screen and (max-width: 560px) {
  .p-point__qa__list__item__data p {
      font-size: 14px
  }
}

.p-point__qa__list__item__data p b {
  color: #e16983
}

.p-point__qa__list__item__data p a {
  color: #e16983;
  text-decoration: underline
}

.p-point__qa__list__item__data p span {
  color: #888
}

.p-onlineShopSubscription {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-bottom: 80px
}

.p-onlineShopSubscription .base {
  max-width: 800px;
  margin: 0 auto
}

.p-onlineShopSubscription .btn-cta {
  animation: scale .8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate
}

.p-onlineShopSubscription .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.p-onlineShopSubscription .star5_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: gray;
  margin-right: 10px;
  line-height: 1em;
  font-size: 0
}

.p-onlineShopSubscription .star5_rating:before,
.p-onlineShopSubscription .star5_rating:after {
  content: "★★★★★";
  font-size: 24px;
  line-height: 1em
}

.p-onlineShopSubscription .star5_rating:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #e8899c
}

.p-onlineShopSubscription .star5_rating[data-rate="5"]:after {
  width: 100%
}

.p-onlineShopSubscription .star5_rating[data-rate="4.5"]:after {
  width: 90%
}

.p-onlineShopSubscription .star5_rating[data-rate="4"]:after {
  width: 80%
}

.p-onlineShopSubscription .star5_rating[data-rate="3.5"]:after {
  width: 70%
}

.p-onlineShopSubscription .star5_rating[data-rate="3"]:after {
  width: 60%
}

.p-onlineShopSubscription .star5_rating[data-rate="2.5"]:after {
  width: 50%
}

.p-onlineShopSubscription .star5_rating[data-rate="2"]:after {
  width: 40%
}

.p-onlineShopSubscription .star5_rating[data-rate="1.5"]:after {
  width: 30%
}

.p-onlineShopSubscription .star5_rating[data-rate="1"]:after {
  width: 20%
}

.p-onlineShopSubscription .star5_rating[data-rate="0.5"]:after {
  width: 10%
}

.p-onlineShopSubscription .star5_rating[data-rate="0"]:after {
  width: 0%
}

.p-onlineShopSubscription .box-detail {
  max-width: 773px;
  margin: 0 auto;
  position: relative
}

.p-onlineShopSubscription .box-detail .review {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: absolute;
  left: 11%;
  top: 7.5%
}

.p-onlineShopSubscription .box-detail .review .in {
  padding-left: 44px;
  position: relative
}

.p-onlineShopSubscription .box-detail .review .in:before {
  content: "";
  background: url(../img/ec/subscription/ico_fukidashi.svg) no-repeat left top/100%;
  width: 34px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 5px
}

.p-onlineShopSubscription .box-detail .review .in .star5_rating {
  display: inline-block
}

.p-onlineShopSubscription .box-detail .review .in .star5_rating:before,
.p-onlineShopSubscription .box-detail .review .in .star5_rating:after {
  font-size: 32px
}

.p-onlineShopSubscription .box-detail .review .in .star5_rating:after {
  color: #e8899c
}

.p-onlineShopSubscription .box-detail .review .in .num {
  font-size: 27px;
  color: #e8899c;
  font-weight: bold;
  letter-spacing: .05em;
  display: inline-block
}

.p-onlineShopSubscription .box-detail .review .count {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  letter-spacing: .1em;
  padding-left: 48px
}

.p-onlineShopSubscription .box-detail .btn-cta {
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto
}

.p-onlineShopSubscription .box-detail .btn-cta.btn01 {
  bottom: 35%
}

.p-onlineShopSubscription .box-detail .btn-cta.btn02 {
  bottom: 21%
}

.p-onlineShopSubscription .box-detail .btn-cta.btn03 {
  bottom: 7%
}

.p-onlineShopSubscription .sec-intro {
  padding: 35px 0
}

.p-onlineShopSubscription .sec-intro .inner {
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: center
}

.p-onlineShopSubscription .sec-intro .inner .block {
  width: 57%;
  padding-right: 15px
}

.p-onlineShopSubscription .sec-intro .inner .block .ttl {
  max-width: 327px;
  margin-bottom: 25px
}

.p-onlineShopSubscription .sec-intro .inner .block .txt {
  font-size: 14px;
  color: #333;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8em;
  letter-spacing: .05em
}

.p-onlineShopSubscription .sec-intro .inner .movie {
  width: 43%;
  background: #f7f2f2;
  padding: 25px;
  position: relative
}

.p-onlineShopSubscription .sec-intro .inner .movie .ttl {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  letter-spacing: .1em;
  text-align: center;
  background: #e8899c;
  line-height: 1.3em;
  padding: 10px 0;
  width: 100%;
  margin-bottom: -10%;
  position: absolute;
  left: 0;
  top: 12px;
  z-index: 2
}

.p-onlineShopSubscription .sec-intro .inner .movie video {
  width: 100%;
  box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .1)
}

.p-onlineShopSubscription .img-onayami {
  margin-bottom: 30px
}

.p-onlineShopSubscription .img-reason {
  margin-bottom: 20px
}

.p-onlineShopSubscription .sec-component {
  position: relative;
  margin-bottom: 35px
}

.p-onlineShopSubscription .sec-component .btn-cta {
  width: 83%;
  display: block;
  position: absolute;
  left: 3%;
  right: 0;
  bottom: 19%;
  margin: 0 auto
}

.p-onlineShopSubscription .sec-product {
  padding: 80px 0 100px
}

.p-onlineShopSubscription .sec-product .img {
  max-width: 627px;
  margin: 0 auto 65px
}

.p-onlineShopSubscription .sec-product .btn-cta-wrap {
  width: 100%
}

.p-onlineShopSubscription .sec-product .btn-cta-wrap .btn-cta {
  width: 100%;
  display: block;
  margin: 0 auto 30px
}

.p-onlineShopSubscription .sec-product .btn-cta-wrap .btn-cta:last-child {
  margin-bottom: 0
}

.p-onlineShopSubscription .sec-flow {
  width: 100%;
  margin: 0 auto 100px
}

.p-onlineShopSubscription .sec-flow .product {
  max-width: 600px;
  margin: 0 auto 80px;
  display: flex;
  align-items: flex-end
}

.p-onlineShopSubscription .sec-flow .product .img {
  width: 189px
}

.p-onlineShopSubscription .sec-flow .product .block {
  width: calc(100% - 122px);
  padding-left: 45px;
  margin-bottom: 5px
}

.p-onlineShopSubscription .sec-flow .product .block .ttl {
  font-size: 21px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: .05em
}

.p-onlineShopSubscription .sec-flow .product .block .ttl strong {
  font-size: 27px;
  font-weight: bold
}

.p-onlineShopSubscription .sec-flow .product .block .ttl span {
  font-size: 23px;
  font-weight: bold;
  display: block
}

.p-onlineShopSubscription .sec-flow .product .block .label {
  margin-top: 22px;
  display: flex;
  text-align: center;
  letter-spacing: .18em;
  border: 1px solid #e8899c
}

.p-onlineShopSubscription .sec-flow .product .block .label .label01 {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  background: #e8899c;
  width: 36%;
  padding: 6px 0
}

.p-onlineShopSubscription .sec-flow .product .block .label .label02 {
  font-size: 21px;
  font-weight: bold;
  color: #d11b25;
  width: 64%;
  padding: 6px 0
}

.p-onlineShopSubscription .sec-flow .inner {
  padding: 50px 30px 20px
}

.p-onlineShopSubscription .sec-flow .inner ul {
  margin-bottom: 40px;
  padding-left: 40px
}

.p-onlineShopSubscription .sec-flow .inner ul li {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: bold;
  line-height: 1.6em;
  letter-spacing: .14em;
  margin-bottom: 5px
}

.p-onlineShopSubscription .sec-flow .inner ul li:last-child {
  margin-bottom: 0
}

.p-onlineShopSubscription .sec-flow .inner ul li.list {
  font-size: 17px;
  font-weight: normal;
  letter-spacing: .04em;
  position: relative;
  padding-left: 20px
}

.p-onlineShopSubscription .sec-flow .inner ul li.list:before {
  content: "■";
  font-size: 17px;
  position: absolute;
  left: 0;
  top: 0
}

.p-onlineShopSubscription .sec-flow .btn-cta-wrap {
  margin: 0 auto;
  max-width: 806px;
  width: 100%
}

.p-onlineShopSubscription .sec-flow .btn-cta-wrap a.btn-cta {
  margin-bottom: 30px;
  display: block
}

.p-onlineShopSubscription .sec-flow .btn-cta-wrap a.btn-cta:last-child {
  margin-bottom: 0
}

.p-onlineShopSubscription .box-info {
  max-width: 640px;
  margin: 0 auto 60px
}

.p-onlineShopSubscription .box-info table {
  width: 100%
}

.p-onlineShopSubscription .box-info table tr {
  border-bottom: 1px solid #4d4d4d
}

.p-onlineShopSubscription .box-info table tr th {
  font-size: 23px;
  color: #000;
  letter-spacing: .1em;
  padding: 19px 10px 19px 0;
  line-height: 1.5em;
  width: 31.5%;
  vertical-align: top
}

.p-onlineShopSubscription .box-info table tr td {
  padding: 19px 0;
  vertical-align: top
}

.p-onlineShopSubscription .box-info table tr td p {
  font-size: 23px;
  color: #000;
  letter-spacing: .1em;
  line-height: 1.5em;
  margin-bottom: 18px
}

.p-onlineShopSubscription .box-info table tr td p:last-child {
  margin-bottom: 0
}

.p-onlineShopSubscription .box-info table tr td p small {
  font-size: 14px
}

.p-onlineShopSubscription .box-info table tr.pd th,
.p-onlineShopSubscription .box-info table tr.pd td {
  padding-top: 30px;
  padding-bottom: 30px
}

.p-onlineShopSubscription .sec-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.p-onlineShopSubscription .sec-detail .img {
  width: 43%
}

.p-onlineShopSubscription .sec-detail .img .main {
  margin-bottom: 25px
}

.p-onlineShopSubscription .sec-detail .img .main li {
  display: none
}

.p-onlineShopSubscription .sec-detail .img .main li:first-child {
  display: block
}

.p-onlineShopSubscription .sec-detail .img .sub {
  display: flex;
  justify-content: space-between
}

.p-onlineShopSubscription .sec-detail .img .sub li {
  width: 30%;
  border: 1px solid #efefef
}

.p-onlineShopSubscription .sec-detail .block {
  width: 51%
}

.p-onlineShopSubscription .detail-ttl {
  font-size: 53px;
  color: #000;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1em;
  margin-bottom: 17px
}

.p-onlineShopSubscription .detail-txt {
  font-size: 15px;
  color: #000;
  letter-spacing: .1em;
  margin-bottom: 20px
}

.p-onlineShopSubscription .detail-price {
  font-size: 19px;
  color: #000;
  font-weight: bold;
  margin-bottom: 28px
}

.p-onlineShopSubscription .detail-price span {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  background: #e8899c;
  letter-spacing: .1em;
  line-height: 1em;
  padding: 6px 13px;
  vertical-align: text-bottom
}

.p-onlineShopSubscription .detail-price img {
  margin-right: 9px;
  transform: translateY(4px)
}

.p-onlineShopSubscription .detail-info {
  margin-bottom: 38px
}

.p-onlineShopSubscription .detail-info table {
  width: 100%
}

.p-onlineShopSubscription .detail-info table tr {
  border-bottom: 1px solid #4d4d4d
}

.p-onlineShopSubscription .detail-info table tr th {
  font-size: 15px;
  color: #000;
  letter-spacing: .1em;
  padding: 19px 10px 19px 0;
  line-height: 1.5em;
  width: 31.5%;
  vertical-align: top
}

.p-onlineShopSubscription .detail-info table tr td {
  font-size: 15px;
  color: #000;
  letter-spacing: .1em;
  padding: 19px 0;
  line-height: 1.5em;
  vertical-align: top
}

.p-onlineShopSubscription .detail-info table tr td small {
  font-size: 10px
}

.p-onlineShopSubscription .detail-btn {
  margin-bottom: 40px
}

.p-onlineShopSubscription .detail-btn a {
  margin-bottom: 20px;
  display: block
}

.p-onlineShopSubscription .detail-btn a:last-child {
  margin-bottom: 0
}

.p-onlineShopSubscription .detail-review02 {
  background: #f7f2f2;
  padding: 17px 22px 19px;
  margin-bottom: 22px
}

.p-onlineShopSubscription .detail-review02 .ttl {
  font-size: 15px;
  color: #333;
  margin-bottom: 7px
}

.p-onlineShopSubscription .detail-review02 .ttl strong {
  font-size: 23px;
  color: #e8899c;
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  padding-left: 20px;
  margin-left: 5px;
  position: relative
}

.p-onlineShopSubscription .detail-review02 .ttl strong:before {
  content: "";
  background: url(../img/ec/subscription/ico_point.svg) no-repeat left top/100%;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.p-onlineShopSubscription .detail-review02 .note {
  font-size: 12px;
  color: #333;
  margin-bottom: 8px;
  line-height: 1.6em
}

.p-onlineShopSubscription .detail-review02 .about {
  font-size: 12px;
  color: #e8899c;
  padding-left: 22px;
  letter-spacing: .05em;
  position: relative
}

.p-onlineShopSubscription .detail-review02 .about:before {
  content: "";
  background: url(../img/ec/subscription/ico_hatena.svg) no-repeat left top/100%;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.p-onlineShopSubscription .list-review {
  max-width: 635px;
  margin: 0 auto 65px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.p-onlineShopSubscription .list-review .ttl {
  font-size: 27px;
  font-weight: bold;
  color: #000;
  letter-spacing: .16em;
  border-bottom: 1px solid #000;
  margin-bottom: 42px;
  display: inline-block
}

.p-onlineShopSubscription .list-review .box {
  border: 1px solid #b1b1b1;
  padding: 27px 15px 23px;
  max-width: 589px;
  margin: 0 auto 40px;
  text-align: center
}

.p-onlineShopSubscription .list-review .box .stl {
  font-size: 25px;
  color: #000;
  font-weight: bold;
  margin-bottom: 22px
}

.p-onlineShopSubscription .list-review .box .stl strong {
  color: #e8899c;
  font-weight: bold
}

.p-onlineShopSubscription .list-review .box .in {
  display: flex;
  justify-content: center
}

.p-onlineShopSubscription .list-review .box .in .star5_rating:before,
.p-onlineShopSubscription .list-review .box .in .star5_rating:after {
  font-size: 48px
}

.p-onlineShopSubscription .list-review .box .in .num {
  font-size: 42px;
  color: #000;
  font-weight: bold;
  letter-spacing: .05em;
  margin-left: 10px
}

.p-onlineShopSubscription .list-review .box .in .num small {
  font-size: 23px
}

.p-onlineShopSubscription .list-review ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 10px;
  border-bottom: 1px solid gray
}

.p-onlineShopSubscription .list-review ul li .star5_rating:before,
.p-onlineShopSubscription .list-review ul li .star5_rating:after {
  font-size: 22px
}

.p-onlineShopSubscription .list-review ul li .num {
  font-size: 19px;
  color: #000
}

.p-onlineShopSubscription .list-review ul li .num strong {
  color: #e8899c
}

.p-onlineShopSubscription .list-review ul li .txt {
  font-size: 19px;
  color: #000;
  line-height: 1.6em;
  letter-spacing: .14em;
  width: 100%;
  margin-top: 5px
}

.p-onlineShopSubscription .list-review ul.hide {
  display: none
}

.p-onlineShopSubscription .list-review .more {
  font-size: 19px;
  color: #000;
  letter-spacing: .16em;
  text-align: center;
  cursor: pointer;
  margin-top: 17px;
  position: relative
}

.p-onlineShopSubscription .list-review .more:after {
  content: "〉";
  font-size: 15px
}

.p-onlineShopSubscription .list-review .more.arrow01:after {
  padding-left: 5px
}

.p-onlineShopSubscription .list-review .more.arrow02 {
  padding-bottom: 25px
}

.p-onlineShopSubscription .list-review .more.arrow02:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  transform: rotate(90deg)
}

.p-onlineShopSubscription .list-faq {
  max-width: 635px;
  margin: 0 auto 100px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.p-onlineShopSubscription .list-faq .ttl {
  font-size: 27px;
  font-weight: bold;
  color: #000;
  letter-spacing: .16em;
  border-bottom: 1px solid #000;
  margin-bottom: 43px;
  display: inline-block
}

.p-onlineShopSubscription .list-faq ul li {
  margin-bottom: 38px
}

.p-onlineShopSubscription .list-faq ul li:last-child {
  margin-bottom: 0
}

.p-onlineShopSubscription .list-faq ul li .q {
  font-size: 25px;
  color: #e8899c;
  font-weight: bold;
  letter-spacing: .16em;
  border-bottom: 1px solid #e8899c;
  padding: 0 0 10px 55px;
  margin-bottom: 11px;
  position: relative
}

.p-onlineShopSubscription .list-faq ul li .q:before {
  content: "";
  background: url(../img/ec/subscription/ico_q.svg) no-repeat left top/100%;
  width: 43px;
  height: 43px;
  position: absolute;
  left: 0;
  top: -2px
}

.p-onlineShopSubscription .list-faq ul li .a {
  font-size: 21px;
  color: #333;
  letter-spacing: .16em;
  padding-left: 55px
}

@keyframes scale {
  0% {
      transform: scale(1)
  }

  100% {
      transform: scale(0.9)
  }
}

@media only screen and (min-width: 800px) {
  .p-onlineShopSubscription .sp {
      display: none !important
  }
}

@media only screen and (max-width: 799px) {
  .p-onlineShopSubscription {
      padding-bottom: 50px
  }

  .p-onlineShopSubscription .pc {
      display: none !important
  }

  .p-onlineShopSubscription .pad {
      padding: 0 35px
  }

  .p-onlineShopSubscription .star5_rating:before,
  .p-onlineShopSubscription .star5_rating:after {
      font-size: 22px
  }

  .p-onlineShopSubscription .box-detail {
      margin: 0 auto
  }

  .p-onlineShopSubscription .box-detail .review {
      top: 6%
  }

  .p-onlineShopSubscription .box-detail .review .in {
      padding-left: 5vw
  }

  .p-onlineShopSubscription .box-detail .review .in:before {
      width: 3.7vw;
      height: 4vw;
      top: 2vw
  }

  .p-onlineShopSubscription .box-detail .review .in .star5_rating {
      margin-right: 1vw
  }

  .p-onlineShopSubscription .box-detail .review .in .star5_rating:before,
  .p-onlineShopSubscription .box-detail .review .in .star5_rating:after {
      font-size: 16px
  }

  .p-onlineShopSubscription .box-detail .review .in .num {
      font-size: 14px
  }

  .p-onlineShopSubscription .box-detail .review .count {
      font-size: 10px;
      padding-left: 5vw
  }

  .p-onlineShopSubscription .sec-mv {
      margin-bottom: 44px
  }

  .p-onlineShopSubscription .detail-review01 {
      padding-left: 25px;
      margin: 27px 0 20px
  }

  .p-onlineShopSubscription .detail-review01:after {
      width: 17px;
      height: 15px
  }

  .p-onlineShopSubscription .detail-review01 .num {
      font-size: 13px
  }

  .p-onlineShopSubscription .detail-review01 .count {
      font-size: 10px
  }

  .p-onlineShopSubscription .star5_rating:before,
  .p-onlineShopSubscription .star5_rating:after {
      font-size: 16px
  }

  .p-onlineShopSubscription .detail-ttl {
      font-size: 32px;
      margin-bottom: 21px
  }

  .p-onlineShopSubscription .detail-txt {
      font-size: 15px;
      color: #000;
      letter-spacing: .1em;
      margin-bottom: 20px
  }

  .p-onlineShopSubscription .detail-price {
      font-size: 11px;
      margin-bottom: 28px
  }

  .p-onlineShopSubscription .detail-price span {
      font-size: 10px
  }

  .p-onlineShopSubscription .detail-price img {
      width: 89px
  }

  .p-onlineShopSubscription .detail-price img img {
      transform: translateY(6px)
  }

  .p-onlineShopSubscription .detail-review02 {
      padding: 17px 18px;
      margin-bottom: 17px
  }

  .p-onlineShopSubscription .detail-review02 .ttl {
      font-size: 10px
  }

  .p-onlineShopSubscription .detail-review02 .ttl strong {
      font-size: 15px;
      padding-left: 14px
  }

  .p-onlineShopSubscription .detail-review02 .ttl strong:before {
      width: 10px;
      height: 10px
  }

  .p-onlineShopSubscription .detail-review02 .note {
      font-size: 10px;
      margin-bottom: 5px
  }

  .p-onlineShopSubscription .detail-review02 .about {
      font-size: 10px;
      padding-left: 16px
  }

  .p-onlineShopSubscription .detail-review02 .about:before {
      width: 12px;
      height: 12px
  }

  .p-onlineShopSubscription .detail-btn {
      margin-bottom: 0
  }

  .p-onlineShopSubscription .detail-btn a {
      width: 86.8%;
      margin: 0 auto 12px
  }

  .p-onlineShopSubscription .detail-btn a:last-child {
      margin-bottom: 0
  }

  .p-onlineShopSubscription .sec-intro {
      padding: 42px 0 0
  }

  .p-onlineShopSubscription .sec-intro .inner {
      display: block
  }

  .p-onlineShopSubscription .sec-intro .inner .block {
      width: 100%;
      padding-right: 0;
      margin-bottom: 35px
  }

  .p-onlineShopSubscription .sec-intro .inner .block .ttl {
      max-width: 298px;
      margin-bottom: 20px
  }

  .p-onlineShopSubscription .sec-intro .inner .block .txt {
      font-size: 11px
  }

  .p-onlineShopSubscription .sec-intro .inner .img-onayami {
      margin-bottom: 25px
  }

  .p-onlineShopSubscription .movie {
      background: #f7f2f2;
      padding: 48px 35px 37px;
      position: relative
  }

  .p-onlineShopSubscription .movie .ttl {
      padding: 0;
      width: 303px;
      margin-bottom: -24px;
      position: relative;
      left: -35px;
      top: 0
  }

  .p-onlineShopSubscription .movie video {
      width: 100%;
      box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .1)
  }

  .p-onlineShopSubscription .img-reason {
      margin: 22px 0 25px
  }

  .p-onlineShopSubscription .sec-component {
      margin-bottom: 20px
  }

  .p-onlineShopSubscription .detail-info {
      max-width: 273px;
      margin: 0 auto 12px
  }

  .p-onlineShopSubscription .detail-info table tr:last-child {
      border-bottom: none
  }

  .p-onlineShopSubscription .detail-info table tr th {
      font-size: 10px;
      padding: 17px 10px 17px 0;
      width: 30%
  }

  .p-onlineShopSubscription .detail-info table tr td {
      font-size: 10px;
      padding: 17px 0
  }

  .p-onlineShopSubscription .detail-info table tr td small {
      font-size: 8px
  }

  .p-onlineShopSubscription .detail-info table tr td .count {
      width: 112px;
      height: 32px;
      border: 1px solid #ccc;
      border-radius: 5px;
      display: flex;
      text-align: center
  }

  .p-onlineShopSubscription .detail-info table tr td .count span {
      font-size: 11px;
      color: #000;
      width: calc((100% - 49px)/2);
      display: flex;
      align-items: center;
      justify-content: center
  }

  .p-onlineShopSubscription .detail-info table tr td .count .num {
      width: 49px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc
  }

  .p-onlineShopSubscription .btn-cta-wrap {
      max-width: 343px;
      margin: 0 auto
  }

  .p-onlineShopSubscription .btn-cta-wrap a {
      display: block;
      margin-bottom: 10px !important
  }

  .p-onlineShopSubscription .btn-cta-wrap a:last-child {
      margin-bottom: 0 !important
  }

  .p-onlineShopSubscription .img-campaign {
      margin-top: 12px
  }

  .p-onlineShopSubscription .sec-product {
      padding: 55px 0 35px
  }

  .p-onlineShopSubscription .sec-product .img {
      margin-bottom: 35px
  }

  .p-onlineShopSubscription .sec-product .pad {
      margin-bottom: 30px
  }

  .p-onlineShopSubscription .sec-product .btn-cta {
      margin-top: 7px
  }

  .p-onlineShopSubscription .sec-flow {
      background: none;
      margin: 0 auto 60px;
      padding-bottom: 0
  }

  .p-onlineShopSubscription .sec-flow .product {
      max-width: 328px;
      margin: 0 auto 33px
  }

  .p-onlineShopSubscription .sec-flow .product .img {
      width: 95px
  }

  .p-onlineShopSubscription .sec-flow .product .block {
      width: calc(100% - 95px);
      padding-left: 11px;
      margin-bottom: 0
  }

  .p-onlineShopSubscription .sec-flow .product .block .ttl {
      font-size: 12px;
      margin-bottom: 15px
  }

  .p-onlineShopSubscription .sec-flow .product .block .ttl strong {
      font-size: 15px
  }

  .p-onlineShopSubscription .sec-flow .product .block .ttl span {
      font-size: 13px
  }

  .p-onlineShopSubscription .sec-flow .product .block .label {
      margin-top: 8px
  }

  .p-onlineShopSubscription .sec-flow .product .block .label .label01 {
      font-size: 12px;
      padding: 4px 0 3px;
      width: 40%
  }

  .p-onlineShopSubscription .sec-flow .product .block .label .label02 {
      font-size: 12px;
      padding: 4px 0 3px;
      width: 60%
  }

  .p-onlineShopSubscription .sec-flow .inner {
      padding: 23px 23px 0
  }

  .p-onlineShopSubscription .sec-flow .inner ul {
      margin-bottom: 20px;
      padding-left: 0
  }

  .p-onlineShopSubscription .sec-flow .inner ul li {
      font-size: 11px;
      margin-bottom: 3px
  }

  .p-onlineShopSubscription .sec-flow .inner ul li.list {
      font-size: 10px;
      padding-left: 15px
  }

  .p-onlineShopSubscription .sec-flow .inner ul li.list:before {
      font-size: 10px
  }

  .p-onlineShopSubscription .sec-flow .btn-cta-wrap {
      max-width: 349px
  }

  .p-onlineShopSubscription .sec-flow .btn-cta-wrap a.btn-cta {
      margin-bottom: 10px
  }

  .p-onlineShopSubscription .list-review {
      max-width: 303px;
      margin: 0 auto 25px
  }

  .p-onlineShopSubscription .list-review .ttl {
      font-size: 13px;
      margin-bottom: 21px
  }

  .p-onlineShopSubscription .list-review .box {
      padding: 18px 15px 16px;
      max-width: 280px;
      margin: 0 auto 15px
  }

  .p-onlineShopSubscription .list-review .box .stl {
      font-size: 12px;
      margin-bottom: 10px
  }

  .p-onlineShopSubscription .list-review .box .in .star5_rating:before,
  .p-onlineShopSubscription .list-review .box .in .star5_rating:after {
      font-size: 24px
  }

  .p-onlineShopSubscription .list-review .box .in .num {
      font-size: 20px;
      margin-left: 0
  }

  .p-onlineShopSubscription .list-review .box .in .num small {
      font-size: 10px
  }

  .p-onlineShopSubscription .list-review ul li {
      padding: 18px 10px
  }

  .p-onlineShopSubscription .list-review ul li .star5_rating:before,
  .p-onlineShopSubscription .list-review ul li .star5_rating:after {
      font-size: 12px
  }

  .p-onlineShopSubscription .list-review ul li .num {
      font-size: 10px
  }

  .p-onlineShopSubscription .list-review ul li .txt {
      font-size: 10px
  }

  .p-onlineShopSubscription .list-review .more {
      font-size: 10px;
      margin-top: 10px
  }

  .p-onlineShopSubscription .list-review .more:after {
      font-size: 10px
  }

  .p-onlineShopSubscription .list-review .more.arrow01:after {
      padding-left: 3px
  }

  .p-onlineShopSubscription .list-review .more.arrow02 {
      padding-bottom: 15px
  }

  .p-onlineShopSubscription .list-faq {
      max-width: 303px;
      margin-bottom: 45px
  }

  .p-onlineShopSubscription .list-faq .ttl {
      font-size: 13px;
      margin-bottom: 21px
  }

  .p-onlineShopSubscription .list-faq ul li {
      margin-bottom: 20px
  }

  .p-onlineShopSubscription .list-faq ul li .q {
      font-size: 12px;
      padding: 0 0 5px 28px;
      margin-bottom: 8px
  }

  .p-onlineShopSubscription .list-faq ul li .q:before {
      width: 21px;
      height: 21px;
      top: 0
  }

  .p-onlineShopSubscription .list-faq ul li .a {
      font-size: 10px;
      padding-left: 28px
  }
}

.p-sku {
  margin: 8px 0 24px;
  max-width: 400px
}

.p-sku table {
  border: solid 1px #ebebeb
}

.p-sku table thead tr {
  border-bottom: solid 1px #ebebeb
}

.p-sku table thead tr td {
  font-size: 11px;
  padding: 4px 8px 6px;
  color: #555;
  letter-spacing: .06em;
  font-weight: 500
}

.p-sku table thead tr td p {
  font-size: 11px;
  color: #555;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 1.3em;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.p-sku table thead tr td p span {
  min-width: 80px;
  display: inline-block
}

.p-sku table tbody tr:last-of-type td {
  padding-bottom: 8px
}

.p-sku table tr+tr {
  border-top: solid 1px #ebebeb
}

.p-sku table th,
.p-sku table td {
  padding: 4px;
  background: #f4f4f4
}

.p-sku table th {
  padding: 2px 1px 2px 4px;
  font-size: 12px;
  font-weight: 500;
  writing-mode: vertical-rl;
  text-align: center;
  vertical-align: middle;
  color: #999
}

.p-sku table td {
  padding: 6px 8px 6px 6px
}

.p-sku__list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px
}

.p-sku__list>li {
  padding: 2px;
  width: 50%;
  flex: 0 0 auto
}

.p-sku__list__item .c-input--radio--label input+label,
.p-sku__list__item .c-input--checkbox--label input+label {
  flex: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 32px
}

.p-sku__list__item .c-input--radio--label input+label:before,
.p-sku__list__item .c-input--checkbox--label input+label:before {
  left: 8px
}

.p-sku__list__item .c-input--radio--label input+label .title,
.p-sku__list__item .c-input--radio--label input+label .description,
.p-sku__list__item .c-input--checkbox--label input+label .title,
.p-sku__list__item .c-input--checkbox--label input+label .description {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2em;
  color: #444
}

.p-sku__list__item .c-input--radio--label input+label .title,
.p-sku__list__item .c-input--checkbox--label input+label .title {
  font-weight: 600
}

.p-sku__list__item .c-input--radio--label input+label .description,
.p-sku__list__item .c-input--checkbox--label input+label .description {
  font-size: 11px;
  display: block;
  color: #888
}

.p-sku__list__item .c-input--radio--label input:checked+label,
.p-sku__list__item .c-input--checkbox--label input:checked+label {
  background: #fff;
  border-color: #2673e8
}

.p-sku__list__item .c-input--radio--label input:checked+label .title,
.p-sku__list__item .c-input--checkbox--label input:checked+label .title {
  color: #2673e8
}

.p-sku__list__item .c-input--radio--label input:checked+label .description,
.p-sku__list__item .c-input--checkbox--label input:checked+label .description {
  color: #668ecb
}

.p-sku__list__item .c-input--checkbox--label input+label {
  background: #fff;
  pointer-events: none;
  padding-left: 12px
}

.p-sku__list__item .c-input--checkbox--label input+label:before {
  opacity: 0;
  background: url(../img/web/p-input/checkbox.svg)
}

.p-sku__list__item--ladys .c-input--radio--label input+label,
.p-sku__list__item--ladys .c-input--checkbox--label input+label {
  border-color: #efe3e6
}

.p-sku__list__item--ladys .c-input--radio--label input+label:before,
.p-sku__list__item--ladys .c-input--checkbox--label input+label:before {
  background: url(../img/web/p-input/radio--ladys.svg)
}

.p-sku__list__item--ladys .c-input--radio--label input+label:hover,
.p-sku__list__item--ladys .c-input--checkbox--label input+label:hover {
  border-color: #176e39
}

.p-sku__list__item--ladys .c-input--radio--label input:checked+label,
.p-sku__list__item--ladys .c-input--checkbox--label input:checked+label {
  border-color: #176e39
}

.p-sku__list__item--ladys .c-input--radio--label input:checked+label:before,
.p-sku__list__item--ladys .c-input--checkbox--label input:checked+label:before {
  background: url(../img/web/p-input/radio--checked--ladys.svg)
}

.p-sku__list__item--ladys .c-input--radio--label input:checked+label .title,
.p-sku__list__item--ladys .c-input--checkbox--label input:checked+label .title {
  color: #176e39
}

.p-sku__list__item--ladys .c-input--radio--label input:checked+label .description,
.p-sku__list__item--ladys .c-input--checkbox--label input:checked+label .description {
  color: #176e39
}

.p-sku__list__item--ladys .c-input--checkbox--label input+label:before {
  background: url(../img/web/p-input/checkbox.svg)
}

.p-sku__list__item--ladys .c-input--checkbox--label input:checked+label:before {
  background: url(../img/web/p-input/checkbox--checked.svg)
}

.p-sku table.corporate .p-sku__list>li {
  flex: auto;
  min-width: 1px;
  width: auto
}

.p-sku table.corporate .p-sku__list__item {
  display: grid;
  grid-template-columns: 1fr 80px;
  grid-gap: 4px 4px
}

.p-sku table.corporate .p-sku__list__item .c-input--count input {
  height: 100%;
  border-color: #e5e9ee;
  font-size: 14px;
  font-weight: 500;
  text-align: right
}

@media screen and (max-width: 480px) {
  .p-sku table.corporate .p-sku__list__item .c-input--count input {
      font-size: 14px
  }

  .p-sku table.corporate .p-sku__list__item .c-input--count input:focus {
      font-size: 16px
  }
}

.p-sku table.corporate .ladys .p-sku__list__item .c-input--count input {
  border-color: #efe3e6
}

.c-button--warranty {
  color: #176e39;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  border-radius: 4px;
  height: 72px;
  max-width: 360px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 768px) {
  .c-button--warranty {
      height: 64px
  }
}

.p-warranty .l-container {
  max-width: 1080px
}

@media screen and (max-width: 1080px) {
  .p-warranty .l-container {
      max-width: 960px
  }
}

.p-warranty__head {
  height: 480px;
  background-color: #176e39;
  background-image: url(../img/web/warranty/mainVisual__background.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden
}

@media screen and (max-width: 768px) {
  .p-warranty__head {
      height: 400px
  }
}

.p-warranty__head .l-container {
  max-width: 960px
}

.p-warranty__head .c-image,
.p-warranty__head .c-image--standard,
.p-warranty__head .c-image--wide,
.p-warranty__head .c-image--notification {
  width: 480px;
  background-image: url(../img/web/warranty/mainVisual__woman.png);
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1
}

@media screen and (max-width: 768px) {

  .p-warranty__head .c-image,
  .p-warranty__head .c-image--standard,
  .p-warranty__head .c-image--wide,
  .p-warranty__head .c-image--notification {
      top: auto;
      bottom: 0;
      left: auto;
      right: -8vw;
      width: 400px
  }
}

@media screen and (max-width: 480px) {

  .p-warranty__head .c-image,
  .p-warranty__head .c-image--standard,
  .p-warranty__head .c-image--wide,
  .p-warranty__head .c-image--notification {
      right: -24vw;
      width: 360px;
      opacity: .8
  }
}

.p-warranty__head__text {
  margin: -16px 0 0;
  position: relative;
  z-index: 2
}

@media screen and (max-width: 480px) {
  .p-warranty__head__text {
      margin: 0
  }
}

.p-warranty__head__text__label {
  margin: 0 0 16px
}

@media screen and (max-width: 768px) {
  .p-warranty__head__text__label {
      margin: 0 0 12px
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__head__text__label img {
      width: 160px;
      height: 32px
  }
}

.p-warranty__head__text__title {
  margin: 32px 0 0
}

@media screen and (max-width: 768px) {
  .p-warranty__head__text__title {
      margin: 24px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__head__text__title img {
      width: 240px;
      height: 105px
  }
}

.p-warranty__head__text__description {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-warranty__head__text__description {
      max-width: 252px
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__head__text__description br {
      display: none
  }
}

.p-warranty__head__text .p-buttonWrap {
  margin-top: 24px
}

.p-warranty__section__head {
  padding: 64px 0 0;
  margin: 0 0 56px
}

@media screen and (max-width: 768px) {
  .p-warranty__section__head {
      padding: 48px 0 0;
      margin: 0 0 40px
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__section__head {
      padding: 40px 0 0;
      margin: 0 0 32px
  }
}

.p-warranty__section__head .l-container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-warranty__section__head__copy {
  margin: 0 0 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.p-warranty__section__head__copy b {
  color: #176e39
}

@media screen and (max-width: 768px) {
  .p-warranty__section__head__copy {
      font-size: 18px
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__section__head__copy {
      margin: 0 0 16px
  }
}

.p-warranty__section__head__title {
  font-weight: 700;
  color: #db5875;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-warranty__section__head__title {
      font-size: 32px
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__section__head__title--small {
      font-size: 24px
  }
}

.p-warranty__section__head__description {
  margin: 16px 0 0;
  text-align: center;
  font-size: 16px
}

@media screen and (max-width: 768px) {
  .p-warranty__section__head__description {
      font-size: 14px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center
  }
}

.p-warranty__about__body {
  background-color: #f7f2f2;
  padding: 48px 0 64px
}

@media screen and (max-width: 480px) {
  .p-warranty__about__body {
      padding: 24px 0 40px
  }
}

.p-warranty__about__list {
  display: flex;
  margin: -8px
}

@media screen and (max-width: 1080px) {
  .p-warranty__about__list {
      margin: -4px
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__about__list {
      margin: -2px;
      flex-wrap: wrap
  }
}

@media screen and (max-width: 560px) {
  .p-warranty__about__list {
      margin: -4px
  }
}

.p-warranty__about__list__item {
  flex: 1 1 0%;
  margin: 8px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 1080px) {
  .p-warranty__about__list__item {
      margin: 4px
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__about__list__item {
      margin: 2px;
      min-width: 100%
  }
}

@media screen and (max-width: 560px) {
  .p-warranty__about__list__item {
      flex: auto;
      min-width: 0;
      margin: 4px
  }
}

.p-warranty__about__list__head {
  color: #fff;
  background-color: #176e39;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .p-warranty__about__list__head {
      height: 48px
  }
}

@media screen and (max-width: 560px) {
  .p-warranty__about__list__head {
      height: 40px
  }
}

.p-warranty__about__list__head .title {
  font-weight: 700;
  color: #fff;
  text-align: center
}

.p-warranty__about__list__head .number {
  font-weight: 700;
  line-height: 1em;
  color: #fff;
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px
}

@media screen and (max-width: 768px) {
  .p-warranty__about__list__head .number {
      font-size: 14px;
      width: 24px;
      height: 24px
  }
}

@media screen and (max-width: 560px) {
  .p-warranty__about__list__head .number {
      font-size: 11px;
      width: 20px;
      height: 20px
  }
}

.p-warranty__about__list__body {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  padding: 24px 12px
}

@media screen and (max-width: 560px) {
  .p-warranty__about__list__body {
      padding: 24px
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body {
      position: relative;
      align-items: flex-start
  }
}

.p-warranty__about__list__body .c-image,
.p-warranty__about__list__body .c-image--standard,
.p-warranty__about__list__body .c-image--wide,
.p-warranty__about__list__body .c-image--notification {
  width: 80px;
  background-size: 80px 80px;
  background-position: center center
}

@media screen and (max-width: 768px) {

  .p-warranty__about__list__body .c-image,
  .p-warranty__about__list__body .c-image--standard,
  .p-warranty__about__list__body .c-image--wide,
  .p-warranty__about__list__body .c-image--notification {
      width: 64px
  }
}

.p-warranty__about__list__body__title {
  font-weight: 700;
  color: #176e39;
  margin: 16px 0 0
}

@media screen and (max-width: 1080px) {
  .p-warranty__about__list__body__title {
      font-size: 20px
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__about__list__body__title {
      margin: 8px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__title {
      margin: 16px 0 0
  }
}

.p-warranty__about__list__body__description {
  text-align: center;
  margin: 12px 0 0
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__description {
      margin: 6px 0 0;
      text-align: left
  }
}

.p-warranty__about__list__body__content {
  margin: 24px 0 0
}

@media screen and (max-width: 768px) {
  .p-warranty__about__list__body__content {
      margin: 16px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content {
      position: absolute;
      left: 110px;
      top: 22px;
      margin: 0;
      min-height: 64px;
      display: flex;
      align-items: center
  }
}

.p-warranty__about__list__body__content ol {
  counter-reset: number 0
}

.p-warranty__about__list__body__content ol li {
  counter-increment: number 1;
  font-weight: 600;
  font-size: 15px;
  padding: 0 0 0 32px;
  margin: 0 0 0 -16px;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content ol li {
      margin: 0
  }
}

.p-warranty__about__list__body__content ol li:before {
  content: counter(number) "";
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: #176e39;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.p-warranty__about__list__body__content ol li+li {
  margin-top: 8px
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content ul {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      max-width: 220px;
      justify-content: center
  }
}

.p-warranty__about__list__body__content ul:before {
  content: "店舗通い放題";
  padding: 2px;
  background: #fff6f8;
  color: #e0778d;
  font-size: 14px;
  border: solid 1px #e0778d;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 24px;
  width: 100%;
  min-width: 130px;
  margin: 0 0 13px
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content ul:before {
      margin: 8px 0 5px
  }
}

.p-warranty__about__list__body__content ul li {
  font-weight: 600;
  font-size: 15px;
  padding: 0 0 0 44px;
  margin: 0;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content ul li {
      margin: 4px 6px;
      padding: 0 0 0 32px
  }
}

.p-warranty__about__list__body__content ul li:before {
  content: "";
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content ul li:before {
      width: 32px;
      height: 32px;
      left: -3px
  }
}

.p-warranty__about__list__body__content ul li+li {
  margin-top: 12px
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content ul li+li {
      margin: 4px 6px
  }
}

.p-warranty__about__list__body__content ul li.premium:before {
  background-image: url("../img/web/warranty/plan__premium.svg")
}

.p-warranty__about__list__body__content ul li.special:before {
  background-image: url("../img/web/warranty/plan__special.svg")
}

.p-warranty__about__list__body__content .c-text__lv3,
.p-warranty__about__list__body__content .p-warrantyStep__choice__title,
.p-warranty__about__list__body__content .p-warranty__plan__list__head__title {
  font-size: 16px;
  letter-spacing: .04em;
  color: #666
}

@media screen and (max-width: 480px) {
  .p-warranty__about__list__body__content .c-text--center {
      text-align: left
  }
}

@media screen and (max-width: 400px) {
  .p-warranty__about__list__body__content .c-text--center br {
      display: none
  }
}

.p-warranty__plan__body {
  padding: 0 0 48px
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__body {
      background-color: #f7f2f2;
      padding: 24px 0 48px
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__plan__body {
      padding: 16px 0
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list {
      max-width: 480px;
      margin: 0 auto;
      border-bottom: none;
      margin: -4px auto
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__plan__list {
      margin: -4px -12px
  }
}

.p-warranty__plan__list__item {
  display: flex;
  align-items: center;
  padding: 40px;
  background-color: #fff;
  border: 1px solid #91a6be;
  border-radius: 4px;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .1);
  position: relative
}

@media screen and (max-width: 1080px) {
  .p-warranty__plan__list__item {
      padding: 32px
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__item {
      flex-wrap: wrap;
      padding: 40px;
      box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .1);
      border-radius: 8px;
      margin: 8px
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__plan__list__item {
      padding: 32px
  }
}

.p-warranty__plan__list__item+.p-warranty__plan__list__item {
  margin-top: 12px
}

.p-warranty__plan__list__head {
  flex: 0 0 56%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__head {
      flex: 0 0 100%;
      align-items: center;
      padding: 0
  }
}

.p-warranty__plan__list__head--row {
  flex-direction: row
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__head--row {
      flex-direction: column
  }
}

.p-warranty__plan__list__head__title {
  letter-spacing: 0;
  font-weight: 700
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__head__title {
      font-size: 24px
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__plan__list__head__title {
      font-size: 20px
  }
}

.p-warranty__plan__list__head__price {
  margin: 16px 0 0
}

.p-warranty__plan__list__head__price .p-text>* {
  color: #db5875 !important
}

.p-warranty__plan__list__head--row .p-warranty__plan__list__head__price {
  margin: 0 0 0 24px
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__head--row .p-warranty__plan__list__head__price {
      margin: 16px 0 0
  }
}

.p-warranty__plan__list__head__description {
  margin: 12px 0 0
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__head__description {
      text-align: center
  }
}

.p-warranty__plan__list__body {
  text-align: center;
  flex: 0 0 36%;
  border-left: 1px solid #e5e9ee;
  padding: 0 0 0 4%;
  margin: 0 0 0 4%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__body {
      flex: 0 0 100%;
      padding: 0;
      margin: 16px 0 0;
      border-left: none;
      display: flex;
      flex-direction: column;
      align-items: center
  }
}

@media screen and (max-width: 480px) {
  .p-warranty__plan__list__body {
      margin: 16px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__body__content {
      background-color: #f7f2f2;
      padding: 16px;
      width: 100%;
      max-width: 240px
  }
}

.p-warranty__plan__list__body .p-buttonWrap {
  margin-top: 16px
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__list__body .p-buttonWrap {
      width: 100%;
      margin-top: 24px
  }
}

.p-warranty__plan__list__body .p-buttonWrap .c-button,
.p-warranty__plan__list__body .p-buttonWrap .c-button--accent,
.p-warranty__plan__list__body .p-buttonWrap .c-button--action,
.p-warranty__plan__list__body .p-buttonWrap .c-button--form,
.p-warranty__plan__list__body .p-buttonWrap .c-button--inline,
.p-warranty__plan__list__body .p-buttonWrap .c-button--inlineArrow,
.p-warranty__plan__list__body .p-buttonWrap .c-button--weak,
.p-warranty__plan__list__body .p-buttonWrap .c-button--line,
.p-warranty__plan__list__body .p-buttonWrap .c-button--full,
.p-warranty__plan__list__body .p-buttonWrap .c-button--small,
.p-warranty__plan__list__body .p-buttonWrap .p-home__middleNav__button {
  justify-content: center;
  font-weight: 500;
  border-radius: 4px;
  height: 40px;
  min-width: 240px;
  width: 100%;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 768px) {

  .p-warranty__plan__list__body .p-buttonWrap .c-button,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--accent,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--action,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--form,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--inline,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--inlineArrow,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--weak,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--line,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--full,
  .p-warranty__plan__list__body .p-buttonWrap .c-button--small,
  .p-warranty__plan__list__body .p-buttonWrap .p-home__middleNav__button {
      max-width: none;
      width: 100%
  }
}

.p-warranty__plan__list__body .p-buttonWrap .c-button--large {
  font-size: 16px;
  height: 56px
}

.p-warranty__plan__option {
  margin: 48px 0 0
}

.p-warranty__plan__option__head {
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__option__head {
      margin: 0 0 24px
  }
}

.p-warranty__plan__option__head__title {
  letter-spacing: 0;
  color: #176e39;
  display: flex;
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-warranty__plan__option__head__title {
      font-size: 22px
  }
}

.p-warranty__plan__option__head__title .c-image,
.p-warranty__plan__option__head__title .c-image--standard,
.p-warranty__plan__option__head__title .c-image--wide,
.p-warranty__plan__option__head__title .c-image--notification {
  width: 40px;
  margin: 0 8px 0 -16px
}

@media screen and (max-width: 560px) {

  .p-warranty__plan__option__head__title .c-image,
  .p-warranty__plan__option__head__title .c-image--standard,
  .p-warranty__plan__option__head__title .c-image--wide,
  .p-warranty__plan__option__head__title .c-image--notification {
      width: 32px
  }
}

.p-warranty__plan__option__head__description {
  font-size: 16px;
  margin: 16px 0 0;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__option__head__description {
      font-size: 14px;
      margin: 12px 0 0
  }
}

.p-warranty__plan__option__head__description b {
  color: #176e39
}

.p-warranty__plan__option__list {
  display: flex;
  margin: -12px;
  counter-reset: number 0
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__option__list {
      flex-wrap: wrap;
      max-width: 480px;
      margin: -4px auto
  }
}

.p-warranty__plan__option__list__item {
  width: 50%;
  padding: 12px;
  counter-increment: number 1
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__option__list__item {
      width: 100%;
      padding: 4px
  }
}

.p-warranty__plan__option__list__content {
  border: 4px solid #176e39;
  padding: 8px;
  background-color: #fff;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1);
  position: relative
}

.p-warranty__plan__option__list__content:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 100px 0 0;
  border-color: #176e39 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0
}

.p-warranty__plan__option__list__content:after {
  content: "オプション." counter(number);
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0px
}

.p-warranty__plan__option__list__head {
  padding: 8px 16px;
  margin: 0 0 12px
}

@media screen and (max-width: 768px) {
  .p-warranty__plan__option__list__head {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 16px 0
  }
}

.p-warranty__plan__option__list__head__title {
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 700;
  display: flex;
  align-items: center
}

.p-warranty__plan__option__list__head__title .c-image,
.p-warranty__plan__option__list__head__title .c-image--standard,
.p-warranty__plan__option__list__head__title .c-image--wide,
.p-warranty__plan__option__list__head__title .c-image--notification {
  width: 48px;
  margin: 0 8px 0 0
}

@media screen and (max-width: 768px) {

  .p-warranty__plan__option__list__head__title .c-image,
  .p-warranty__plan__option__list__head__title .c-image--standard,
  .p-warranty__plan__option__list__head__title .c-image--wide,
  .p-warranty__plan__option__list__head__title .c-image--notification {
      margin-left: -32px
  }
}

.p-warranty__plan__option__list__head__price {
  margin: 8px 0 0
}

.p-warranty__plan__option__list__head__price .p-text>* {
  color: #176e39 !important
}

.p-warranty__plan__option__list__head__date {
  margin: 16px 0 0;
  width: 100%
}

.p-warranty__plan__option__list__head__date .p-text {
  border-bottom: solid 1px #eee;
  padding: 0 0 4px;
  flex-wrap: nowrap
}

.p-warranty__plan__option__list__head__date .p-text+.p-text {
  margin-top: 6px
}

.p-warranty__plan__option__list__head__date .p-text>p {
  flex: 0 0 104px;
  line-height: 1.4em
}

@media screen and (max-width: 480px) {
  .p-warranty__plan__option__list__head__date .p-text>p {
      font-size: 14px
  }
}

.p-warranty__plan__option__list__head__date .p-text>p[class*=c-number] {
  flex: auto;
  min-width: 0
}

.p-warranty__plan__option__list__body {
  background-color: #f7f2f2;
  padding: 24px
}

@media screen and (max-width: 480px) {
  .p-warranty__plan__option__list__body {
      padding: 16px
  }
}

.p-warranty__plan__option__list__body__description {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 16px
}

.p-warranty__plan__option__alert {
  width: 100%;
  padding: 8px 16px;
  background: rgba(247, 87, 105, .15);
  border-radius: 2px
}

.p-warranty__plan__option__alert .message {
  color: #f75769;
  padding: 0 0 0 8px;
  width: 100%;
  position: relative
}

.p-warranty__cv {
  background-color: #176e39;
  background-image: url(../img/web/warranty/mainVisual__background.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}

.p-warranty__cv .l-container {
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .p-warranty__cv .l-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: auto;
      padding-top: 32px;
      padding-bottom: 32px
  }
}

.p-warranty__cv__data {
  margin: 0 0 0 48px;
  min-width: 280px
}

@media screen and (max-width: 768px) {
  .p-warranty__cv__data {
      margin: 24px 0 0
  }
}

.p-warranty__cv__data__description {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 16px
}

@media screen and (max-width: 768px) {
  .p-warranty__cv__data__description {
      text-align: center
  }
}

.p-warranty__notice {
  background-color: #f7f2f2;
  padding: 40px
}

@media screen and (max-width: 768px) {
  .p-warranty__notice {
      margin: 0
  }
}

@media screen and (max-width: 560px) {
  .p-warranty__notice {
      padding: 0 0 40px
  }
}

.p-warranty__notice .l-container {
  max-width: 800px
}

.p-warranty__notice__item {
  display: flex;
  align-items: flex-start
}

@media screen and (max-width: 560px) {
  .p-warranty__notice__item {
      flex-wrap: wrap
  }
}

.p-warranty__notice__item__head {
  flex: 0 0 80px
}

@media screen and (max-width: 560px) {
  .p-warranty__notice__item__head {
      flex: 0 0 100%
  }
}

.p-warranty__notice__item__body {
  flex: auto;
  min-width: 0;
  padding: 0 0 0 24px;
  margin: 0 0 0 24px;
  border-left: 1px solid #e5e9ee
}

.p-warranty__notice__item__body__description {
  line-height: 1.7em
}

@media screen and (max-width: 560px) {
  .p-warranty__notice__item__body {
      flex: 0 0 100%;
      margin: 8px 0 0;
      padding: 16px 0 0;
      border-left: none;
      border-top: 1px solid #e5e9ee
  }
}

.p-warrantyStep {
  max-width: 520px;
  width: 100%;
  margin: 56px auto 120px
}

@media screen and (max-width: 768px) {
  .p-warrantyStep {
      margin: 40px auto 80px
  }
}

.p-warrantyStep--wide {
  max-width: 880px
}

.p-warrantyStep--default {
  max-width: none
}

.p-warrantyStep--complete {
  margin: 16px auto 120px
}

.p-warrantyStep__head {
  border-bottom: 1px solid #e5e9ee;
  padding: 0 0 32px;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-warrantyStep--complete .p-warrantyStep__head {
  padding: 0
}

.p-warrantyStep__head__description {
  text-align: center;
  margin: 32px 0 0
}

@media screen and (max-width: 768px) {
  .p-warrantyStep__head__description {
      margin: 12px 0 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center
  }
}

.p-warrantyStep__head__description+.p-warrantyStep__head__description {
  margin: 4px 0 0
}

.p-warrantyStep__head__step {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  margin: 32px 0 0
}

@media screen and (max-width: 480px) {
  .p-warrantyStep__head__step img {
      width: 320px;
      height: 34px
  }
}

.p-warrantyStep__head__copy {
  text-align: center;
  font-weight: 700;
  margin: 32px 0 0
}

.p-warrantyStep__machine {
  background-color: #f7f2f2;
  padding: 16px
}

@media screen and (max-width: 480px) {
  .p-warrantyStep__machine {
      padding: 12px
  }
}

.p-warrantyStep__machine .c-text__data--title {
  margin: 0 0 8px
}

.p-warrantyStep__plan__head {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #176e39
}

.p-warrantyStep__plan__head__title {
  color: #fff
}

.p-warrantyStep__plan__body {
  padding: 24px;
  border: 2px solid #e5e9ee;
  border-top: none;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-warrantyStep__plan__body {
      padding: 16px
  }
}

.p-warrantyStep__plan__body>.c-button--change {
  position: absolute;
  right: 8px;
  top: 8px
}

@media screen and (max-width: 480px) {
  .p-warrantyStep__plan__body>.l-12--gap8 {
      flex-direction: column;
      flex-wrap: nowrap
  }
}

.p-warrantyStep__plan__body>.l-12--gap8 .l-12__fix120 {
  flex: 0 0 auto;
  width: 120px
}

@media screen and (max-width: 768px) {
  .p-warrantyStep__plan__body .l-12__auto .p-warranty__plan__option__list__head {
      align-items: flex-start;
      padding-top: 0
  }
}

@media screen and (max-width: 560px) {
  .p-warrantyStep__plan__body .l-12__auto .p-warranty__plan__option__list__head {
      padding-top: 20px
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyStep__plan__body .l-12__auto .p-warranty__plan__option__list__head {
      padding-top: 0px
  }
}

.p-warrantyStep__item+.p-warrantyStep__item {
  margin: 40px 0 0
}

.p-warrantyStep__item--borderBottom {
  border-bottom: 1px solid #e5e9ee
}

.p-warrantyStep__item--thin {
  padding: 0 0 24px
}

.p-warrantyStep__item__head {
  margin: 0 0 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.p-warrantyStep__item__head__title {
  font-size: 18px
}

.p-warrantyStep__item__head__action {
  margin: 0 0 0 auto
}

.p-warrantyStep__item__head__action .c-button,
.p-warrantyStep__item__head__action .c-button--accent,
.p-warrantyStep__item__head__action .c-button--action,
.p-warrantyStep__item__head__action .c-button--form,
.p-warrantyStep__item__head__action .c-button--inline,
.p-warrantyStep__item__head__action .c-button--inlineArrow,
.p-warrantyStep__item__head__action .c-button--weak,
.p-warrantyStep__item__head__action .c-button--line,
.p-warrantyStep__item__head__action .c-button--full,
.p-warrantyStep__item__head__action .c-button--small,
.p-warrantyStep__item__head__action .p-home__middleNav__button {
  font-size: 13px
}

.p-warrantyStep__item__content .p-listForm>li+li {
  margin: 16px 0 0;
  padding: 16px 0 0;
  border-top: solid 1px #eee
}

.p-warrantyStep__item__content .p-listForm__label {
  margin: 16px 0 0
}

.p-warrantyStep__item__content .c-input--warrantyPlan label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 2px solid #e5e9ee;
  border-radius: 4px;
  width: 100%;
  padding: 16px 12px 16px 40px;
  margin: 8px 0 0;
  height: auto;
  cursor: pointer
}

.p-warrantyStep__item__content .c-input--warrantyPlan label:before {
  top: 16px;
  left: 8px;
  transform: translate(0, 0)
}

.p-warrantyStep__item__content .c-input--warrantyPlan label .label__head {
  width: 100%;
  display: flex;
  align-items: baseline
}

.p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__price {
  margin: 0 0 0 auto
}

.p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__price span {
  color: #91a6be
}

.p-warrantyStep__item__content .c-input--warrantyPlan label .label__body {
  width: 100%;
  margin: 8px 0 0
}

.p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__description {
  color: #777;
  font-weight: 300;
  margin: 0 0 8px
}

.p-warrantyStep__item__content .c-input--warrantyPlan :checked+label {
  border-color: #3577c4
}

.p-warrantyStep__item__content .c-input--warrantyPlan :checked+label .label__head__title {
  color: #3577c4
}

.p-warrantyStep__item__content .c-input--warrantyPlan :checked+label .p-text span {
  color: #3577c4 !important
}

.p-warrantyStep__item__content__data>p {
  text-align: center
}

.p-warrantyStep__item__content__data .p-cta3__list {
  margin: auto;
  margin-top: 24px;
  max-width: 560px
}

.p-warrantyStep__foot {
  margin: 48px 0 0;
  padding: 32px 0 0;
  border-top: 1px solid #e5e9ee
}

.p-warrantyStep__foot .p-buttonWrap {
  justify-content: center
}

.p-warrantyStep__foot .p-buttonWrap .c-button,
.p-warrantyStep__foot .p-buttonWrap .c-button--accent,
.p-warrantyStep__foot .p-buttonWrap .c-button--action,
.p-warrantyStep__foot .p-buttonWrap .c-button--form,
.p-warrantyStep__foot .p-buttonWrap .c-button--inline,
.p-warrantyStep__foot .p-buttonWrap .c-button--inlineArrow,
.p-warrantyStep__foot .p-buttonWrap .c-button--weak,
.p-warrantyStep__foot .p-buttonWrap .c-button--line,
.p-warrantyStep__foot .p-buttonWrap .c-button--full,
.p-warrantyStep__foot .p-buttonWrap .c-button--small,
.p-warrantyStep__foot .p-buttonWrap .p-home__middleNav__button {
  border-radius: 2px;
  cursor: pointer
}

.p-warrantyStep__foot .p-buttonWrap .c-button--stepPrev,
.p-warrantyStep__foot .p-buttonWrap .c-button--stepNext {
  height: 56px
}

.p-warrantyStep__foot .p-buttonWrap .c-button--stepPrev {
  width: 56px;
  border-color: #91a6be;
  background-color: #fff;
  background-image: url(../img/web/warranty/button__prev.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center
}

.p-warrantyStep__foot .p-buttonWrap .c-button--stepPrev:hover {
  border-color: #176e3a;
  background-color: #e7eee5
}

.p-warrantyStep__foot .p-buttonWrap .c-button--stepPrev--beyond {
  border-color: #176e3a;
  background-image: url(../img/web/warranty/button__prev--gr.svg)
}

.p-warrantyStep__foot .p-buttonWrap .c-button--stepNext {
  font-weight: 500;
  min-width: 220px;
  justify-content: center;
  padding: 0 40px;
  background-color: #3577c4;
  border-color: #3577c4
}

.p-warrantyStep__foot .p-buttonWrap .c-button--stepNext:hover {
  background: #325e29
}

.p-warrantyStep__foot .p-buttonWrap .c-button--stepNext--beyond {
  background: #176e3a;
  border-color: #176e3a
}

.p-warrantyStep__foot .p-buttonWrap .c-button--back {
  color: #91a6be;
  height: 48px;
  padding: 0 24px 0 48px;
  border-color: #91a6be;
  background-color: #fff;
  background-image: url(../img/web/warranty/button__prev.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left 16px center
}

.p-warrantyStep__foot .p-buttonWrap .c-button--back:hover {
  border-color: #3577c4;
  background-color: #e5e9ee
}

.p-warrantyStep__foot .p-buttonWrap>form {
  margin: 2px
}

.p-warrantyStep__notice {
  margin: 16px 0 0
}

.p-warrantyStep__notice__head {
  margin: 0 0 24px
}

.p-warrantyStep__notice__head__title {
  font-size: 16px;
  text-align: center
}

.p-warrantyStep__notice__body {
  padding: 16px;
  background-color: #e6e9f1
}

.p-warrantyStep__notice__body__description {
  font-size: 12px;
  line-height: 1.5em
}

.p-warrantyStep__notice__body__description+.p-warrantyStep__notice__body__description {
  margin: 12px 0 0
}

.p-warrantyStep__choice {
  margin: 32px 0 0;
  text-align: center
}

.p-warrantyStep__choice__copy {
  margin: 0 0 12px
}

.p-warrantyStep__choice__title {
  font-size: 24px;
  font-weight: 700
}

@media screen and (max-width: 480px) {
  .p-warrantyStep__choice__title {
      font-size: 20px
  }
}

.p-warrantyStep__choice__title b {
  color: #176e39;
  margin: 0 .2em
}

.p-warrantyStep__choice__image {
  display: block;
  margin: 24px 0 0
}

.p-warrantyStep__choice .p-buttonWrap {
  margin: 32px 0 0;
  align-items: center
}

.p-warrantyStep__choice .p-buttonWrap .c-button--large {
  height: 72px;
  max-width: 400px;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  background-color: #db5875;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
}

.p-warrantyStep__choice .p-buttonWrap .c-button--inline {
  color: #db5875;
  font-weight: 600;
  margin-top: 16px
}

.p-warrantyStep__complete__head {
  margin: 0 0 24px
}

.p-warrantyStep__complete__body {
  margin: 32px 0
}

.p-warrantyStep__complete__body__copy {
  text-align: center;
  letter-spacing: 0;
  color: #176e39;
  font-weight: 700
}

.p-warrantyStep__complete__body__description {
  text-align: center;
  margin: 16px 0 0
}

.p-warrantyStep--subscriptionInvitation {
  padding-left: 470px;
  position: relative;
  max-width: 880px;
  transform: translate(-20px, 0)
}

@media screen and (max-width: 1080px) {
  .p-warrantyStep--subscriptionInvitation {
      transform: translate(0, 0)
  }
}

@media screen and (max-width: 900px) {
  .p-warrantyStep--subscriptionInvitation {
      max-width: 520px;
      padding-left: 0
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyStep--subscriptionInvitation {
      margin: 0 -16px 0;
      width: auto
  }
}

.p-warrantyStep--subscriptionInvitation .p-warrantyStep__body {
  display: flex
}

@media screen and (max-width: 900px) {
  .p-warrantyStep--subscriptionInvitation .p-warrantyStep__body {
      flex-wrap: wrap
  }
}

.p-warrantyStep--subscriptionInvitation .p-warrantyStep__body>img {
  max-width: 440px;
  position: absolute;
  left: 0px;
  top: 0
}

@media screen and (max-width: 900px) {
  .p-warrantyStep--subscriptionInvitation .p-warrantyStep__body>img {
      position: relative;
      left: auto;
      top: auto;
      max-width: 100%
  }
}

@media screen and (max-width: 480px) {

  .p-warrantyStep--subscriptionInvitation .p-subscriptionForm__machine,
  .p-warrantyStep--subscriptionInvitation .p-subscriptionForm__formList {
      padding: 0 16px
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyStep--subscriptionInvitation .p-subscriptionForm__schedule {
      margin: 16px 16px 0
  }
}

.p-warrantyEdit__head {
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: solid 1px #eee
}

.p-warrantyEdit__head--form {
  display: flex;
  align-items: flex-end
}

.p-warrantyEdit__head--form>.c-input,
.p-warrantyEdit__head--form>.c-input--full,
.p-warrantyEdit__head--form>.c-input--select,
.p-warrantyEdit__head--form>.c-input--file,
.p-warrantyEdit__head--form>.c-input--checkbox,
.p-warrantyEdit__head--form>.c-input--radio,
.p-warrantyEdit__head--form>.c-input--radio--beyond {
  margin-left: auto
}

.p-warrantyEdit__head--form>.c-input p,
.p-warrantyEdit__head--form>.c-input--full p,
.p-warrantyEdit__head--form>.c-input--select p,
.p-warrantyEdit__head--form>.c-input--file p,
.p-warrantyEdit__head--form>.c-input--checkbox p,
.p-warrantyEdit__head--form>.c-input--radio p,
.p-warrantyEdit__head--form>.c-input--radio--beyond p {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin: 0 8px 0 0
}

.p-warrantyEdit__head--form>.c-input select,
.p-warrantyEdit__head--form>.c-input--full select,
.p-warrantyEdit__head--form>.c-input--select select,
.p-warrantyEdit__head--form>.c-input--file select,
.p-warrantyEdit__head--form>.c-input--checkbox select,
.p-warrantyEdit__head--form>.c-input--radio select,
.p-warrantyEdit__head--form>.c-input--radio--beyond select {
  height: 32px
}

.p-warrantyEdit__body--notPayment .p-table__head {
  background: none
}

.p-warrantyEdit__body--notPayment .p-table__head .p-table__tableItem {
  color: #a7b0bb
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__tableItem {
      width: 100%;
      padding: 0 0 0 70px
  }
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__tableItem--title {
      padding: 6px 0 6px 70px !important
  }
}

.p-warrantyEdit__body--notPayment .p-table__body .p-table__tableItem--price {
  text-align: right;
  color: #222;
  letter-spacing: .04em
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__tableItem--price {
      text-align: left
  }
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__tableItem .p-buttonWrap {
      justify-content: flex-end;
      margin-top: 2px
  }
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__tableItem .p-buttonWrap .c-button--small {
      position: relative;
      right: auto;
      bottom: auto;
      max-width: 130px;
      height: 32px
  }
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total {
      border: none;
      flex-direction: row;
      align-items: flex-end;
      margin-top: 6px;
      border-bottom: solid 1px #ddd;
      background: none
  }
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem {
      padding: 0
  }
}

@media screen and (max-width: 560px) {
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price {
      padding: 0 0 0 70px
  }
}

.p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price:before {
  top: 3px
}

@media screen and (max-width: 560px) {

  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .c-text__lv5,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warrantyId__body__name,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warrantyId__body__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .c-text__lv5--base,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-home__shop__list__text__address,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-home__qa__item__answer p,
  .p-home__qa__item__answer .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price p,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-home__qa__item__answer>a,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-shopDetail__list__data,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-price__benefit__sub__body__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-contact__complete .description,
  .p-contact__complete .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .description,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-onlineShop__recommend__head__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-onlineShop__ranking__head__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-onlineShopSidebar__main__head__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warranty__plan__list__head__description,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warrantyStep__plan__head__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warrantyStep__item__head__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
  .p-warrantyStep__item__content .c-input--warrantyPlan label .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .label__head__title,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warrantyStep__choice__copy,
  .p-warrantyEdit__body--notPayment .p-table__body .p-table__row--total .p-table__tableItem--price .p-warrantyStep__complete__head__title {
      font-size: 16px;
      font-weight: 500
  }
}

.p-warrantyEdit__foot--notPayment {
  margin: 1rem 0 0;
  padding: 1rem .5rem;
  background: #f1f4f7
}

.p-warrantyEdit__tab {
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: solid 1px #eee;
  cursor: pointer
}

.p-warrantyEdit__tab__title {
  display: flex;
  align-items: center
}

.p-warrantyEdit__tab__title:after {
  content: "";
  margin-left: auto;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  background: url(../img/web/p-input/select.svg) no-repeat center;
  background-size: contain
}

.p-warrantyEdit__tab+.p-warrantyEdit__list {
  height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: all .2s ease
}

.p-warrantyEdit__tab+.p-warrantyEdit__list.view {
  height: auto;
  pointer-events: all
}

.p-warrantyEdit__list__item {
  border-top: 1px solid #e5e9ee;
  padding: 32px 0 0
}

.p-warrantyEdit__list__item+.p-warrantyEdit__list__item {
  margin: 32px 0 0
}

.p-warrantyEdit__list__item--beyond {
  border-top: 0;
  padding: 16px 0 0
}

.p-warrantyEdit__list__item {
  display: flex;
  align-items: flex-start
}

.p-warrantyEdit__list__content {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap
}

.p-warrantyEdit__list__content .p-list {
  width: 100%
}

.p-warrantyEdit__list__content .p-list__machine__head {
  flex-wrap: wrap;
  margin: -2px;
  margin-bottom: 4px
}

.p-warrantyEdit__list__content .p-list__machine__head>p {
  margin: 2px
}

.p-warrantyEdit__list__content .p-list__machine__title {
  margin-right: 12px
}

.p-warrantyEdit__list__content .p-list__machine__data .p-user__text p+p {
  margin: 2px 0 0
}

@media screen and (max-width: 480px) {
  .p-warrantyEdit__list__content .p-list--plan .p-list__machine__head {
      flex-direction: column
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyEdit__list__content .p-list--plan .p-list__machine__price {
      margin: 6px 0 0
  }
}

.p-warrantyEdit__list__content .p-list--plan .p-list__machine__data {
  display: flex;
  align-items: center
}

.p-warrantyEdit__list__content .p-list--plan .p-list__machine__data>.p-buttonWrap {
  padding-left: 16px;
  flex: 0 0 auto
}

.p-warrantyEdit__list__control {
  text-align: center;
  flex: 0 0 48px
}

.p-warrantyEdit__list__control .c-button,
.p-warrantyEdit__list__control .c-button--accent,
.p-warrantyEdit__list__control .c-button--action,
.p-warrantyEdit__list__control .c-button--form,
.p-warrantyEdit__list__control .c-button--inline,
.p-warrantyEdit__list__control .c-button--inlineArrow,
.p-warrantyEdit__list__control .c-button--weak,
.p-warrantyEdit__list__control .c-button--line,
.p-warrantyEdit__list__control .c-button--full,
.p-warrantyEdit__list__control .c-button--small,
.p-warrantyEdit__list__control .p-home__middleNav__button {
  padding: 0;
  color: #3577c4
}

.p-warrantyEdit__list__control .c-button:hover,
.p-warrantyEdit__list__control .c-button--accent:hover,
.p-warrantyEdit__list__control .c-button--action:hover,
.p-warrantyEdit__list__control .c-button--form:hover,
.p-warrantyEdit__list__control .c-button--inline:hover,
.p-warrantyEdit__list__control .c-button--inlineArrow:hover,
.p-warrantyEdit__list__control .c-button--weak:hover,
.p-warrantyEdit__list__control .c-button--line:hover,
.p-warrantyEdit__list__control .c-button--full:hover,
.p-warrantyEdit__list__control .c-button--small:hover,
.p-warrantyEdit__list__control .p-home__middleNav__button:hover {
  text-decoration: underline
}

.p-warrantyEdit__list__control .c-button--gr {
  color: #176e3a
}

.p-warrantyEdit__list__control .c-button--gr:hover {
  text-decoration: underline
}

.p-warrantyEdit__introducing {
  margin: 10px 0 0;
  border-radius: 6px;
  position: relative
}

.p-warrantyEdit__introducing>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.p-warrantyEdit__introducing>a:hover {
  background: rgba(255, 255, 255, .1)
}

.p-warrantyEdit__introducing__head__image {
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: center
}

.p-warrantyEdit__introducing__head__image img {
  height: auto;
  width: 103.41%;
  max-width: none
}

.p-warrantyEdit__introducing__body {
  overflow: hidden;
  border-radius: 0 0 6px 6px
}

.p-warrantyEdit__introducing__body__button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1bf39
}

.p-warrantyEdit__introducing__body__button .title {
  height: 60px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .03em;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-warrantyEdit__introducing__body__button .title:after {
  content: "";
  width: 10px;
  height: 10px;
  margin: 0 0 0 4px;
  background: url(../img/web/mypage/p-warrantyEdit__introducing__body__button.svg)
}

.p-warrantyEdit__introducing__body .p-introducing__code__box--url {
  width: 100%;
  border-radius: 0;
  background: #d8536d;
  border: none;
  box-shadow: none;
  padding: 8px 16px 24px
}

.p-warrantyEdit__introducing__body .p-introducing__code__box__head__title {
  color: #fff
}

.p-warrantyEdit__introducing__body .p-introducing__code__box__head__title:before {
  background-image: url(../img/web/mypage/p-introducing--url--white.png)
}

.p-warrantyEdit__introducing__body .p-introducing__code__box__body .p-buttonWrap {
  margin-top: 16px;
  padding: 10px 0 0;
  flex-wrap: wrap;
  border-top: solid 1px rgba(255, 255, 255, .2)
}

.p-warrantyEdit__introducing__body .p-introducing__code__box__body .p-buttonWrap p {
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin: 0 0 4px
}

.p-warrantyEdit__introducing__body .p-introducing__code__copy {
  padding: 24px 8px 8px
}

.p-warrantyEdit__introducing__body .p-introducing__code__copy__wrap--buy:before {
  content: "入会紹介URL"
}

.p-warrantyEdit__introducing__body .p-introducing__code__description {
  color: #fff;
  line-height: 1.5em;
  font-weight: 500
}

.p-warrantyId__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 28px 0 0
}

.p-warrantyId__head__plan {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center
}

.p-warrantyId__head__plan .c-image,
.p-warrantyId__head__plan .c-image--standard,
.p-warrantyId__head__plan .c-image--wide,
.p-warrantyId__head__plan .c-image--notification {
  transform: translateX(-6px)
}

.p-warrantyId__head__description {
  margin: 12px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.p-warrantyId__head__warrantyPlan {
  font-size: 14px;
  margin: 24px auto 0;
  width: 100%;
  max-width: 420px
}

.p-warrantyId__card {
  max-width: 360px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background: #176e39;
  background: -moz-linear-gradient(-45deg, rgb(224, 118, 142) 0%, rgb(219, 105, 128) 100%);
  background: -webkit-linear-gradient(-45deg, rgb(224, 118, 142) 0%, rgb(219, 105, 128) 100%);
  background: linear-gradient(135deg, rgb(224, 118, 142) 0%, rgb(219, 105, 128) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#176e39", endColorstr="#db6980", GradientType=1);
  border-radius: 8px;
  box-shadow: 0px 17px 8px -8px rgba(216, 100, 125, .4)
}

.p-warrantyId__card__head {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid #f7f2f2;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-warrantyId__card__head__logo {
  margin: -3px 2px 0 0
}

.p-warrantyId__card__label {
  color: #fff;
  font-size: 16px;
  font-weight: 500
}

.p-warrantyId__card__body {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-warrantyId__card__body--plan .p-warrantyId__card__name {
  margin: 0
}

.p-warrantyId__card__reserve {
  max-width: 260px;
  margin: 16px auto 0
}

.p-warrantyId__card__reserve .c-button,
.p-warrantyId__card__reserve .c-button--accent,
.p-warrantyId__card__reserve .c-button--action,
.p-warrantyId__card__reserve .c-button--form,
.p-warrantyId__card__reserve .c-button--inline,
.p-warrantyId__card__reserve .c-button--inlineArrow,
.p-warrantyId__card__reserve .c-button--weak,
.p-warrantyId__card__reserve .c-button--line,
.p-warrantyId__card__reserve .c-button--full,
.p-warrantyId__card__reserve .c-button--small,
.p-warrantyId__card__reserve .p-home__middleNav__button {
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 6px 8px rgba(199, 140, 140, .3)
}

.p-warrantyId__card__reserve .c-button:before,
.p-warrantyId__card__reserve .c-button--accent:before,
.p-warrantyId__card__reserve .c-button--action:before,
.p-warrantyId__card__reserve .c-button--form:before,
.p-warrantyId__card__reserve .c-button--inline:before,
.p-warrantyId__card__reserve .c-button--inlineArrow:before,
.p-warrantyId__card__reserve .c-button--weak:before,
.p-warrantyId__card__reserve .c-button--line:before,
.p-warrantyId__card__reserve .c-button--full:before,
.p-warrantyId__card__reserve .c-button--small:before,
.p-warrantyId__card__reserve .p-home__middleNav__button:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/web/mypage/p-warrantyId__card__reserve.png) no-repeat center;
  background-size: contain !important;
  margin: 0 10px 0 0
}

.p-warrantyId__card__logo {
  margin: 16px 0 0
}

.p-warrantyId__card__name {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0 0
}

.p-warrantyId__card__name:after {
  content: "様";
  font-size: .8em;
  display: inline-block;
  margin: 0 0 0 .2em
}

.p-warrantyId__card__number,
.p-warrantyId__card__gender {
  color: #222;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: .02em;
  width: 100%;
  height: 32px;
  margin: 20px 0 0;
  background-color: #f7f2f2;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, .2) inset
}

.p-warrantyId__card__number:before,
.p-warrantyId__card__gender:before {
  content: "会員NO.";
  font-size: 13px;
  font-weight: 300;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%)
}

.p-warrantyId__card__number--text,
.p-warrantyId__card__gender--text {
  background: none;
  padding: 0;
  box-shadow: none;
  color: #fff;
  margin: -4px 0 10px
}

.p-warrantyId__card__number--text:before,
.p-warrantyId__card__gender--text:before {
  position: relative;
  transform: translateY(0);
  top: auto;
  left: auto;
  margin: 0 8px 0 0
}

.p-warrantyId__card__gender {
  height: auto;
  margin: -14px 0 12px;
  font-size: 13px
}

.p-warrantyId__card__gender:before {
  content: "性別"
}

.p-warrantyId__card__plan {
  padding: 8px;
  background: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-warrantyId__card__plan__title {
  font-size: 16px;
  font-weight: 600;
  color: #444;
  display: flex;
  align-items: center
}

.p-warrantyId__card__plan__title:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #eee;
  margin: 0 8px 0 0
}

.p-warrantyId__card__plan__title--green:before {
  background: #7abf73
}

.p-warrantyId__card__plan__title--sapphire:before {
  background: #5775c7
}

.p-warrantyId__card__plan__title--pink:before {
  background: #f198da
}

.p-warrantyId__card__plan__title--ruby:before {
  background: #c45275
}

.p-warrantyId__card__plan__title--light:before {
  background: #45c3c9
}

.p-warrantyId__card__plan__title--silver:before {
  background: #7f8da5
}

.p-warrantyId__card__plan__title--star:before {
  background: #ccaa7a
}

.p-warrantyId__card__plan__rental,
.p-warrantyId__card__plan__day,
.p-warrantyId__card__plan__time,
.p-warrantyId__card__plan__term {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.p-warrantyId__card__plan__rental:before,
.p-warrantyId__card__plan__day:before,
.p-warrantyId__card__plan__time:before,
.p-warrantyId__card__plan__term:before {
  content: "レンタルマシン";
  margin: 0 7px 0 0;
  color: #666;
  font-weight: 400;
  flex: 0 0 auto
}

.p-warrantyId__card__plan__day {
  font-size: 15px;
  width: 100%;
  justify-content: flex-start;
  max-width: 270px
}

.p-warrantyId__card__plan__day:before {
  content: "利用時間";
  font-size: 13px;
  text-align: right;
  width: 120px
}

.p-warrantyId__card__plan__day:after {
  content: "分/日";
  font-size: 13px;
  font-weight: 600
}

.p-warrantyId__card__plan__time {
  font-size: 15px;
  width: 100%;
  justify-content: flex-start;
  max-width: 270px
}

.p-warrantyId__card__plan__time:before {
  content: "受付可能時間";
  font-size: 13px;
  text-align: right;
  width: 120px
}

.p-warrantyId__card__plan__term {
  font-size: 15px;
  width: 100%;
  justify-content: flex-start;
  max-width: 270px
}

.p-warrantyId__card__plan__term:before {
  content: "契約期間";
  font-size: 13px;
  text-align: right;
  width: 120px
}

.p-warrantyId__card--complete .p-warrantyId__card__number--text,
.p-warrantyId__card--complete .p-warrantyId__card__gender--text {
  justify-content: flex-start;
  max-width: 210px
}

.p-warrantyId__card--complete .p-warrantyId__card__number--text:before,
.p-warrantyId__card--complete .p-warrantyId__card__gender--text:before {
  flex: 0 0 auto;
  width: 60px;
  margin: 0 12px 0 0;
  text-align: right
}

.p-warrantyId__body {
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #176e39;
  padding: 24px
}

.p-warrantyId__body .c-image,
.p-warrantyId__body .c-image--standard,
.p-warrantyId__body .c-image--wide,
.p-warrantyId__body .c-image--notification {
  width: 200px;
  margin: 12px 0
}

.p-warrantyId__body__title {
  color: #fff
}

.p-warrantyId__body__name {
  color: #fff
}

.p-warrantyId__body__number {
  color: #fff;
  margin: 4px 0 0
}

.p-warrantyId__middle {
  border-top: 1px solid #e5e9ee;
  margin: 24px 0 0;
  padding: 24px 0 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-warrantyId__middle a {
  color: #176e39;
  font-weight: 600
}

.p-warrantyId__middle a:hover {
  text-decoration: underline
}

.p-warrantyLogin {
  max-width: 480px;
  margin: 80px auto 100px;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .p-warrantyLogin {
      min-height: 0;
      margin: 32px auto 100px
  }
}

.p-warrantyLogin__head {
  margin: 0 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-warrantyLogin__head {
      margin: 0 0 24px
  }
}

.p-warrantyLogin__head__description {
  text-align: center;
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-warrantyLogin__head__description {
      margin: 8px 0 0;
      font-size: 13px;
      line-height: 1
  }
}

.p-warrantyLogin__head__description a {
  text-decoration: underline
}

.p-warrantyLogin__middle {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-warrantyLogin__middle .p-listForm {
  max-width: 360px;
  width: 100%
}

.p-warrantyLogin__middle .c-button,
.p-warrantyLogin__middle .c-button--accent,
.p-warrantyLogin__middle .c-button--action,
.p-warrantyLogin__middle .c-button--form,
.p-warrantyLogin__middle .c-button--inline,
.p-warrantyLogin__middle .c-button--inlineArrow,
.p-warrantyLogin__middle .c-button--weak,
.p-warrantyLogin__middle .c-button--line,
.p-warrantyLogin__middle .c-button--full,
.p-warrantyLogin__middle .c-button--small,
.p-warrantyLogin__middle .p-home__middleNav__button {
  border-radius: 3px;
  font-size: 15px;
  height: 56px;
  font-weight: 500
}

.p-warrantyLogin__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-warrantyLogin__body .p-listForm {
  max-width: 360px;
  width: 100%
}

@media screen and (max-width: 480px) {
  .p-warrantyLogin__body .p-listForm>li+li {
      margin: 12px 0 0
  }
}

.p-warrantyLogin__body .p-listForm .c-button,
.p-warrantyLogin__body .p-listForm .c-button--accent,
.p-warrantyLogin__body .p-listForm .c-button--action,
.p-warrantyLogin__body .p-listForm .c-button--form,
.p-warrantyLogin__body .p-listForm .c-button--inline,
.p-warrantyLogin__body .p-listForm .c-button--inlineArrow,
.p-warrantyLogin__body .p-listForm .c-button--weak,
.p-warrantyLogin__body .p-listForm .c-button--line,
.p-warrantyLogin__body .p-listForm .c-button--full,
.p-warrantyLogin__body .p-listForm .c-button--small,
.p-warrantyLogin__body .p-listForm .p-home__middleNav__button {
  border-radius: 3px;
  font-size: 15px;
  height: 56px;
  font-weight: 500
}

.p-warrantyLogin__body .p-listForm .c-input input,
.p-warrantyLogin__body .p-listForm .c-input--full input,
.p-warrantyLogin__body .p-listForm .c-input--select input,
.p-warrantyLogin__body .p-listForm .c-input--file input,
.p-warrantyLogin__body .p-listForm .c-input--checkbox input,
.p-warrantyLogin__body .p-listForm .c-input--radio input,
.p-warrantyLogin__body .p-listForm .c-input--radio--beyond input {
  padding-left: 40px
}

.p-warrantyLogin__body .p-listForm .c-input:before,
.p-warrantyLogin__body .p-listForm .c-input--full:before,
.p-warrantyLogin__body .p-listForm .c-input--select:before,
.p-warrantyLogin__body .p-listForm .c-input--file:before,
.p-warrantyLogin__body .p-listForm .c-input--checkbox:before,
.p-warrantyLogin__body .p-listForm .c-input--radio:before,
.p-warrantyLogin__body .p-listForm .c-input--radio--beyond:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat
}

.p-warrantyLogin__body .p-listForm .c-input--email:before {
  background-image: url(../img/web/warranty/login__email.svg)
}

.p-warrantyLogin__body .p-listForm .c-input--email--beyond:before {
  background-image: url(../img/web/warranty/login__email--beyond.svg)
}

.p-warrantyLogin__body .p-listForm .c-input--password:before {
  background-image: url(../img/web/warranty/login__password.svg)
}

.p-warrantyLogin__body .p-listForm .c-input--password--beyond:before {
  background-image: url(../img/web/warranty/login__password--beyond.svg)
}

.p-warrantyLogin__foot {
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-warrantyLogin__foot {
      margin: 20px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyLogin__foot .c-button--inline {
      height: 24px
  }
}

.p-warrantyMypage {
  padding: 40px 0 80px;
  max-width: 800px;
  margin: 0 auto
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage {
      padding: 24px 0 80px
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage--user {
      padding: 20px 0 24px
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage--user .l-12--gap40--note {
      margin: -16px
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__banner>.l-12--nowrap {
      margin: -20px -16px 0
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__banner>.l-12--nowrap>.l-12__12 {
      padding: 0
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__banner>.l-12--nowrap>.l-12__12 .p-introducing__banner {
      max-width: 100%;
      border-radius: 0
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__banner>.l-12--nowrap>.l-12__12 .p-introducing__banner__image--price {
      border-radius: 0
  }
}

.p-warrantyMypage__head {
  display: flex;
  align-items: flex-end;
  padding: 0 0 16px;
  margin: 0 0 32px;
  border-bottom: 1px solid #e5e9ee
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__head {
      padding: 0 0 8px;
      margin: 0 0 24px;
      flex-wrap: wrap;
      align-items: center
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__head__title {
      font-size: 20px
  }
}

.p-warrantyMypage__head__name {
  margin-left: auto;
  text-align: right
}

.p-warrantyMypage__head__name .point {
  display: flex;
  align-items: center
}

.p-warrantyMypage__head__name .point b {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0 6px;
  color: #e0778d
}

.p-warrantyMypage__head__name .point b:before {
  content: "";
  width: 14px;
  height: 14px;
  margin: 0 4px 0 0;
  background: url(../img/common/icon/point.svg) no-repeat center;
  background-size: contain
}

.p-warrantyMypage__head .p-buttonWrap {
  margin-left: 16px
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__head .p-buttonWrap {
      margin-left: auto;
      width: 100%;
      justify-content: flex-end
  }
}

.p-warrantyMypage__body {
  overflow: hidden
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage__body {
      max-width: 480px;
      width: 100%;
      margin: 0 auto
  }
}

.p-warrantyMypage__body .p-warrantyEdit__list__item {
  margin: 24px 0 0;
  padding: 24px 0 0
}

.p-warrantyMypage__body .p-warrantyEdit__list__item:nth-child(1) {
  border-top: none;
  padding: 0;
  margin: 0
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage__body .l-12 {
      flex-wrap: wrap
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage__body .l-12>* {
      flex: 0 0 100%
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage__body .l-12 .l-12__fix70 {
      flex: 0 0 70px
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage__body .l-12 .l-12__fix70+.l-12__auto {
      flex: auto
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage__body .l-12 .p-warrantyId__head__warrantyPlan .l-12__fix70 {
      flex: 0 0 70px
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage__body .l-12 .p-warrantyId__head__warrantyPlan .l-12__auto {
      flex: auto
  }
}

.p-warrantyMypage__body__usingShop {
  padding: 32px 16px 40px;
  background: #f9f9f9;
  border: solid 1px #f5f5f5;
  margin: 0 0 48px
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__body__usingShop {
      padding: 32px 16px 32px
  }
}

.p-warrantyMypage__body__usingShop__title {
  font-size: 24px;
  font-weight: 500;
  color: #444;
  margin: 0 0 16px 0
}

.p-warrantyMypage__body__usingShop__description {
  font-size: 13px;
  font-weight: 500;
  color: #444;
  line-height: 1.8em
}

.p-warrantyMypage__body__usingShop .p-checkin__info {
  margin-top: 24px
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body {
      overflow: visible
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body__usingShop {
      background: #fff
  }
}

.p-warrantyMypage--franchise .p-warrantyMypage__body .l-12 {
  margin: 0
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body .l-12>* {
      padding: 0
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body .l-12__fix400 {
      margin: 0 0 16px
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body .l-12__auto {
      background: #fff;
      padding: 0;
      border: solid 1px #eff1f4;
      box-shadow: 0 1px 2px rgba(0, 0, 0, .08)
  }
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body .l-12__auto {
      margin: 0 -16px;
      flex: auto;
      min-width: 1px;
      border-left: none;
      border-right: none
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body .l-12__auto .p-warrantyEdit__head {
      padding: 16px;
      margin: 0
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body .l-12__auto .p-warrantyEdit__list__item {
      padding: 16px
  }
}

@media screen and (max-width: 768px) {
  .p-warrantyMypage--franchise .p-warrantyMypage__body .l-12--nowrap+.l-12--nowrap {
      margin: 8px 0 0
  }
}

.p-warrantyMypage__campaign {
  padding: 16px 24px 24px;
  margin-top: -8px;
  margin-bottom: 24px;
  background: #fbf6f6;
  border: solid 1px #f0d9d9
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__campaign {
      padding: 14px 16px 16px
  }
}

.p-warrantyMypage__campaign__title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #f75768;
  background: #f9f259;
  padding: 12px 8px 8px;
  line-height: 1;
  margin: 0 0 12px
}

.p-warrantyMypage__campaign__description {
  color: #f75768;
  font-weight: 500
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage__campaign__description {
      font-size: 13px
  }
}

.p-warrantyMypage__counseling {
  margin: 24px 0 0;
  padding: 12px 12px 14px;
  background: #f9fafc;
  border: solid 1px #eaedf3
}

.p-warrantyMypage__counseling .c-text__lv5,
.p-warrantyMypage__counseling .c-text__lv5--base,
.p-warrantyMypage__counseling .p-home__shop__list__text__address,
.p-warrantyMypage__counseling .p-home__qa__item__answer p,
.p-home__qa__item__answer .p-warrantyMypage__counseling p,
.p-warrantyMypage__counseling .p-home__qa__item__answer>a,
.p-warrantyMypage__counseling .p-shopDetail__list__data,
.p-warrantyMypage__counseling .p-price__benefit__sub__body__title,
.p-warrantyMypage__counseling .p-contact__complete .description,
.p-contact__complete .p-warrantyMypage__counseling .description,
.p-warrantyMypage__counseling .p-onlineShop__recommend__head__title,
.p-warrantyMypage__counseling .p-onlineShop__ranking__head__title,
.p-warrantyMypage__counseling .p-onlineShopSidebar__main__head__title,
.p-warrantyMypage__counseling .p-warranty__plan__list__head__description,
.p-warrantyMypage__counseling .p-warrantyStep__plan__head__title,
.p-warrantyMypage__counseling .p-warrantyStep__item__head__title,
.p-warrantyMypage__counseling .p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-warrantyMypage__counseling .label__head__title,
.p-warrantyMypage__counseling .p-warrantyStep__choice__copy,
.p-warrantyMypage__counseling .p-warrantyStep__complete__head__title,
.p-warrantyMypage__counseling .p-warrantyId__body__title,
.p-warrantyMypage__counseling .p-warrantyId__body__name {
  margin: 0 0 6px
}

.p-warrantyMypage__counseling .c-text__lv6:nth-of-type(n + 3),
.p-warrantyMypage__counseling .p-notification__link:nth-of-type(n + 3),
.p-warrantyMypage__counseling .p-notification__description:nth-of-type(n + 3),
.p-warrantyMypage__counseling .p-price__benefit__sub__foot__title:nth-of-type(n + 3),
.p-warrantyMypage__counseling .p-warrantyId__head__description:nth-of-type(n + 3),
.p-warrantyMypage__counseling .p-warrantyMypage__head__name:nth-of-type(n + 3) {
  padding-top: 4px;
  margin-top: 4px;
  border-top: solid 1px #eee
}

.p-warrantyMypage__counseling .p-buttonWrap {
  margin-top: 4px
}

.p-warrantyMypage__shops {
  margin: 16px auto 0;
  padding: 10px 0px 9px 12px;
  background: #f5f7f8;
  border: solid 1px #ebedee;
  max-width: 280px
}

.p-warrantyMypage__shops .p-warrantyEdit__list__control {
  transform: translate(1px, -4px)
}

.p-warrantyMypage__shops .p-list__item {
  align-items: center
}

.p-warrantyMypage__shops .p-list__item .title {
  flex: 0 0 100px
}

.p-warrantyMypage__shops .p-list__item .c-text__lv6,
.p-warrantyMypage__shops .p-list__item .p-notification__link,
.p-warrantyMypage__shops .p-list__item .p-notification__description,
.p-warrantyMypage__shops .p-list__item .p-price__benefit__sub__foot__title,
.p-warrantyMypage__shops .p-list__item .p-warrantyId__head__description,
.p-warrantyMypage__shops .p-list__item .p-warrantyMypage__head__name {
  font-size: 13px
}

.p-warrantyMypage__shops .p-list__item--thin+.p-list__item--thin {
  margin: 4px 0 0
}

.p-warrantyMypage .p-school__reserveBox {
  right: 10px;
  bottom: 10px;
  position: fixed;
  width: 100%;
  max-width: 340px;
  box-shadow: 0 2px 6px rgba(169, 64, 64, .2);
  border-radius: 10px;
  z-index: 6
}

@media screen and (max-width: 480px) {
  .p-warrantyMypage .p-school__reserveBox {
      max-width: none;
      position: relative;
      margin: 0 0 20px;
      right: auto;
      bottom: auto;
      box-shadow: none;
      border-radius: 8px;
      z-index: 0
  }
}

.p-warrantyMypage .p-school__reserveBox__item .title {
  font-size: 14px
}

.p-warrantyMypage .p-school__reserveBox__item .title:before {
  content: "じぶんdeスクール予約状況 : ";
  margin: 0 0 8px;
  color: #958286
}

.p-warrantyMypage .p-school__reserveBox__item .date {
  color: #ce6880;
  font-size: 13px;
  font-weight: 600;
  margin: 2px 0 0
}

.p-warrantyMypage .p-school__reserveBox__item .date:before {
  width: 13px;
  height: 13px
}

.p-warrantyMypage .p-school__reserveBox__item+.p-school__reserveBox__item {
  padding: 8px 0 0;
  margin: 8px 0 0;
  border-top: solid 1px #e6dadd
}

.p-warrantyMypage .p-school__reserveBox__item+.p-school__reserveBox__item .title:before {
  display: none
}

.p-notification {
  padding: 12px 0;
  background-color: #f75769
}

.p-notification .l-container {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 960px
}

.p-notification__description {
  color: #fff
}

.p-notification__link {
  color: #fff;
  font-weight: 500;
  display: block;
  padding: 6px 12px;
  margin: 4px;
  border-radius: 4px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, .2);
  border: 1px solid rgba(0, 0, 0, 0);
  min-width: 220px;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-notification__link {
      margin-top: 8px
  }
}

.p-notification__link:hover {
  border-color: #fff
}

.p-notification__item {
  flex: auto;
  min-width: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (max-width: 480px) {
  .p-notification__item {
      flex-direction: column
  }
}

.p-notification__item+.p-notification__item {
  padding: 6px 0 0;
  margin-top: 6px;
  border-top: solid 1px rgba(255, 255, 255, .2)
}

.p-qr {
  top: 50%;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -40%);
  background: #fff;
  border: solid 1px #ddd;
  width: 100%;
  max-width: 380px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, .04);
  opacity: 0;
  pointer-events: none;
  transition: all .4s ease;
  z-index: 999
}

@media screen and (max-width: 480px) {
  .p-qr {
      width: calc(100% - 32px);
      max-height: calc(100% - 32px);
      overflow: auto
  }
}

.p-qr.open {
  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: all
}

.p-qr.open:before {
  opacity: 1;
  pointer-events: all
}

.p-qr__overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 998;
  background: rgba(255, 255, 255, .8);
  opacity: 0;
  pointer-events: none;
  transition: all .4s ease
}

.p-qr__overlay.open {
  opacity: 1;
  pointer-events: all
}

.p-qr__head {
  min-height: 80px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #eee
}

.p-qr__head__title {
  font-size: 24px;
  font-weight: 600;
  color: #444
}

.p-qr__closeButton {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%)
}

.p-qr__body {
  padding: 24px 16px 24px;
  background: #f6f8f9
}

.p-qr__body__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

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

.p-qr__body__image img {
  border: solid 1px #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  margin: 16px 0 0
}

.p-qr__body__text {
  text-align: center;
  margin: 24px 0 0
}

.p-qr__body__text .c-text__note,
.p-qr__body__text .p-columnDetail__navigation__prev:before,
.p-qr__body__text .p-columnDetail__navigation__next:before,
.p-qr__body__text .p-onlineShop__recommend__head__kana,
.p-qr__body__text .p-onlineShop__ranking__head__kana,
.p-qr__body__text .p-ecHome__card .price span,
.p-ecHome__card .price .p-qr__body__text span,
.p-qr__body__text .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-qr__body__text span,
.p-qr__body__text .p-onlineShopSidebar__main__head__kana,
.p-qr__body__text .p-agreeCheck__body p,
.p-agreeCheck__body .p-qr__body__text p,
.p-qr__body__text .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-qr__body__text li:before,
.p-qr__body__text .p-warranty__notice__item__body__description {
  text-align: center
}

.p-qr__body .p-buttonWrap {
  margin-top: 16px
}

.p-checkin {
  padding: 48px 0 0
}

@media screen and (max-width: 560px) {
  .p-checkin {
      padding: 0
  }
}

@media screen and (max-width: 560px) {
  .p-checkin>.l-container {
      padding: 0
  }
}

.p-checkin__head {
  margin: 0 0 24px
}

@media screen and (max-width: 560px) {
  .p-checkin__head {
      padding: 24px 0 0;
      margin: 0 0 8px
  }
}

.p-checkin__head .p-heading__title--vertical {
  margin: 0 0 24px
}

.p-checkin__head p {
  font-weight: 500;
  color: #444
}

.p-checkin__body {
  padding: 24px;
  background: #fff;
  max-width: 720px;
  margin: auto;
  border: 1px solid #e5e9ee
}

@media screen and (max-width: 560px) {
  .p-checkin__body {
      padding: 24px 16px 48px;
      border: none;
      border-bottom: 1px solid #e5e9ee
  }
}

.p-checkin__body--confirm {
  max-width: 400px
}

.p-checkin__body--complete {
  max-width: 400px;
  background: none;
  border: none;
  padding: 12px 0 0
}

@media screen and (max-width: 480px) {
  .p-checkin__body--complete {
      padding: 12px 16px 0
  }
}

.p-checkin__body__checkout {
  max-width: 820px;
  margin: auto
}

.p-checkin__body__checkout__list {
  display: flex;
  margin: -5px;
  counter-reset: number 0
}

.p-checkin__body__checkout__list li {
  width: 33.33%;
  padding: 5px
}

@media screen and (max-width: 768px) {
  .p-checkin__body__checkout__list li {
      height: auto
  }
}

.p-checkin__body__checkout__list__item {
  padding: 14px 14px 32px;
  background: #fafafa;
  border: solid 1px #ededed;
  border-radius: 10px;
  position: relative
}

.p-checkin__body__checkout__list__item:before {
  position: absolute;
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  left: 16px;
  top: 9px;
  color: #e0778d
}

.p-checkin__body__checkout__list__item--1:before {
  content: "1"
}

.p-checkin__body__checkout__list__item--2:before {
  content: "2"
}

.p-checkin__body__checkout__list__item--3:before {
  content: "3"
}

.p-checkin__body__checkout__list__title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #444;
  letter-spacing: .04em
}

.p-checkin__body__checkout .slick-track {
  display: flex
}

.p-checkin__body__checkout .slick-initialized .slick-slide {
  display: flex
}

.p-checkin__body__checkout .p-buttonWrap {
  margin-top: 32px
}

.p-checkin__select__title {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  color: #444
}

@media screen and (max-width: 480px) {
  .p-checkin__selectRoom .c-input--radio {
      margin: 0
  }
}

.p-checkin__selectRoom .c-input--radio label {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 48px;
  font-size: 15px;
  font-weight: 400
}

@media screen and (max-width: 480px) {
  .p-checkin__selectRoom .c-input--radio label {
      margin: 2px 0
  }
}

.p-checkin__selectRoom .c-input--radio label:before {
  display: none
}

.p-checkin__selectRoom .c-input--radio label:after {
  content: "";
  display: block;
  width: 32px;
  height: 24px;
  background: #fff;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  z-index: 1
}

.p-checkin__selectRoom .c-input--radio label.private:after {
  background: url(../img/web/object/project/p-shopDetail/privateRoom--form.svg)
}

.p-checkin__selectRoom .c-input--radio label.pair:after {
  background: url(../img/web/object/project/p-shopDetail/pairRoom--form.svg)
}

.p-checkin__selectRoom .c-input--radio label.face:after {
  background: url(../img/web/object/project/p-shopDetail/faceCounter--form.svg)
}

.p-checkin__selectRoom .c-input--radio label.gym:after {
  background: url(../img/web/object/project/p-shopDetail/fitnessGym--form.svg)
}

.p-checkin__selectRoom .c-input--radio label.fitness:after {
  background: url(../img/web/object/project/p-shopDetail/gymSpace--form.svg)
}

.p-checkin__selectRoom .c-input--radio label.split--2 {
  width: calc((100% - 16px)/2)
}

@media screen and (max-width: 480px) {
  .p-checkin__selectRoom .c-input--radio label.split--2 {
      width: 100%
  }
}

.p-checkin__selectRoom .c-input--radio label.split--3 {
  width: calc((100% - 24px)/3)
}

.p-checkin__selectMachine {
  margin: 32px 0 0
}

.p-checkin__selectMachine__list__item {
  padding: 16px 4px 16px 16px;
  border-radius: 4px;
  border: solid 1px #92a7bf;
  display: flex;
  align-items: center;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-checkin__selectMachine__list__item {
      flex-direction: column;
      align-items: flex-start
  }
}

.p-checkin__selectMachine__list__item .p-user {
  align-items: flex-start
}

.p-checkin__selectMachine__list__item:hover {
  background: #f7f8f9
}

.p-checkin__selectMachine__list__item:hover .p-user__image {
  border-color: #dce0e4
}

.p-checkin__selectMachine__list__item+.p-checkin__selectMachine__list__item {
  margin: 4px 0 0
}

.p-checkin__selectMachine__list__item>a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.p-checkin__selectMachine__list__info {
  flex: auto;
  min-width: 1px
}

.p-checkin__selectMachine__list__info .p-user__image {
  width: 56px;
  flex: 0 0 auto;
  border: solid 1px rgba(0, 0, 0, 0)
}

.p-checkin__selectMachine__list__info .p-user__text p {
  color: #444
}

.p-checkin__selectMachine__list__info .p-user__text .c-text__lv5,
.p-checkin__selectMachine__list__info .p-user__text .c-text__lv5--base,
.p-checkin__selectMachine__list__info .p-user__text .p-home__shop__list__text__address,
.p-checkin__selectMachine__list__info .p-user__text .p-home__qa__item__answer p,
.p-home__qa__item__answer .p-checkin__selectMachine__list__info .p-user__text p,
.p-checkin__selectMachine__list__info .p-user__text .p-home__qa__item__answer>a,
.p-checkin__selectMachine__list__info .p-user__text .p-shopDetail__list__data,
.p-checkin__selectMachine__list__info .p-user__text .p-price__benefit__sub__body__title,
.p-checkin__selectMachine__list__info .p-user__text .p-contact__complete .description,
.p-contact__complete .p-checkin__selectMachine__list__info .p-user__text .description,
.p-checkin__selectMachine__list__info .p-user__text .p-onlineShop__recommend__head__title,
.p-checkin__selectMachine__list__info .p-user__text .p-onlineShop__ranking__head__title,
.p-checkin__selectMachine__list__info .p-user__text .p-onlineShopSidebar__main__head__title,
.p-checkin__selectMachine__list__info .p-user__text .p-warranty__plan__list__head__description,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyStep__plan__head__title,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyStep__item__head__title,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-checkin__selectMachine__list__info .p-user__text .label__head__title,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyStep__choice__copy,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyStep__complete__head__title,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyId__body__title,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyId__body__name {
  font-size: 18px;
  font-weight: 600
}

.p-checkin__selectMachine__list__info .p-user__text .c-text__lv6,
.p-checkin__selectMachine__list__info .p-user__text .p-price__benefit__sub__foot__title,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyId__head__description,
.p-checkin__selectMachine__list__info .p-user__text .p-warrantyMypage__head__name,
.p-checkin__selectMachine__list__info .p-user__text .p-notification__description,
.p-checkin__selectMachine__list__info .p-user__text .p-notification__link {
  margin: 6px 0 0;
  display: flex;
  align-items: center
}

.p-checkin__selectMachine__list__info .p-user__text .c-text__note,
.p-checkin__selectMachine__list__info .p-user__text .p-columnDetail__navigation__prev:before,
.p-checkin__selectMachine__list__info .p-user__text .p-columnDetail__navigation__next:before,
.p-checkin__selectMachine__list__info .p-user__text .p-onlineShop__recommend__head__kana,
.p-checkin__selectMachine__list__info .p-user__text .p-onlineShop__ranking__head__kana,
.p-checkin__selectMachine__list__info .p-user__text .p-ecHome__card .price span,
.p-ecHome__card .price .p-checkin__selectMachine__list__info .p-user__text span,
.p-checkin__selectMachine__list__info .p-user__text .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-checkin__selectMachine__list__info .p-user__text span,
.p-checkin__selectMachine__list__info .p-user__text .p-onlineShopSidebar__main__head__kana,
.p-checkin__selectMachine__list__info .p-user__text .p-agreeCheck__body p,
.p-agreeCheck__body .p-checkin__selectMachine__list__info .p-user__text p,
.p-checkin__selectMachine__list__info .p-user__text .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-checkin__selectMachine__list__info .p-user__text li:before,
.p-checkin__selectMachine__list__info .p-user__text .p-warranty__notice__item__body__description {
  margin: 4px 0 0;
  color: #e0778d
}

.p-checkin__selectMachine__list__info .p-user__text .c-text__coin {
  margin-left: 8px
}

.p-checkin__selectMachine__list__waiting {
  flex: 0 0 auto;
  min-width: 90px;
  display: flex;
  padding: 0 8px;
  margin: 0 0 0 12px
}

@media screen and (max-width: 480px) {
  .p-checkin__selectMachine__list__waiting {
      width: 100%;
      padding: 0 8px 0 64px;
      margin: 8px 0 0 0
  }
}

.p-checkin__selectMachine__list__waiting--time {
  border-left: solid 1px #92a7bf
}

@media screen and (max-width: 480px) {
  .p-checkin__selectMachine__list__waiting--time {
      padding: 0 0 0 8px;
      margin: 8px 0 0 64px
  }
}

.p-checkin__selectMachine__list__waiting>p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin: auto;
  color: #91a6be
}

.p-checkin__selectMachine__list__waiting .c-button,
.p-checkin__selectMachine__list__waiting .c-button--accent,
.p-checkin__selectMachine__list__waiting .c-button--action,
.p-checkin__selectMachine__list__waiting .c-button--form,
.p-checkin__selectMachine__list__waiting .c-button--inline,
.p-checkin__selectMachine__list__waiting .c-button--inlineArrow,
.p-checkin__selectMachine__list__waiting .c-button--weak,
.p-checkin__selectMachine__list__waiting .c-button--line,
.p-checkin__selectMachine__list__waiting .c-button--full,
.p-checkin__selectMachine__list__waiting .c-button--small,
.p-checkin__selectMachine__list__waiting .p-home__middleNav__button {
  width: 150px;
  height: 48px;
  border-radius: 4px;
  background: #1c73e7;
  border: solid 1px #1c73e7;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  justify-content: center
}

@media screen and (max-width: 480px) {

  .p-checkin__selectMachine__list__waiting .c-button,
  .p-checkin__selectMachine__list__waiting .c-button--accent,
  .p-checkin__selectMachine__list__waiting .c-button--action,
  .p-checkin__selectMachine__list__waiting .c-button--form,
  .p-checkin__selectMachine__list__waiting .c-button--inline,
  .p-checkin__selectMachine__list__waiting .c-button--inlineArrow,
  .p-checkin__selectMachine__list__waiting .c-button--weak,
  .p-checkin__selectMachine__list__waiting .c-button--line,
  .p-checkin__selectMachine__list__waiting .c-button--full,
  .p-checkin__selectMachine__list__waiting .c-button--small,
  .p-checkin__selectMachine__list__waiting .p-home__middleNav__button {
      height: 38px;
      font-size: 13px;
      width: 100%
  }
}

.p-checkin__selectMachine__list__waiting .c-button:hover,
.p-checkin__selectMachine__list__waiting .c-button--accent:hover,
.p-checkin__selectMachine__list__waiting .c-button--action:hover,
.p-checkin__selectMachine__list__waiting .c-button--form:hover,
.p-checkin__selectMachine__list__waiting .c-button--inline:hover,
.p-checkin__selectMachine__list__waiting .c-button--inlineArrow:hover,
.p-checkin__selectMachine__list__waiting .c-button--weak:hover,
.p-checkin__selectMachine__list__waiting .c-button--line:hover,
.p-checkin__selectMachine__list__waiting .c-button--full:hover,
.p-checkin__selectMachine__list__waiting .c-button--small:hover,
.p-checkin__selectMachine__list__waiting .p-home__middleNav__button:hover {
  color: #1c73e7;
  background: #fff
}

.p-checkin__selectMachine__list__waiting .c-button--accent {
  background: #176e39;
  border-color: #176e39
}

.p-checkin__selectMachine__list__waiting .c-button--accent:hover {
  color: #176e39;
  background: #fff
}

.p-checkin__selectMachine__list__waiting__time {
  flex: auto;
  min-width: 1px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 480px) {
  .p-checkin__selectMachine__list__waiting__time {
      flex-direction: row;
      align-items: baseline
  }
}

.p-checkin__selectMachine__list__waiting__time .c-text__lv7,
.p-checkin__selectMachine__list__waiting__time .p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__content,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-checkin__selectMachine__list__waiting__time .label__body__content {
  color: #e0778d
}

@media screen and (max-width: 480px) {

  .p-checkin__selectMachine__list__waiting__time .c-text__lv7,
  .p-checkin__selectMachine__list__waiting__time .p-warrantyStep__item__content .c-input--warrantyPlan label .label__body__content,
  .p-warrantyStep__item__content .c-input--warrantyPlan label .p-checkin__selectMachine__list__waiting__time .label__body__content {
      margin: 0 6px 0 0
  }
}

.p-checkin__selectMachine__list__waiting__time .minutes {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  font-size: 34px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 2px 0 0;
  color: #e0778d;
  letter-spacing: -0.04em
}

.p-checkin__selectMachine__list__waiting__time .minutes:after {
  content: "分";
  font-size: 14px;
  font-weight: 800;
  margin: 0 0 0 4px
}

@media screen and (max-width: 480px) {
  .p-checkin__selectMachine__list__waiting__time .minutes {
      margin: 0
  }
}

.p-checkin__selectMachine__list__waiting--alert {
  flex-direction: column;
  align-items: center
}

.p-checkin__selectMachine__list__waiting--alert .title {
  font-size: 12px;
  margin: 0 0 4px;
  color: #e0778d;
  position: relative
}

.p-checkin__selectMachine__list--noborder .p-checkin__selectMachine__list__item {
  border: none;
  border-bottom: solid 1px #e5e9ed;
  border-radius: 0
}

.p-checkin__selectMachine__list--noborder .p-checkin__selectMachine__list__item:hover {
  background: #fff
}

.p-checkin__selectMachine__list--noborder .p-checkin__selectMachine__list__item .p-user__image {
  border: none
}

.p-checkin__selectMachine .p-buttonWrap {
  margin: 32px auto;
  max-width: 300px
}

@media screen and (max-width: 480px) {
  .p-checkin__selectMachine .p-buttonWrap {
      margin: 24px auto
  }
}

.p-checkin__selectMachine .p-buttonWrap .title {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 4px;
  color: #e0778d;
  position: relative;
  text-align: center
}

.p-checkin__selectMachine .p-buttonWrap .c-button,
.p-checkin__selectMachine .p-buttonWrap .c-button--accent,
.p-checkin__selectMachine .p-buttonWrap .c-button--action,
.p-checkin__selectMachine .p-buttonWrap .c-button--form,
.p-checkin__selectMachine .p-buttonWrap .c-button--inline,
.p-checkin__selectMachine .p-buttonWrap .c-button--inlineArrow,
.p-checkin__selectMachine .p-buttonWrap .c-button--weak,
.p-checkin__selectMachine .p-buttonWrap .c-button--line,
.p-checkin__selectMachine .p-buttonWrap .c-button--full,
.p-checkin__selectMachine .p-buttonWrap .c-button--small,
.p-checkin__selectMachine .p-buttonWrap .p-home__middleNav__button {
  background: #1c73e7;
  border-color: #1c73e7;
  height: 56px;
  font-weight: 500;
  font-size: 14px
}

.p-checkin__selectMachine .p-buttonWrap .c-button--accent {
  background: #176e39;
  border-color: #176e39
}

.p-checkin__selectMachine .p-buttonWrap .c-button--accent:hover {
  background-color: #d46881;
  border-color: #d46881
}

.p-checkin__info {
  max-width: 340px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-checkin__info__box {
  padding: 24px 24px 9px;
  background: #fff;
  margin: 0 0 32px;
  border: 1px solid #e5e9ee;
  width: 100%
}

.p-checkin__info__title {
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}

.p-checkin__info__title:before,
.p-checkin__info__title:after {
  content: "";
  flex: auto;
  min-width: 1px;
  height: 1px;
  max-width: 60px;
  background: #dadce4;
  margin: 0 16px 0 0
}

.p-checkin__info__title:after {
  margin: 0 0 0 16px
}

.p-checkin__info__list {
  width: 100%;
  margin: 0 0 24px
}

.p-checkin__info__list__item {
  display: flex;
  align-items: baseline;
  padding: 8px 0;
  border-bottom: solid 1px #e5e9ee
}

.p-checkin__info__list__item+.p-checkin__info__list__item {
  margin: 4px 0 0
}

.p-checkin__info__list__label {
  flex: 0 0 auto;
  width: 104px;
  font-size: 12px;
  font-weight: 400;
  color: #a0a0a0
}

.p-checkin__info__list__data {
  flex: auto;
  min-width: 1px;
  font-size: 14px;
  font-weight: 500;
  color: #444
}

.p-checkin__info__list__data .p-user__image {
  flex: 0 0 auto;
  width: 48px;
  margin: 0 6px 0 0
}

.p-checkin__info__list__data .p-user__text .c-text__lv5,
.p-checkin__info__list__data .p-user__text .c-text__lv5--base,
.p-checkin__info__list__data .p-user__text .p-home__shop__list__text__address,
.p-checkin__info__list__data .p-user__text .p-home__qa__item__answer p,
.p-home__qa__item__answer .p-checkin__info__list__data .p-user__text p,
.p-checkin__info__list__data .p-user__text .p-home__qa__item__answer>a,
.p-checkin__info__list__data .p-user__text .p-shopDetail__list__data,
.p-checkin__info__list__data .p-user__text .p-price__benefit__sub__body__title,
.p-checkin__info__list__data .p-user__text .p-contact__complete .description,
.p-contact__complete .p-checkin__info__list__data .p-user__text .description,
.p-checkin__info__list__data .p-user__text .p-onlineShop__recommend__head__title,
.p-checkin__info__list__data .p-user__text .p-onlineShop__ranking__head__title,
.p-checkin__info__list__data .p-user__text .p-onlineShopSidebar__main__head__title,
.p-checkin__info__list__data .p-user__text .p-warranty__plan__list__head__description,
.p-checkin__info__list__data .p-user__text .p-warrantyStep__plan__head__title,
.p-checkin__info__list__data .p-user__text .p-warrantyStep__item__head__title,
.p-checkin__info__list__data .p-user__text .p-warrantyStep__item__content .c-input--warrantyPlan label .label__head__title,
.p-warrantyStep__item__content .c-input--warrantyPlan label .p-checkin__info__list__data .p-user__text .label__head__title,
.p-checkin__info__list__data .p-user__text .p-warrantyStep__choice__copy,
.p-checkin__info__list__data .p-user__text .p-warrantyStep__complete__head__title,
.p-checkin__info__list__data .p-user__text .p-warrantyId__body__title,
.p-checkin__info__list__data .p-user__text .p-warrantyId__body__name {
  font-size: 14px
}

.p-checkin__info__list__data .l-stack__item {
  display: flex;
  align-items: center
}

.p-checkin__info__list__data .l-stack__item+.l-stack__item {
  margin: .5em 0 0
}

.p-checkin__info__list__data .l-stack__item .c-text__lv6,
.p-checkin__info__list__data .l-stack__item .p-price__benefit__sub__foot__title,
.p-checkin__info__list__data .l-stack__item .p-warrantyId__head__description,
.p-checkin__info__list__data .l-stack__item .p-warrantyMypage__head__name,
.p-checkin__info__list__data .l-stack__item .p-notification__description,
.p-checkin__info__list__data .l-stack__item .p-notification__link {
  flex: 0 0 auto;
  width: 78px;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  padding-right: 10px
}

.p-checkin__info .c-text__note,
.p-checkin__info .p-columnDetail__navigation__prev:before,
.p-checkin__info .p-columnDetail__navigation__next:before,
.p-checkin__info .p-onlineShop__recommend__head__kana,
.p-checkin__info .p-onlineShop__ranking__head__kana,
.p-checkin__info .p-ecHome__card .price span,
.p-ecHome__card .price .p-checkin__info span,
.p-checkin__info .p-ecHome__itemCard__text .price span,
.p-ecHome__itemCard__text .price .p-checkin__info span,
.p-checkin__info .p-onlineShopSidebar__main__head__kana,
.p-checkin__info .p-agreeCheck__body p,
.p-agreeCheck__body .p-checkin__info p,
.p-checkin__info .p-agreeCheck__body ol li:before,
.p-agreeCheck__body ol .p-checkin__info li:before,
.p-checkin__info .p-warranty__notice__item__body__description {
  font-size: 13px;
  line-height: 1.8em;
  margin: 24px 0 0
}

.p-checkin__enter {
  min-height: 66px;
  width: 100%;
  max-width: 340px;
  margin: auto;
  background: #f37994;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 24px;
  border-radius: 6px;
  margin-bottom: 32px
}

.p-checkin__enter--men {
  background: #4963d4
}

@media screen and (max-width: 480px) {
  .p-checkin__enter {
      padding: 16px
  }
}

.p-checkin__enter .name {
  font-size: 72px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative
}

.p-checkin__enter .name:before {
  content: "部屋名";
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin: 0 8px 0 0;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
  letter-spacing: .04em
}

.p-checkin__enter .time,
.p-checkin__enter .no {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 16px 0 0;
  margin: 16px 0 0;
  border-top: solid 1px rgba(255, 255, 255, .2)
}

.p-checkin__enter .time:before,
.p-checkin__enter .no:before {
  content: "チェックイン :";
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin: 0 8px 0 0;
  flex: 0 0 auto;
  display: block;
  width: 80px;
  text-align: right
}

.p-checkin__enter .no {
  border-top: none;
  padding: 0;
  margin: 0
}

.p-checkin__enter .no:before {
  content: "会員No :"
}

.p-checkin__enter--space {
  padding: 24px
}

@media screen and (max-width: 480px) {
  .p-checkin__enter--space {
      padding: 16px
  }
}

.p-checkin__enter--space .name {
  font-size: 20px;
  padding: 0 0 0 56px;
  justify-content: flex-start
}

.p-checkin__reserve {
  width: 100%;
  background: #fff;
  padding: 20px 24px 9px;
  margin: 0 0 24px;
  border: 1px solid #e5e9ee
}

@media screen and (max-width: 480px) {
  .p-checkin__reserve {
      padding: 0;
      border: none;
      margin: 0 0 8px
  }
}

.p-checkin__aboutPair {
  margin: 24px 0 0;
  padding: 16px 16px 12px 64px;
  background: #f8fbfd;
  border: solid 1px #e5e9ed;
  position: relative
}

@media screen and (max-width: 480px) {
  .p-checkin__aboutPair {
      margin: 8px 0 0
  }
}

.p-checkin__aboutPair:before {
  content: "";
  display: block;
  width: 40px;
  height: 32px;
  background: url(../img/web/object/project/p-shopDetail/pairRoom--form.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 10px;
  left: 13px;
  z-index: 1;
  opacity: .2
}

.p-checkin__aboutPair .title {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 6px;
  line-height: 1
}

.p-checkin__aboutPair .description {
  font-size: 13px;
  font-weight: 500
}

.p-checkin__announce {
  margin: 56px -16px 40px;
  padding: 40px 16px 56px;
  background: #f2f5f7;
  border-top: solid 1px #a9abbb;
  border-bottom: solid 1px #a9abbb
}

@media screen and (min-width: 401px) {
  .p-checkin__announce {
      background: #eaeff3;
      border: solid 1px #dee3e8
  }
}

.p-checkin__announce .title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #44475b;
  margin: 0 0 6px
}

.p-checkin__announce .description {
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  margin: 0 0 24px;
  line-height: 1.5em
}

.p-checkin__announce .description span {
  color: #fff;
  padding: 6px 6px;
  background: #a9abbb;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  margin: 0 3px;
  font-weight: 600
}

.p-checkin__announce__image {
  position: relative;
  max-width: 340px;
  margin: auto;
  border: solid 1px #ddd;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08)
}

.p-checkin__announce__image:before {
  content: "タブレット画面";
  position: absolute;
  left: 6px;
  top: 6px;
  padding: 4px 8px;
  line-height: 1;
  font-size: 12px;
  color: #fff;
  background: #333
}

.p-checkin__announce__image img {
  display: block
}

@media screen and (max-width: 560px) {
  .p-page--reserveConfirm .p-checkin>.l-container {
      padding: 0 16px
  }
}

@media screen and (max-width: 560px) {
  .p-page--reserveConfirm .p-checkin__head {
      margin: 0 0 16px
  }
}

@media screen and (max-width: 560px) {
  .p-page--reserveConfirm .p-checkin__head .p-heading__title--vertical {
      display: none
  }
}

@media screen and (max-width: 560px) {
  .p-page--reserveConfirm .p-checkin__body {
      background: #fff;
      padding: 24px 24px 32px;
      margin: 0 0 40px;
      border: 1px solid #e5e9ee
  }
}

.p-page--reserveConfirm .p-checkin .p-reserve__information {
  margin: 0 0 16px;
  border-bottom: solid 1px #dce0e8
}

@media screen and (max-width: 560px) {
  .p-page--reserveConfirm .p-checkin__info__title {
      display: none
  }
}

@media screen and (max-width: 560px) {
  .p-page--reserveConfirm .p-checkin__info__list__label {
      width: 94px
  }
}

.p-information .c-text__lv5--base a {
  font-size: 16px;
  font-weight: 600;
  color: #db5875;
  text-decoration: underline
}

@media screen and (max-width: 768px) {
  .p-information .c-text__lv5--base a {
      font-size: 14px
  }
}

.p-introducing {
  margin: 0 0 80px
}

.p-introducing__head {
  height: 340px;
  background: #008d43;
  position: relative;
  z-index: 1;
  padding: 40px 0 0
}

@media screen and (max-width: 560px) {
  .p-introducing__head {
      height: 285px
  }
}

@media screen and (max-width: 560px) {
  .p-introducing__head {
      height: 240px
  }
}

.p-introducing__head:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/web/mypage/p-introducing__head__bg.png) no-repeat center;
  background-size: cover;
  opacity: .03
}

.p-introducing__head:after {
  content: "あなたの紹介で! 友達がマシン購入すると...";
  height: 32px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 16px;
  transform: translate(-50%, 0);
  background: #faf000;
  color: #ed0f59;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  max-width: 360px;
  letter-spacing: .06em;
  border-radius: 50px;
  padding: 1px 0 0
}

@media screen and (max-width: 480px) {
  .p-introducing__head:after {
      top: 14px;
      max-width: 330px;
      font-size: 15px
  }
}

.p-introducing__head__image {
  height: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  max-width: 100vw
}

.p-introducing__head__image img {
  height: 100%;
  display: block;
  margin: auto;
  transform: translate(0, 0);
  position: relative;
  max-width: none
}

@media screen and (max-width: 560px) {
  .p-introducing__head__image img {
      transform: translate(0, 0)
  }
}

@media screen and (max-width: 480px) {
  .p-introducing__head__image img {
      height: 200px;
      width: auto;
      transform: translate(0, 0px)
  }
}

.p-introducing__middle {
  text-align: center;
  padding: 32px 16px 32px;
  background: #f7f2f3
}

@media screen and (max-width: 480px) {
  .p-introducing__middle {
      padding: 24px 16px
  }
}

.p-introducing__middle__box {
  background: #fff;
  padding: 16px 16px 24px;
  border-radius: 8px;
  border: solid 2px #dd3867;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
  max-width: 520px;
  margin: auto
}

@media screen and (max-width: 480px) {
  .p-introducing__middle__box {
      padding: 16px
  }
}

.p-introducing__middle__head {
  margin: 0 0 10px
}

.p-introducing__middle__head .title {
  color: #dd3967;
  font-size: 20px;
  font-weight: 600
}

.p-introducing__middle__list {
  max-width: 420px;
  margin: auto
}

.p-introducing__middle__list__item {
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 480px) {
  .p-introducing__middle__list__item {
      margin: 0 0 8px;
      padding: 0 0 8px;
      border-bottom: dotted 2px #eee
  }
}

.p-introducing__middle__list__item+.p-introducing__middle__list__item {
  margin: 4px 0 0
}

@media screen and (max-width: 480px) {
  .p-introducing__middle__list__item+.p-introducing__middle__list__item {
      margin: 0 0 8px;
      padding: 0 0 8px;
      border-bottom: dotted 2px #eee
  }
}

.p-introducing__middle__list__item .label {
  flex: 0 0 auto;
  width: 180px;
  text-align: left
}

.p-introducing__middle__list__item .label .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3em;
  color: #222
}

.p-introducing__middle__list__item .data {
  flex: auto;
  min-width: 1px;
  text-align: left
}

.p-introducing__middle__list__item .data p {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3em;
  color: #444
}

.p-introducing__middle__list__item .data p strong {
  font-size: 18px;
  color: #222;
  font-weight: 600;
  margin: 0 4px 0 0;
  position: relative;
  z-index: 1
}

.p-introducing__middle__list__item .data p strong:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: #faf000
}

.p-introducing__middle__list__item .data p strong small {
  font-size: 11px
}

.p-introducing__middle__foot {
  margin: 12px 0 0
}

.p-introducing__middle__foot .title {
  font-size: 14px;
  font-weight: 600;
  margin: 10px 0 3px;
  color: #444;
  line-height: 1.4em;
  text-align: left
}

.p-introducing__middle__foot .title br {
  display: none
}

@media screen and (max-width: 480px) {
  .p-introducing__middle__foot .title br {
      display: block
  }
}

.p-introducing__middle__foot .title strong {
  font-size: 18px;
  font-weight: 600;
  margin: 0 2px 0 4px;
  position: relative;
  z-index: 1
}

.p-introducing__middle__foot .title strong:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: #faf000
}

.p-introducing__middle__foot .title strong small {
  font-size: 13px
}

.p-introducing__middle__foot span {
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
  display: inline-block
}

.p-introducing__step__head {
  height: 64px;
  background: #dd3967;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-introducing__step__head__title {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  display: flex;
  align-items: baseline
}

@media screen and (max-width: 768px) {
  .p-introducing__step__head__title {
      font-size: 20px
  }
}

.p-introducing__step__head__title strong {
  font-size: 40px;
  font-weight: 800;
  margin: 0 4px 0 6px;
  line-height: 1;
  transform: translate(0, 2px)
}

@media screen and (max-width: 768px) {
  .p-introducing__step__head__title strong {
      font-size: 36px
  }
}

.p-introducing__step__body {
  background: #f7f2f3;
  padding: 24px 24px 56px
}

@media screen and (max-width: 560px) {
  .p-introducing__step__body {
      padding: 40px 0 0
  }
}

.p-introducing__stepList {
  counter-reset: number 0;
  padding: 24px 0 0;
  display: flex;
  margin: auto;
  max-width: 910px
}

@media screen and (max-width: 768px) {
  .p-introducing__stepList {
      max-width: 520px;
      flex-wrap: wrap
  }
}

@media screen and (max-width: 560px) {
  .p-introducing__stepList {
      padding: 0
  }
}

.p-introducing__stepList__item {
  flex: 50%;
  min-width: 1px;
  padding: 24px
}

@media screen and (max-width: 1080px) {
  .p-introducing__stepList__item {
      padding: 16px
  }
}

@media screen and (max-width: 768px) {
  .p-introducing__stepList__item {
      flex: auto;
      padding: 24px
  }
}

@media screen and (max-width: 768px) {
  .p-introducing__stepList__item+.p-introducing__stepList__item {
      margin: 16px 0 0;
      padding: 32px 0 0;
      border-top: solid 1px #ebdcdf
  }
}

@media screen and (max-width: 768px) {
  .p-introducing__stepList__item--double {
      padding: 0
  }
}

.p-introducing__stepList__item--double .p-introducing__stepList__item {
  padding: 0
}

@media screen and (max-width: 560px) {
  .p-introducing__stepList__item--double .p-introducing__stepList__item {
      padding: 0 24px
  }
}

.p-introducing__stepList__item--double .p-introducing__stepList__item+.p-introducing__stepList__item {
  margin: 32px 0 0;
  padding: 32px 0 0;
  border-top: solid 1px #ebdcdf
}

@media screen and (max-width: 560px) {
  .p-introducing__stepList__item--double .p-introducing__stepList__item+.p-introducing__stepList__item {
      padding: 32px 24px 32px
  }
}

.p-introducing__stepList__title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  display: flex;
  line-height: 1.3em;
  position: relative
}

.p-introducing__stepList__title:before {
  counter-increment: number 1;
  content: counter(number) ".";
  font-size: 24px;
  font-weight: 600;
  margin: 0 14px 0 0;
  color: #e0778d
}

.p-introducing__stepList__title:after {
  content: "STEP";
  position: absolute;
  left: -6px;
  top: -19px;
  color: #e0778d;
  font-size: 10px
}

@media screen and (max-width: 480px) {
  .p-introducing__stepList__title:after {
      left: -7px
  }
}

.p-introducing__stepList__content {
  margin: 20px 0 0
}

.p-introducing__stepList__content img {
  border-radius: 8px;
  border: solid 1px #707070;
  margin: 16px auto;
  max-width: 400px;
  display: block;
  width: 100%
}

.p-introducing__stepList__content .p-buttonWrap {
  margin: -4px;
  margin-top: 0px
}

.p-introducing__stepList__content .p-buttonWrap .c-button,
.p-introducing__stepList__content .p-buttonWrap .c-button--accent,
.p-introducing__stepList__content .p-buttonWrap .c-button--action,
.p-introducing__stepList__content .p-buttonWrap .c-button--form,
.p-introducing__stepList__content .p-buttonWrap .c-button--inline,
.p-introducing__stepList__content .p-buttonWrap .c-button--inlineArrow,
.p-introducing__stepList__content .p-buttonWrap .c-button--weak,
.p-introducing__stepList__content .p-buttonWrap .c-button--line,
.p-introducing__stepList__content .p-buttonWrap .c-button--full,
.p-introducing__stepList__content .p-buttonWrap .c-button--small,
.p-introducing__stepList__content .p-buttonWrap .p-home__middleNav__button {
  background: #fff;
  border: solid 1px #e3899c;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .08);
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 1px;
  flex-direction: column;
  height: 72px;
  margin: 4px;
  transition: all .3s ease;
  padding: 0 6px
}

.p-introducing__stepList__content .p-buttonWrap .c-button:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--accent:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--action:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--form:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--inline:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--inlineArrow:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--weak:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--line:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--full:hover,
.p-introducing__stepList__content .p-buttonWrap .c-button--small:hover,
.p-introducing__stepList__content .p-buttonWrap .p-home__middleNav__button:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.p-introducing__stepList__content .p-buttonWrap .c-button span,
.p-introducing__stepList__content .p-buttonWrap .c-button--accent span,
.p-introducing__stepList__content .p-buttonWrap .c-button--action span,
.p-introducing__stepList__content .p-buttonWrap .c-button--form span,
.p-introducing__stepList__content .p-buttonWrap .c-button--inline span,
.p-introducing__stepList__content .p-buttonWrap .c-button--inlineArrow span,
.p-introducing__stepList__content .p-buttonWrap .c-button--weak span,
.p-introducing__stepList__content .p-buttonWrap .c-button--line span,
.p-introducing__stepList__content .p-buttonWrap .c-button--full span,
.p-introducing__stepList__content .p-buttonWrap .c-button--small span,
.p-introducing__stepList__content .p-buttonWrap .p-home__middleNav__button span {
  color: #e0778d;
  font-size: 14px;
  font-weight: 600
}

.p-introducing__stepList__content .p-buttonWrap .c-button p,
.p-introducing__stepList__content .p-buttonWrap .c-button--accent p,
.p-introducing__stepList__content .p-buttonWrap .c-button--action p,
.p-introducing__stepList__content .p-buttonWrap .c-button--form p,
.p-introducing__stepList__content .p-buttonWrap .c-button--inline p,
.p-introducing__stepList__content .p-buttonWrap .c-button--inlineArrow p,
.p-introducing__stepList__content .p-buttonWrap .c-button--weak p,
.p-introducing__stepList__content .p-buttonWrap .c-button--line p,
.p-introducing__stepList__content .p-buttonWrap .c-button--full p,
.p-introducing__stepList__content .p-buttonWrap .c-button--small p,
.p-introducing__stepList__content .p-buttonWrap .p-home__middleNav__button p {
  font-size: 18px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  color: #e0778d
}

.p-introducing__stepList__content .p-buttonWrap .c-button p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--accent p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--action p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--form p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--inline p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--inlineArrow p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--weak p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--line p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--full p:after,
.p-introducing__stepList__content .p-buttonWrap .c-button--small p:after,
.p-introducing__stepList__content .p-buttonWrap .p-home__middleNav__button p:after {
  content: "";
  height: 8px;
  width: 8px;
  border-right: solid 2px #e0778d;
  border-bottom: solid 2px #e0778d;
  margin: 0 0 0 6px;
  transform: rotate(45deg)
}

.p-introducing__stepList__accent {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin: 20px 0 8px
}

.p-introducing__stepList__description {
  font-size: 13px;
  line-height: 1.7em;
  color: #444
}

.p-introducing__stepList__description--alert {
  color: #d54568;
  margin: 16px 0 0
}

.p-introducing__code {
  padding: 56px 24px 0;
  max-width: 910px;
  margin: auto
}

@media screen and (max-width: 768px) {
  .p-introducing__code {
      padding: 40px 24px 0;
      max-width: 520px
  }
}

@media screen and (max-width: 560px) {
  .p-introducing__code {
      padding: 40px 0 0
  }
}

.p-introducing__code__head__title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #222
}

@media screen and (max-width: 768px) {
  .p-introducing__code__head__title {
      font-size: 18px
  }
}

.p-introducing__code__message {
  max-width: 410px
}

.p-introducing__code__blur .p-introducing__code__box {
  width: 100%
}

.p-introducing__code__body {
  margin: 24px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 560px) {
  .p-introducing__code__body {
      margin: 16px 0 0
  }
}

.p-introducing__code__body>.p-buttonWrap {
  width: 100%;
  margin-top: 40px
}

@media screen and (max-width: 560px) {
  .p-introducing__code__body>.p-buttonWrap {
      margin-top: 32px
  }
}

.p-introducing__code__body .message {
  display: none
}

.p-introducing__code__body--unapplied {
  position: relative
}

.p-introducing__code__body--unapplied .p-introducing__code__message {
  position: relative
}

.p-introducing__code__body--unapplied .p-introducing__code__message:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(12, 55, 84, .6);
  border-radius: 8px
}

@media screen and (max-width: 480px) {
  .p-introducing__code__body--unapplied .p-introducing__code__message:before {
      border-radius: 0
  }
}

.p-introducing__code__body--unapplied .p-introducing__code__message .message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  letter-spacing: .06em
}

.p-introducing__code__body--unapplied .p-introducing__code__blur {
  opacity: .5;
  pointer-events: none;
  filter: blur(1px);
  position: relative;
  z-index: 0
}

.p-introducing__code__body--unapplied .p-introducing__code__box {
  width: 100%
}

.p-introducing__code__box {
  padding: 32px 24px 48px;
  border: solid 1px #eee;
  width: 50%
}

@media screen and (max-width: 768px) {
  .p-introducing__code__box {
      width: 100%
  }
}

.p-introducing__code__box__head__title {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center
}

.p-introducing__code__box__head__title:before {
  content: "";
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  background-image: url(../img/web/mypage/p-introducing--url.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.p-introducing__code__box__body {
  margin: 10px 0 0
}

.p-introducing__code__box__body .c-input p,
.p-introducing__code__box__body .c-input--full p,
.p-introducing__code__box__body .c-input--select p,
.p-introducing__code__box__body .c-input--file p,
.p-introducing__code__box__body .c-input--checkbox p,
.p-introducing__code__box__body .c-input--radio p,
.p-introducing__code__box__body .c-input--radio--beyond p {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 4px
}

.p-introducing__code__box__body .c-input input,
.p-introducing__code__box__body .c-input--full input,
.p-introducing__code__box__body .c-input--select input,
.p-introducing__code__box__body .c-input--file input,
.p-introducing__code__box__body .c-input--checkbox input,
.p-introducing__code__box__body .c-input--radio input,
.p-introducing__code__box__body .c-input--radio--beyond input {
  height: 48px
}

.p-introducing__code__box__body .p-buttonWrap {
  margin-top: 20px
}

@media screen and (max-width: 480px) {
  .p-introducing__code__box__body .p-buttonWrap {
      flex-wrap: wrap
  }
}

.p-introducing__code__box__body .p-buttonWrap>p {
  flex: 0 0 auto;
  width: 63px;
  font-size: 11px;
  font-weight: 600;
  color: #444;
  margin: 2px
}

@media screen and (max-width: 768px) {
  .p-introducing__code__box__body .p-buttonWrap>p {
      width: 90px;
      font-size: 12px
  }
}

@media screen and (max-width: 480px) {
  .p-introducing__code__box__body .p-buttonWrap>p {
      width: 100%
  }
}

.p-introducing__code__box--url {
  background: #f4f7fa;
  border-top: solid 1px #eee;
  border-color: #3e82d1;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 560px) {
  .p-introducing__code__box--url {
      border-radius: 0;
      box-shadow: none;
      border-color: #eee
  }
}

.p-introducing__code__box--mail {
  border-left: none
}

@media screen and (max-width: 768px) {
  .p-introducing__code__box--mail {
      border-left: solid 1px #eee
  }
}

.p-introducing__code__box--mail .p-introducing__code__box__head__title:before {
  background-image: url(../img/web/mypage/p-introducing--mail.png)
}

.p-introducing__code__step {
  counter-reset: number 0;
  margin: 12px 0
}

.p-introducing__code__step p {
  position: relative;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5em;
  padding: 0 0 0 8px
}

.p-introducing__code__step p:before {
  counter-increment: number 1;
  content: counter(number) ".";
  margin-right: 8px
}

.p-introducing__code__step p+p {
  padding: 16px 0 0 8px
}

.p-introducing__code__step p+p:after {
  content: "↓";
  position: absolute;
  left: 30px;
  top: -2px;
  font-size: 16px;
  line-height: 1;
  opacity: .7
}

.p-introducing__code__description {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.8em
}

.p-introducing__code__description strong {
  color: #e0778d
}

.p-introducing__code__description a {
  color: #3f83d1;
  text-decoration: underline
}

.p-introducing__code__copy {
  min-height: 72px;
  background: #fff;
  border: solid 1px #eaedf2;
  padding: 30px 24px 16px;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  box-shadow: 0 -1px 6px rgba(0, 0, 0, .1) inset;
  cursor: pointer
}

.p-introducing__code__copy__wrap {
  position: relative;
  padding: 0;
  border: none;
  width: 100%
}

.p-introducing__code__copy__wrap:before {
  position: absolute;
  left: 0;
  top: 0;
  padding: 6px 10px 5px;
  background: #eaedf2;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  opacity: .4;
  color: #222
}

.p-introducing__code__copy__wrap:after {
  content: "コピーしました";
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 6px 10px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 6px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  pointer-events: none;
  opacity: 0
}

.p-introducing__code__copy__wrap--copied:after {
  opacity: 1
}

.p-introducing__code__copy__wrap--buy:before {
  content: "購入URL"
}

.p-introducing__code__copy__wrap--rental:before {
  content: "レンタル"
}

.p-introducing__code__copy__wrap--plan:before {
  content: "店舗プラン"
}

.p-introducing__code__copy__wrap:hover {
  border-color: #b4c8ea
}

.p-introducing__code__copy__wrap:hover:before {
  background: #3f81d1;
  opacity: 1;
  color: #fff
}

.p-introducing__code__copy__wrap:hover .p-introducing__code__copy {
  background: #f0f8ff
}

.p-introducing__code__copy p {
  font-size: 14px;
  color: #3f83d1;
  text-decoration: underline;
  line-height: 1.3em;
  text-align: left
}

.p-introducing__banner {
  display: block;
  height: 150px;
  background: #ef6a8a;
  position: relative;
  z-index: 1;
  border-radius: 6px;
  box-shadow: 0px 10px 12px rgba(200, 37, 37, .2)
}

@media screen and (max-width: 768px) {
  .p-introducing__banner {
      height: 104px
  }
}

@media screen and (max-width: 480px) {
  .p-introducing__banner {
      height: 96px;
      box-shadow: 0px 6px 6px rgba(18, 146, 47, .2);
      box-shadow: 0px 0px 6px rgba(200, 37, 37, .2);
      max-width: 360px;
      margin: auto;
      display: block;
      width: 100%;
      overflow: hidden
  }
}

.p-introducing__banner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/web/mypage/p-introducing__head__bg.png) no-repeat center;
  background-size: cover;
  opacity: .1
}

.p-introducing__banner:hover {
  opacity: .8
}

.p-introducing__banner__image {
  height: 100%;
  display: block;
  margin: auto;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  height: 100%;
  width: auto;
  max-width: none;
  border-radius: 0 0 34px 34px
}

.p-introducing__banner__image--price {
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 8px 10px;
  height: 44px;
  background: rgba(240, 176, 32, .9);
  border-radius: 4px;
  right: 0;
  top: 0;
  padding: 0;
  height: 80px;
  background: none
}

@media screen and (max-width: 768px) {
  .p-introducing__banner__image--price {
      padding: 6px 8px;
      height: 34px
  }
}

@media screen and (max-width: 480px) {
  .p-introducing__banner__image--price {
      height: 27px;
      padding: 5px 5px
  }
}

@media screen and (max-width: 768px) {
  .p-introducing__banner__image--price {
      height: 64px;
      padding: 0
  }
}

@media screen and (max-width: 480px) {
  .p-introducing__banner__image--price {
      height: 56px;
      padding: 0
  }
}

.p-introducing__banner--corporation {
  background: #222;
  box-shadow: 0px 10px 12px rgba(124, 124, 124, .2);
  max-width: 556px;
  margin: auto;
  width: 100%;
  overflow: hidden
}

@media screen and (max-width: 768px) {
  .p-introducing__banner--corporation {
      max-width: 374px
  }
}

@media screen and (max-width: 480px) {
  .p-introducing__banner--corporation {
      height: auto
  }
}

@media screen and (max-width: 480px) {
  .p-introducing__banner--corporation .p-introducing__banner__image {
      position: relative
  }
}

.p-introducing--corporation .p-introducing__head {
  background: #222;
  padding: 32px 0 0
}

.p-introducing--corporation .p-introducing__head:before {
  opacity: .015
}

.p-introducing--corporation .p-introducing__head:after {
  content: "あなたの紹介で! マシン購入すると..."
}

.p-introducing--corporation .p-introducing__head__image {
  display: flex
}

.p-introducing--corporation .p-introducing__head__image img {
  transform: translate(0, 0);
  margin: auto auto 0
}

.p-introducing--corporation .p-introducing__step__head {
  background: #1f427e
}

.p-introducing--corporation .p-introducing__step__body {
  background: #f2f3f5
}

.p-introducing--corporation .p-introducing__stepList__title:before,
.p-introducing--corporation .p-introducing__stepList__title:after {
  color: #436bb2
}

.p-introducing--corporation .p-introducing__stepList__content .p-buttonWrap .c-button--form {
  background: #3361b1;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .08em;
  border-color: #3361b1;
  border-radius: 6px
}

.p-introducing--corporation .p-introducing__stepList__item {
  border-color: #dce2eb !important
}

@media screen and (max-width: 768px) {
  .p-introducing--corporation .p-introducing__stepList__item--double {
      padding: 16px 0 0
  }
}

@media screen and (max-width: 768px) {
  .p-introducing--corporation .p-introducing__stepList__item--double+.p-introducing__stepList__item--double {
      padding: 32px 0 0
  }
}

.p-reserve {
  padding: 40px 0 40px;
  background: #fbfbfd
}

@media screen and (max-width: 560px) {
  .p-reserve {
      padding: 0 0 40px;
      background: none
  }
}

.p-reserve .l-container {
  max-width: 780px;
  border: solid 1px #e5e9ed;
  background: #fff;
  padding: 16px 40px 40px;
  box-shadow: 0 0px 4px rgba(0, 0, 0, .04)
}

@media screen and (max-width: 560px) {
  .p-reserve .l-container {
      padding: 0;
      box-shadow: none;
      border: none
  }
}

.p-reserve__head {
  padding: 24px 0 32px
}

@media screen and (max-width: 560px) {
  .p-reserve__head {
      padding: 24px 0
  }
}

.p-reserve__head__title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #222;
  margin: 0 0 10px
}

@media screen and (max-width: 560px) {
  .p-reserve__head__title {
      display: none
  }
}

.p-reserve__head__description {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #222
}

.p-reserve__head .p-reserve__information {
  margin: 14px auto 0;
  position: relative
}

.p-reserve__middle {
  max-width: 480px;
  margin: auto;
  max-width: 560px;
  margin: auto;
  border-top: solid 1px #dce0e8;
  padding: 32px 0 0
}

@media screen and (max-width: 560px) {
  .p-reserve__middle {
      padding: 0;
      border-top: none
  }
}

.p-reserve__type {
  display: flex;
  flex-wrap: wrap;
  margin: -5px
}

@media screen and (max-width: 560px) {
  .p-reserve__type {
      border: solid 1px #dce0e8;
      padding: 20px 24px 24px;
      background: #f9fafc;
      border-left: none;
      border-right: none;
      padding: 16px 12px 16px;
      max-width: none;
      margin: 0
  }
}

.p-reserve__type__item {
  padding: 4px;
  flex: 1;
  min-width: 1px
}

.p-reserve__type__item__title {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  line-height: 1;
  display: flex;
  align-items: center;
  margin: 0 0 14px
}

@media screen and (max-width: 560px) {
  .p-reserve__type__item__title {
      margin: 0 0 10px
  }
}

.p-reserve__type__item__title:after {
  content: "必須";
  font-size: 10px;
  font-weight: 600;
  width: 26px;
  height: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #f75668;
  color: #fff;
  margin: 0 0 0 8px
}

.p-reserve__type__item--address {
  flex: auto;
  min-width: 1px;
  width: 100%;
  padding-top: 8px;
  margin: 12px 0 0;
  border: solid 1px #dce0e8;
  padding: 10px 16px 16px;
  background: #f9fafc
}

@media screen and (max-width: 560px) {
  .p-reserve__type__item--address {
      border: none;
      border-top: solid 1px #e7eaef;
      background: none
  }
}

@media screen and (max-width: 480px) {
  .p-reserve__type__item--address {
      padding: 12px 4px
  }
}

.p-reserve__type__item--address p {
  font-size: 12px;
  display: block
}

.p-reserve__type__item--address p.c-text {
  font-weight: 500;
  color: #647389
}

.p-reserve__type__item--address p.c-text__note,
.p-reserve__type__item--address p.p-columnDetail__navigation__prev:before,
.p-reserve__type__item--address p.p-columnDetail__navigation__next:before,
.p-reserve__type__item--address p.p-onlineShop__recommend__head__kana,
.p-reserve__type__item--address p.p-onlineShop__ranking__head__kana,
.p-reserve__type__item--address p.p-onlineShopSidebar__main__head__kana,
.p-reserve__type__item--address .p-agreeCheck__body p,
.p-agreeCheck__body .p-reserve__type__item--address p,
.p-reserve__type__item--address p.p-warranty__notice__item__body__description {
  color: #666
}

.p-reserve__type__item--address p+p {
  margin: 2px 0 0
}

.p-reserve__type__item--address *+.c-text {
  margin: 4px 0 0
}

.p-reserve__sort {
  padding: 18px 0 24px
}

@media screen and (max-width: 560px) {
  .p-reserve__sort {
      padding: 18px 16px 24px
  }
}

.p-reserve__sort__head {
  margin: 0 0 12px
}

.p-reserve__sort__head__title {
  font-size: 14px;
  font-weight: 500;
  color: #444
}

.p-reserve__sort__tab .c-input label,
.p-reserve__sort__tab .c-input--full label,
.p-reserve__sort__tab .c-input--select label,
.p-reserve__sort__tab .c-input--file label,
.p-reserve__sort__tab .c-input--checkbox label,
.p-reserve__sort__tab .c-input--radio label,
.p-reserve__sort__tab .c-input--radio--beyond label {
  padding: 0 8px;
  font-weight: 500
}

.p-reserve__sort__tab .c-input label:before,
.p-reserve__sort__tab .c-input--full label:before,
.p-reserve__sort__tab .c-input--select label:before,
.p-reserve__sort__tab .c-input--file label:before,
.p-reserve__sort__tab .c-input--checkbox label:before,
.p-reserve__sort__tab .c-input--radio label:before,
.p-reserve__sort__tab .c-input--radio--beyond label:before {
  display: none
}

.p-reserve__sort__content {
  display: flex;
  margin: 24px 0 0
}

.p-reserve__sort__content__image {
  flex: 0 0 auto;
  width: 88px;
  margin: 0 12px 0 0
}

.p-reserve__sort__content__text {
  flex: auto;
  min-width: 1px
}

.p-reserve__sort__content__text .title {
  font-size: 18;
  font-weight: 600;
  color: #222
}

@media screen and (max-width: 560px) {
  .p-reserve__sort__content__text .title {
      font-size: 16px
  }
}

.p-reserve__sort__content__text .description {
  color: #222;
  font-size: 14px;
  line-height: 1.8em;
  margin: 4px 0 0
}

@media screen and (max-width: 560px) {
  .p-reserve__sort__content__text .description {
      font-size: 12px
  }
}

.p-reserve__body__announce {
  margin: 0 0 16px;
  padding: 10px;
  background: #fceeef
}

.p-reserve__body__announce p {
  line-height: 1.4em;
  margin: 0 0 1px;
  color: #444
}

.p-reserve__body__announce p.c-text--announce {
  text-align: left;
  font-weight: 500;
  margin: 0;
  color: #f33232
}

.p-reserve__calendar {
  position: relative;
  z-index: 1
}

.p-reserve__calendar__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 16px 16px 12px;
  border: solid 1px #d6dae3;
  width: 100%;
  background: #fff;
  position: sticky;
  top: 55px;
  margin: 0 0 -1px;
  height: 62px;
  z-index: 1
}

@media screen and (max-width: 560px) {
  .p-reserve__calendar__head {
      padding: 16px 10px 10px;
      top: 47px;
      border-left: none;
      border-right: none;
      height: 56px
  }
}

.p-reserve__calendar__head__count {
  display: flex;
  align-items: center;
  justify-content: center
}

.p-reserve__calendar__head__count p {
  font-size: 12px;
  color: #222
}

.p-reserve__calendar__head__count strong {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  margin: 0 4px 0 8px;
  color: #222
}

.p-reserve__calendar__head .c-button,
.p-reserve__calendar__head .c-button--accent,
.p-reserve__calendar__head .c-button--action,
.p-reserve__calendar__head .c-button--form,
.p-reserve__calendar__head .c-button--inline,
.p-reserve__calendar__head .c-button--inlineArrow,
.p-reserve__calendar__head .c-button--weak,
.p-reserve__calendar__head .c-button--line,
.p-reserve__calendar__head .c-button--full,
.p-reserve__calendar__head .c-button--small,
.p-reserve__calendar__head .p-home__middleNav__button {
  width: 80px;
  height: 32px;
  padding: 0 8px;
  font-size: 13px;
  justify-content: center;
  line-height: 1;
  color: #91a6be;
  background: #fff;
  border-color: #91a6be
}

.p-reserve__calendar__head .c-button:hover,
.p-reserve__calendar__head .c-button--accent:hover,
.p-reserve__calendar__head .c-button--action:hover,
.p-reserve__calendar__head .c-button--form:hover,
.p-reserve__calendar__head .c-button--inline:hover,
.p-reserve__calendar__head .c-button--inlineArrow:hover,
.p-reserve__calendar__head .c-button--weak:hover,
.p-reserve__calendar__head .c-button--line:hover,
.p-reserve__calendar__head .c-button--full:hover,
.p-reserve__calendar__head .c-button--small:hover,
.p-reserve__calendar__head .p-home__middleNav__button:hover {
  background: #91a6be;
  color: #fff
}

.p-reserve__calendar__head .c-button--disabled {
  opacity: 0;
  pointer-events: none
}

@media screen and (max-width: 768px) {
  .p-reserve__calendar__body {
      overflow: auto;
      border: solid 1px #d6dae3;
      border-left: none
  }
}

.p-reserve__calendar__foot {
  margin: 24px 0 0
}

.p-reserve__calendar__foot .p-buttonWrap {
  margin-top: 32px
}

.p-reserve__calendar__foot .p-buttonWrap .c-button,
.p-reserve__calendar__foot .p-buttonWrap .c-button--accent,
.p-reserve__calendar__foot .p-buttonWrap .c-button--action,
.p-reserve__calendar__foot .p-buttonWrap .c-button--form,
.p-reserve__calendar__foot .p-buttonWrap .c-button--inline,
.p-reserve__calendar__foot .p-buttonWrap .c-button--inlineArrow,
.p-reserve__calendar__foot .p-buttonWrap .c-button--weak,
.p-reserve__calendar__foot .p-buttonWrap .c-button--line,
.p-reserve__calendar__foot .p-buttonWrap .c-button--full,
.p-reserve__calendar__foot .p-buttonWrap .c-button--small,
.p-reserve__calendar__foot .p-buttonWrap .p-home__middleNav__button {
  min-width: 140px;
  height: 48px;
  font-size: 15px;
  border-color: #e5e9ed;
  color: #828794;
  justify-content: center
}

.p-reserve__calendar__foot .p-buttonWrap .c-button:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--accent:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--action:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--form:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--inline:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--inlineArrow:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--weak:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--line:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--full:hover,
.p-reserve__calendar__foot .p-buttonWrap .c-button--small:hover,
.p-reserve__calendar__foot .p-buttonWrap .p-home__middleNav__button:hover {
  background: #828794;
  border-color: #828794;
  color: #fff
}

.p-reserve__calendar__statusList {
  display: flex;
  flex-wrap: wrap;
  margin: -8px auto;
  justify-content: center;
  max-width: 280px
}

.p-reserve__calendar__statusList__item {
  flex: 0 0 auto;
  width: 25%;
  padding: 8px;
  display: flex;
  align-items: center;
  max-width: 240px;
  width: 50%
}

.p-reserve__calendar__statusList__item__image {
  flex: 0 0 auto;
  width: 32px;
  margin: 0 12px 0 0;
  border: solid 1px #f2f4f5
}

.p-reserve__calendar__statusList__item__text {
  flex: auto;
  min-width: 1px;
  font-size: 14px;
  color: #444
}

.p-reserve__table {
  border: solid 1px #d6dae3;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-reserve__table {
      border: none;
      table-layout: fixed;
      min-width: 481px
  }
}

@media screen and (max-width: 560px) {
  .p-reserve__table {
      border-left: none;
      border-right: none
  }
}

@media screen and (max-width: 768px) {

  .p-reserve__table__row .p-reserve__table__item--date:first-of-type,
  .p-reserve__table__row .p-reserve__table__item--status:first-of-type {
      border-left: none
  }
}

@media screen and (max-width: 768px) {

  .p-reserve__table__row .p-reserve__table__item--date:last-of-type,
  .p-reserve__table__row .p-reserve__table__item--status:last-of-type {
      border-right: none
  }
}

.p-reserve__table__row:last-of-type .p-reserve__table__item--status {
  border-bottom: none
}

.p-reserve__table__item {
  border: solid 1px #d6dae3
}

.p-reserve__table__item--month {
  vertical-align: middle;
  padding: 1px 8px 6px;
  border: none
}

.p-reserve__table__item--month p {
  line-height: 1;
  font-size: 13px
}

.p-reserve__table__item--date,
.p-reserve__table__item--corner {
  background: #fafbfc;
  text-align: center;
  vertical-align: middle;
  height: 56px;
  border-top: none;
  border-bottom: none
}

.p-reserve__table__item--date .wrap,
.p-reserve__table__item--corner .wrap {
  height: 100%;
  border-top: solid 1px #ebecf0;
  border-bottom: solid 1px #ebecf0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 768px) {

  .p-reserve__table__item--date .wrap,
  .p-reserve__table__item--corner .wrap {
      min-width: 32px
  }
}

.p-reserve__table__item--date p,
.p-reserve__table__item--corner p {
  line-height: 1;
  color: #222
}

.p-reserve__table__item--date p.date,
.p-reserve__table__item--corner p.date {
  font-weight: 500
}

.p-reserve__table__item--date p.dotw,
.p-reserve__table__item--corner p.dotw {
  margin: 6px 0 0
}

.p-reserve__table__item--date--saturday,
.p-reserve__table__item--corner--saturday {
  background: #f5faff
}

.p-reserve__table__item--date--saturday p,
.p-reserve__table__item--corner--saturday p {
  color: #6080d6
}

.p-reserve__table__item--date--sunday,
.p-reserve__table__item--corner--sunday {
  background: #fff9f9
}

.p-reserve__table__item--date--sunday p,
.p-reserve__table__item--corner--sunday p {
  color: #ed5858
}

@media screen and (max-width: 768px) {
  .p-reserve__table__item--date .wrap {
      height: 56px
  }
}

.p-reserve__table__item--corner {
  background: #fff
}

@media screen and (max-width: 768px) {
  .p-reserve__table__item--corner {
      position: sticky;
      left: 0;
      background: #fff;
      z-index: 1;
      border: none;
      width: 46px
  }
}

@media screen and (max-width: 560px) {
  .p-reserve__table__item--corner {
      border-left: none
  }
}

.p-reserve__table__item--corner .wrap {
  border-top: none
}

@media screen and (max-width: 768px) {
  .p-reserve__table__item--corner .wrap {
      border: solid 1px #d6dae3;
      border-top: none
  }
}

.p-reserve__table__item--time {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  width: 56px;
  letter-spacing: .04em
}

@media screen and (max-width: 768px) {
  .p-reserve__table__item--time {
      position: sticky;
      left: 0;
      background: #fff;
      z-index: 1;
      border-spacing: 0;
      border: none
  }
}

@media screen and (max-width: 768px) {
  .p-reserve__table__item--time .wrap {
      min-width: 32px;
      border: solid 1px #d6dae3;
      border-bottom: none;
      height: 46px;
      display: flex;
      align-items: center;
      justify-content: center
  }
}

.p-reserve__table__item--status {
  height: 46px;
  width: 46px;
  background: url(../img/web/mypage/reserve/p-reserve__table__item--status--ok.png);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative
}

.p-reserve__table__item--status>a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0
}

.p-reserve__table__item--status--ok {
  cursor: pointer
}

.p-reserve__table__item--status--ok:hover {
  background-color: #fff4f4
}

.p-reserve__table__item--status--few {
  cursor: pointer;
  background: url(../img/web/mypage/reserve/p-reserve__table__item--status--few.png)
}

.p-reserve__table__item--status--few:hover {
  background-color: #eff4ef
}

.p-reserve__table__item--status--fill {
  background: #f3f3f4 url(../img/web/mypage/reserve/p-reserve__table__item--status--fill.png)
}

.p-reserve__table__item--status--disabled {
  background: #f3f3f4 url(../img/web/mypage/reserve/p-reserve__table__item--status--disabled.png)
}

.p-reserve__table__item--current {
  background-color: #dbf1ff
}

.p-reserve__information {
  padding: 14px 8px 16px;
  background: #f9fafc;
  border: solid 1px #dce0e8;
  width: 100%;
  max-width: 320px;
  margin: auto
}

.p-reserve__information+.p-reserve__information {
  margin: 4px auto 0
}

.p-reserve__information__body__date {
  display: flex;
  align-items: center;
  justify-content: center
}

.p-reserve__information__body__date:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/web/mypage/p-warrantyId__card__reserve--color.png) no-repeat center;
  background-size: contain;
  margin: 0 8px 0 0
}

.p-reserve__information__body__date p {
  display: flex;
  align-items: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #444
}

.p-reserve__information__body__date p:after {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 0 4px
}

.p-reserve__information__body__date p+p {
  margin: 0 0 0 4px
}

.p-reserve__information__body__date p.year:after {
  content: "年"
}

.p-reserve__information__body__date p.month:after {
  content: "月"
}

.p-reserve__information__body__date p.day:after {
  content: "日"
}

.p-reserve__information__body__date p.time:after {
  display: none
}

.p-reserve__information__body__place {
  margin: 4px 0 0
}

.p-reserve__information__body__place p {
  color: #666;
  font-size: 14px;
  text-align: center
}

.p-reserve__information__body__place .address {
  display: block;
  margin: 4px 0 0;
  padding: 0 10px
}

.p-reserve__information__foot {
  margin: 16px 0 0
}

.p-reserve__information__foot .p-buttonWrap .c-button,
.p-reserve__information__foot .p-buttonWrap .c-button--accent,
.p-reserve__information__foot .p-buttonWrap .c-button--action,
.p-reserve__information__foot .p-buttonWrap .c-button--form,
.p-reserve__information__foot .p-buttonWrap .c-button--inline,
.p-reserve__information__foot .p-buttonWrap .c-button--inlineArrow,
.p-reserve__information__foot .p-buttonWrap .c-button--weak,
.p-reserve__information__foot .p-buttonWrap .c-button--line,
.p-reserve__information__foot .p-buttonWrap .c-button--full,
.p-reserve__information__foot .p-buttonWrap .c-button--small,
.p-reserve__information__foot .p-buttonWrap .p-home__middleNav__button {
  flex: 1;
  min-width: 1px;
  justify-content: center;
  max-width: 140px;
  padding: 0 8px
}

.p-reserve__information__foot .p-buttonWrap .c-button--negative {
  background: #fff
}

.p-reserve__information--thin {
  padding: 8px 4px 12px
}

.p-reserve__information--thin .p-reserve__information__body__date p {
  font-size: 20px
}

.p-reserve__information--thin .p-reserve__information__body__date p:after {
  margin: 0 0 0 2px
}

.p-reserve__information--thin .p-reserve__information__body__place {
  margin: 0
}

.p-reserve__information--thin .p-reserve__information__body__place p {
  font-size: 12px
}

.p-reserve__information--thin .p-reserve__information__body__place .address {
  margin: 2px 0 0
}

.p-reserve__information--thin .p-reserve__information__foot {
  margin: 14px 0 5px
}

.p-charge__result {
  margin: 0 auto 24px;
  padding: 24px 40px 24px;
  background: #f3f4f7;
  display: table;
  width: 100%
}

.p-charge__result__head {
  display: none
}

.p-charge__result__head .title {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 16px;
  font-weight: 500;
  color: #444
}

.p-charge__result__head .title b {
  font-size: 24px;
  margin: 0 0 0 12px
}

.p-charge__result__body {
  position: relative
}

.p-charge__result__body:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.9px 8px 0 8px;
  border-color: #e1e4ed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -75%);
  display: none
}

.p-charge__result__body .title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #444
}

.p-charge__result__body .title b {
  font-size: 32px;
  margin: 0 0 0 14px;
  color: #faa300;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center
}

.p-charge__result__body .title b:before {
  content: "";
  width: 28px;
  height: 28px;
  margin: 0 8px 0 0;
  background: url(../img/web/mypage/charge_coin.png) no-repeat center;
  background-size: contain
}

.p-repair .l-container {
  max-width: 560px
}

.p-repair__head {
  padding: 40px 0 0
}

@media screen and (max-width: 480px) {
  .p-repair__head {
      padding: 24px 0 0
  }
}

.p-repair__head .c-ttl {
  margin: 0 0 12px
}

@media screen and (max-width: 480px) {
  .p-repair__head .c-ttl {
      margin: 0 0 4px
  }
}

.p-repair__middle {
  padding: 16px 0;
  margin: 24px 0 0;
  border-top: solid 1px #eee
}

.p-repair__body {
  padding: 24px 40px 40px;
  background: #f2f4f6;
  max-width: 480px;
  margin: auto;
  border: solid 1px #e0e5ea
}

@media screen and (max-width: 480px) {
  .p-repair__body {
      padding: 24px 20px 40px;
      border: none
  }
}

.p-repair__body .p-list>li+li {
  margin: 12px 0 0
}

.p-repair__body .p-list__label {
  font-size: 12px;
  margin: 0 0 6px
}

.p-repair__body .c-button--negative {
  background: #fff
}

.p-repair__body .c-button--negative:hover {
  color: #91a6be
}

.p-repair__body .c-input--file--text .c-input__button--close {
  position: absolute;
  right: 8px;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  display: none
}

.p-repair__body .c-input--file--text label {
  background: #fff;
  border: 1px solid #91a6be;
  padding: 4px 16px;
  min-height: 48px
}

.p-repair__body .c-input--file--text label span {
  font-size: 14px;
  word-break: break-all;
  line-height: 1.2em
}

.p-repair__body .c-input--file--text label span.checked {
  color: #91a6bf;
  font-weight: 500
}

.p-repair__confirm {
  margin: 24px auto 0;
  max-width: 480px
}

.p-repair__confirm>.item {
  padding: 24px 0px;
  border-top: solid 1px #f2f4f6
}

@media screen and (max-width: 480px) {
  .p-repair__confirm>.item {
      padding: 24px 40px;
      border-top-width: 8px;
      padding: 24px 16px
  }
}

.p-repair__confirm>.item .head {
  margin: 0 0 18px
}

.p-repair__confirm>.item .body .p-list__item {
  border: none;
  padding: 0
}

.p-repair__confirm>.item .body .p-list__item .title {
  margin: 0;
  flex: 0 0 96px
}

.p-repair__confirm>.item .body .p-list__item+.p-list__item {
  margin: 12px 0 0
}

.p-repair__complete>.p-buttonWrap {
  margin-top: 24px
}

.p-repair__foot {
  padding: 32px 0 0;
  border-top: solid 1px #e3e8ec;
  margin: 8px auto 0;
  max-width: 480px
}

.p-repair__foot .c-button--negative:hover {
  color: #91a6be
}

.p-repair--complete .p-repair__head {
  text-align: center
}

.p-repair--complete .p-repair__head .c-icon {
  width: 82px;
  height: 82px;
  display: block;
  margin: 0 auto
}

.p-repair--complete .p-repair__head .c-ttl--eng {
  margin: -20px 0 8px;
  line-height: 1;
  letter-spacing: 0
}

.p-repair--complete .p-repair__middle {
  padding: 16px 12px
}

.p-corporation__login {
  margin: 16px 0 0;
  padding: 14px 0 0 28px;
  border-left: solid 4px #f4f5f8
}

@media screen and (max-width: 560px) {
  .p-corporation__login {
      padding: 0;
      border-left: none
  }
}

.p-corporation__login__title {
  font-size: 18px;
  font-weight: 600
}

.p-corporation__login__description {
  font-size: 14px;
  margin: 8px 0 0
}

.p-corporation__step {
  padding: 32px 24px 16px;
  max-width: 100%;
  background: #f7f7f7
}

@media screen and (max-width: 768px) {
  .p-corporation__step {
      padding: 24px 16px 16px
  }
}

.p-corporation__step__head {
  margin: 0 0 22px
}

.p-corporation__step__title {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
  margin: 0 0 8px
}

.p-corporation__step__title:before,
.p-corporation__step__title:after {
  content: "";
  flex: auto;
  height: 1px;
  max-width: 50px;
  background: #e5e9ee;
  margin: 0 12px 0 0;
  display: none
}

.p-corporation__step__title:after {
  margin: 0 0 0 12px
}

.p-corporation__step__description {
  font-size: 13px;
  text-align: center
}

.p-corporation__step__body .p-buttonWrap {
  margin: auto;
  margin-top: 8px;
  padding-top: 12px;
  border-top: solid 1px #eaeaea;
  max-width: 280px
}

.p-corporation__step__body .p-buttonWrap .c-button,
.p-corporation__step__body .p-buttonWrap .c-button--accent,
.p-corporation__step__body .p-buttonWrap .c-button--action,
.p-corporation__step__body .p-buttonWrap .c-button--form,
.p-corporation__step__body .p-buttonWrap .c-button--inline,
.p-corporation__step__body .p-buttonWrap .c-button--inlineArrow,
.p-corporation__step__body .p-buttonWrap .c-button--weak,
.p-corporation__step__body .p-buttonWrap .c-button--line,
.p-corporation__step__body .p-buttonWrap .c-button--full,
.p-corporation__step__body .p-buttonWrap .c-button--small,
.p-corporation__step__body .p-buttonWrap .p-home__middleNav__button {
  justify-content: center
}

.p-corporation__step__body .p-buttonWrap .c-button--full {
  width: auto;
  flex: auto;
  min-width: 1px;
  font-size: 15px;
  font-weight: 600;
  height: 48px;
  background: #e0778d;
  border-color: #e0778d
}

.p-corporation__step__body .p-buttonWrap .c-button--full:hover {
  background: #ca677d;
  border-color: #ca677d
}

.p-corporation__step__body .p-buttonWrap .c-button--text {
  color: #827577;
  margin-top: 4px;
  font-size: 13px
}

.p-corporation__step__list {
  counter-reset: number 0;
  display: table;
  margin: auto
}

.p-corporation__step__list__item+.p-corporation__step__list__item {
  margin: 8px 0 0;
  position: relative
}

.p-corporation__step__list__item+.p-corporation__step__list__item:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #efe4e7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  left: 45%;
  top: -10px;
  transform: translate(0, -100%);
  display: none
}

.p-corporation__step__list__head {
  margin: 0 0 8px
}

.p-corporation__step__list__title {
  display: flex;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 600;
  color: #176e39
}

.p-corporation__step__list__title:before {
  counter-increment: number 1;
  content: counter(number);
  margin: 0 8px 0 0;
  width: 22px;
  height: 22px;
  transform: translateY(-2px);
  flex: 0 0 auto;
  border-radius: 50%;
  background: #176e39;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff
}

@media screen and (max-width: 768px) {
  .p-corporation__step__list__title:before {
      margin: 0 8px 0 0
  }
}

.p-corporation__step__list__body p {
  padding: 0 0 0 36px;
  font-size: 13px
}

@media screen and (max-width: 768px) {
  .p-corporation__step__list__body p {
      padding: 0 0 0 30px
  }
}

@media screen and (max-width: 768px) {
  .p-corporation__step__list__body p br {
      display: none
  }
}

.p-onlineShopMypage {
  padding: 40px 0 120px;
  position: relative
}

@media screen and (max-width: 560px) {
  .p-onlineShopMypage {
      padding: 24px 0 64px
  }
}

.p-onlineShopMypage--corporation {
  display: flex;
  max-width: 980px;
  margin: -25px auto
}

@media screen and (max-width: 1080px) {
  .p-onlineShopMypage--corporation {
      margin: -16px auto
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopMypage--corporation {
      flex-direction: column;
      max-width: 480px;
      margin: auto
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main {
  flex: auto;
  min-width: 1px;
  padding: 25px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main {
      padding: 16px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main {
      padding: 0
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head {
  padding: 0 0 16px;
  margin: 0 0 12px;
  display: flex;
  align-items: baseline;
  border-bottom: solid 1px #e5e9ed
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--full,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--select,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--file,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--checkbox,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--radio,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--radio--beyond {
  margin-left: auto;
  display: flex;
  align-items: center
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--full span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--select span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--file span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--checkbox span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--radio span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head>.c-input--radio--beyond span {
  margin: 0 0 0 4px;
  font-size: 12px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action {
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  min-width: 1px
}

@media screen and (max-width: 480px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action {
      align-items: baseline
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--full,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--select,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--file,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--checkbox,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--radio,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--radio--beyond {
  margin: 0 0 0 16px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 480px) {

  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--full,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--select,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--file,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--checkbox,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--radio,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--radio--beyond {
      margin: 0 0 0 8px
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--full span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--select span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--file span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--checkbox span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--radio span,
.p-onlineShopMypage--corporation .p-onlineShopMypage__main__head__action .c-input--radio--beyond span {
  margin: 0 0 0 4px;
  font-size: 12px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__main__body>p {
  color: #acacac;
  font-size: 16px;
  margin: 24px 0 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__main__body>p {
      margin: 8px 0 0;
      font-size: 15px
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside {
  flex: 0 0 auto;
  width: 320px;
  padding: 25px
}

@media screen and (max-width: 1080px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__aside {
      padding: 16px;
      width: 260px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__aside {
      width: auto;
      flex: auto;
      min-width: 1px;
      padding: 0;
      margin: 56px 0 0
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__box+.p-onlineShopMypage__aside__box {
  margin: 32px 0 0
}

@media screen and (max-width: 768px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__aside__box#application_aside {
      display: none
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__head {
  display: flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 0px 8px;
  border-bottom: solid 1px #e5e9ed;
  background: #f3f5f7
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__head__title {
  font-size: 14px;
  font-weight: 400;
  color: #4a5258
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__head .p-buttonWrap {
  margin-left: auto
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__head .p-buttonWrap .c-button--text {
  color: #aaa;
  text-decoration: underline;
  padding: 0
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list {
  flex: auto;
  min-width: 1px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list__item {
  border-bottom: none;
  padding: 0
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list__item+.p-list__item {
  margin: 16px 0 0
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list__item p {
  color: #222323;
  line-height: 1.2em
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list__item p.title {
  font-size: 12px;
  flex: 0 0 auto;
  width: 100px;
  color: #666
}

@media screen and (max-width: 1080px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list__item p.title {
      width: 80px
  }
}

@media screen and (max-width: 768px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list__item p.title {
      width: 100px
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__aside__body .p-list__item p.data {
  font-size: 14px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__head {
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: center;
  padding: 14px 24px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__head__title {
  font-size: 18px;
  font-weight: 600;
  color: #222
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list {
  background: #f4f5f8;
  flex: 0 0 auto;
  padding: 10px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list>li {
  background: #fff;
  border: solid 1px #e7eaee
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list>li+li {
  margin: 8px 0 0
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__head {
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: center;
  padding: 10px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__head .date {
  font-size: 16px;
  font-weight: 500;
  color: #222
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__head .order {
  font-size: 14px;
  color: #999;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__head .order:before {
  content: "ご注文番号 :";
  margin: 0 4px 0 0;
  font-size: 11px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__date {
  flex: auto;
  min-width: 1px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__body {
  border-bottom: solid 1px #eee;
  display: flex;
  padding: 12px 0 16px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__image {
  flex: 0 0 auto;
  width: 56px;
  margin: 0 14px 0 0
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__image .c-image,
.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__image .c-image--standard,
.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__image .c-image--wide,
.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__image .c-image--notification {
  background: #eee
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__text {
  flex: auto;
  min-width: 1px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__products p+p {
  margin: 2px 0 0
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__products .products {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__products .products small {
  display: inline-block;
  margin: 0 0 0 6px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__products .products--sub {
  color: #222;
  font-size: 12px;
  line-height: 1.3em
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__products .products--sub small {
  display: inline-block;
  margin: 0 0 0 4px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot {
  padding: 8px 10px 16px;
  display: flex;
  align-items: center
}

@media screen and (max-width: 560px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot {
      flex-wrap: wrap;
      align-items: flex-start
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .price,
.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .payment {
  font-size: 16px;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 12px 0 0
}

@media screen and (max-width: 1080px) {

  .p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .price,
  .p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .payment {
      flex-direction: column;
      flex: 0 0 auto;
      align-items: flex-start
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .price:before,
.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .payment:before {
  content: "支払金額 :";
  color: #999;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 1.2em
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .payment {
  font-size: 14px
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .payment:before {
  content: "支払方法 :"
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap {
  margin-left: auto
}

@media screen and (max-width: 560px) {
  .p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__list__foot .p-buttonWrap {
      width: auto;
      margin: 4px -2px -2px;
      flex: auto
  }
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__status {
  margin-left: auto;
  display: flex;
  padding: 0 0 0 16px;
  position: relative;
  font-weight: 500;
  color: #aaa;
  flex: 0 0 auto
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__status:before,
.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__status:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%)
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__status:after {
  transform: translate(0, -50%) scale(0.4);
  background: #fff
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__status--beforeShipping {
  color: #4194e6
}

.p-onlineShopMypage--corporation .p-onlineShopMypage__purchaseHistory__status--beforeShipping:before {
  background: #4194e6
}

.p-applicationCorp__notfound {
  display: block
}

.p-applicationCorp__notfound:hover {
  opacity: .8
}

.p-applicationCorp__notfound img {
  border: solid 2px #318c39;
  border-radius: 6px
}

.p-applicationCorp__notfound .sp {
  display: none
}

@media screen and (max-width: 560px) {
  .p-applicationCorp__notfound .sp {
      display: block
  }
}

@media screen and (max-width: 560px) {
  .p-applicationCorp__notfound .pc {
      display: none
  }
}

.p-applicationCorp__list__item {
  display: flex;
  align-items: center;
  padding: 6px 4px
}

.p-applicationCorp__list__item__label {
  flex: auto;
  min-width: 1px
}

.p-applicationCorp__list__item__label .title {
  line-height: 1.2em
}

.p-applicationCorp__list__item__data {
  flex: 0 0 auto;
  min-width: 120px
}

.p-applicationCorp__list__item__data .price {
  text-align: right
}

.p-applicationCorp__list__item--child {
  padding-left: 8px;
  border-top: dotted 2px #ddd
}

.p-applicationCorp__list__item--child .p-applicationCorp__list__item__label .title {
  font-size: 12px
}

.p-applicationCorp__list__item--total {
  border-top: solid 1px #dfe3e6
}

.p-applicationCorp__list__item--total .p-applicationCorp__list__item__data .price {
  font-weight: 500;
  color: #444
}

.p-applicationCorp__list__item--total .p-applicationCorp__list__item__data .price strong {
  font-size: 16px
}

.p-applicationCorp #application_main {
  display: none
}

@media screen and (max-width: 768px) {
  .p-applicationCorp #application_main {
      display: flex;
      margin-top: 6px
  }
}

.u-mt__4 {
  margin-top: 4px
}

.u-mt__8 {
  margin-top: 8px
}

.u-mt__12 {
  margin-top: 12px
}

.u-mt__16 {
  margin-top: 16px
}

.u-mt__20 {
  margin-top: 20px
}

.u-mt__24 {
  margin-top: 24px
}

.u-mt__28 {
  margin-top: 28px
}

.u-mt__32 {
  margin-top: 32px
}

.u-mt__36 {
  margin-top: 36px
}

.u-mt__40 {
  margin-top: 40px
}

.p-consultation {
  position: fixed;
  left: 15px;
  bottom: 48px;
  z-index: 2;
  display: flex;
  align-items: center;
  transition: all .2s ease
}

@media screen and (max-width: 480px) {
  .p-consultation {
      bottom: 40px
  }
}

.p-consultation .c-image,
.p-consultation .c-image--standard,
.p-consultation .c-image--wide,
.p-consultation .c-image--notification {
  flex: 0 0 auto;
  width: 80px;
  border-radius: 50%;
  background: #fff url(../img/common/consultation/p-consultation.png);
  border: solid 3px #176e39;
  box-shadow: 0 3px 6px rgba(224, 118, 142, .4);
  cursor: pointer;
  transition: all .2s ease
}

.p-consultation__text {
  flex: auto;
  min-width: 1px;
  padding: 0 0 0 10px;
  position: relative
}

.p-consultation__text__close {
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 1;
  cursor: pointer
}

.p-consultation__text__close span {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #aaa url(../img/common/consultation/p-consultation__text__close.svg) no-repeat center;
  background-size: contain
}

.p-consultation__text__balloon {
  padding: 8px 15px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #aaa;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1.5em;
  cursor: pointer
}

.p-consultation.hide .c-image,
.p-consultation.hide .c-image--standard,
.p-consultation.hide .c-image--wide,
.p-consultation.hide .c-image--notification {
  width: 56px
}

.p-consultation.hide .p-consultation__text {
  display: none
}

@media screen and (max-width: 768px) {

  .p-consultation__size--small .c-image,
  .p-consultation__size--small .c-image--standard,
  .p-consultation__size--small .c-image--wide,
  .p-consultation__size--small .c-image--notification {
      width: 56px
  }
}

.p-consultation--corporation {
  bottom: 16px;
  left: 16px
}

@media screen and (max-width: 480px) {
  .p-consultation--corporation {
      bottom: 8px;
      left: 8px
  }
}

.p-consultation--corporation .p-consultation__text {
  padding: 0
}

.p-consultation--corporation .p-consultation__text__balloon {
  width: 280px;
  height: 64px;
  background: #ffd53c;
  background: -moz-linear-gradient(top, #ffd53c 0%, #FFC72B 100%);
  background: -webkit-linear-gradient(top, #ffd53c 0%, #FFC72B 100%);
  background: linear-gradient(to bottom, #ffd53c 0%, #FFC72B 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  border: solid 1px #ffce80;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
  border-radius: 6px;
  color: #fff;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  font-weight: 500;
  padding-right: 24px
}

@media screen and (max-width: 480px) {
  .p-consultation--corporation .p-consultation__text__balloon {
      border-radius: 4px;
      padding: 0 0 0 8px;
      width: 234px;
      height: 56px;
      justify-content: flex-start;
      font-size: 20px
  }
}

.p-consultation--corporation .p-consultation__text__balloon:before {
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff url(../img/common/consultation/p-consultation.png) no-repeat center;
  background-size: contain;
  margin: 0 12px 0 0;
  flex: 0 0 auto;
  border: solid 2px #eaaf42;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .3)
}

@media screen and (max-width: 480px) {
  .p-consultation--corporation .p-consultation__text__balloon:before {
      margin: 0 6px 0 0;
      width: 40px;
      height: 40px
  }
}

.p-consultation--corporation .p-consultation__text__balloon strong {
  font-weight: 500;
  font-size: 24px
}

.p-consultation--corporation .p-consultation__text__balloon small {
  transform: translate(0, 2px);
  margin: 0 1px
}

@media screen and (max-width: 480px) {
  .p-consultation--corporation .p-consultation__text__balloon small {
      font-size: 18px
  }
}

@media screen and (max-width: 768px) {
  .lpMachine .p-consultation.move {
      bottom: 180px
  }
}

.lpMachine .p-consultation--header {
  position: relative;
  left: auto;
  bottom: auto !important;
  margin: 0 6px 0 auto
}

@media screen and (max-width: 768px) {
  .lpMachine .p-consultation--header {
      margin: 0 2px 0 auto
  }
}

.lpMachine .p-consultation--header .c-image,
.lpMachine .p-consultation--header .c-image--standard,
.lpMachine .p-consultation--header .c-image--wide,
.lpMachine .p-consultation--header .c-image--notification {
  width: 34px;
  border-width: 1px
}

@media screen and (max-width: 480px) {

  .lpMachine .p-consultation--header .c-image,
  .lpMachine .p-consultation--header .c-image--standard,
  .lpMachine .p-consultation--header .c-image--wide,
  .lpMachine .p-consultation--header .c-image--notification {
      width: 30px
  }
}

@media screen and (max-width: 480px) {
  .lpMachine .p-consultation--header .p-consultation__text {
      padding: 0 0 0 6px
  }
}

.lpMachine .p-consultation--header .p-consultation__text__close {
  display: none
}

.lpMachine .p-consultation--header .p-consultation__text__balloon {
  padding: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 400
}

@media screen and (max-width: 560px) {
  .lpMachine .p-consultation--header .p-consultation__text__balloon {
      line-height: 1.3em
  }
}

.p-bannerSlide {
  padding: 8px 0;
  background: #f7f2f2
}

@media screen and (max-width: 480px) {
  .p-bannerSlide .l-container {
      padding: 0
  }
}

.p-bannerSlide__list {
  display: flex;
  margin: 0
}

.p-bannerSlide__list li:focus {
  appearance: none
}

.p-bannerSlide__list a {
  padding: 2px;
  display: block;
  width: 100%
}

.p-bannerSlide__list a:hover {
  opacity: .5
}

.p-bannerSlide__list a:focus {
  outline: none !important
}

.p-bannerSlide__list a img {
  border: 2px solid #fff;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, .3);
  max-width: none;
  width: 100%;
  height: auto
}

.p-fixedBottom {
  position: fixed;
  bottom: 24px;
  right: 16px;
  z-index: 2;
  transition: all .4s ease;
  opacity: 0;
  pointer-events: none
}

@media screen and (max-width: 560px) {
  .p-fixedBottom {
      bottom: 24px;
      right: 4px
  }
}

.p-fixedBottom.is-active__fixedBottom--show {
  opacity: 1;
  pointer-events: all
}

.p-fixedBottom__banner {
  display: block;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .3)
}

@media screen and (min-width: 560px) {
  .p-fixedBottom__banner:hover {
      opacity: .7
  }
}

@media screen and (max-width: 560px) {
  .p-fixedBottom__banner img {
      width: 308px;
      height: 72px
  }
}

.p-fixedBottom__banner--round {
  border-radius: 200px;
  border: 4px solid #fff
}

@media screen and (max-width: 560px) {
  .p-fixedBottom__banner--round img {
      border-width: 2px;
      height: 144px;
      width: 144px
  }
}

.p-fixedBottom--row {
  width: 100%;
  right: 50%;
  bottom: 0;
  padding: 6px 8px 8px;
  transform: translate(50%, 0);
  display: flex;
  justify-content: center;
  z-index: 3;
  background: #fff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.1) 100%);
  border-top: solid 1px #e5e6e9;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, .06)
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row {
      padding: 0
  }
}

.p-fixedBottom--row .p-fixedBottom__banner {
  margin: 4px;
  height: 72px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  background: #eee;
  flex: 1;
  min-width: 1px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: #ffed4a;
  border: solid 1px #fff;
  border-radius: 4px;
  padding: 5px 8px 0;
  letter-spacing: .04em;
  position: relative;
  max-width: 400px
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner {
      font-size: 14px;
      height: 64px;
      margin: 0px;
      border-radius: 0;
      box-shadow: none;
      border-width: 1px;
      display: block;
      text-align: center;
      padding: 11px 0 0;
      line-height: 1.4em
  }
}

.p-fixedBottom--row .p-fixedBottom__banner:before,
.p-fixedBottom--row .p-fixedBottom__banner:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 54%;
  transform: translate(0, -50%);
  width: 32px;
  height: 32px;
  background-image: url(https://jibunde-esute.com/img/web/column/buttonArrow.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat
}

@media screen and (max-width: 768px) {

  .p-fixedBottom--row .p-fixedBottom__banner:before,
  .p-fixedBottom--row .p-fixedBottom__banner:after {
      display: block;
      width: 24px;
      height: 24px;
      right: 8px
  }
}

@media screen and (max-width: 560px) {

  .p-fixedBottom--row .p-fixedBottom__banner:before,
  .p-fixedBottom--row .p-fixedBottom__banner:after {
      right: 4px
  }
}

.p-fixedBottom--row .p-fixedBottom__banner:after {
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, .08);
  width: 28px;
  height: 28px;
  transform: translate(0, -50%);
  right: 11px;
  display: none
}

.p-fixedBottom--row .p-fixedBottom__banner br {
  display: none
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner br {
      display: block
  }
}

.p-fixedBottom--row .p-fixedBottom__banner small {
  color: #fff
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner small {
      font-size: 16px
  }
}

.p-fixedBottom--row .p-fixedBottom__banner b {
  color: #fff
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner b {
      font-size: 18px
  }
}

.p-fixedBottom--row .p-fixedBottom__banner strong {
  font-size: 34px;
  font-weight: 600;
  margin: 0 2px 0 4px;
  transform: translate(0, 3px)
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner strong {
      font-size: 24px
  }
}

.p-fixedBottom--row .p-fixedBottom__banner span {
  display: block;
  font-size: 16px;
  margin: -2px 0 0;
  width: 100%;
  text-align: center;
  color: #fff
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner span {
      font-size: 12px;
      margin: 0;
      letter-spacing: 0
  }
}

.p-fixedBottom--row .p-fixedBottom__banner--trial {
  background: #e0778d;
  background: -moz-linear-gradient(top, #e0778d 0%, #d53434 100%);
  background: -webkit-linear-gradient(top, #e0778d 0%, #d53434 100%);
  background: linear-gradient(to bottom, #e0778d 0%, #d53434 100%);
  padding-right: 20px
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner--trial {
      padding: 11px 0px 0;
      padding-right: 14px
  }
}

.p-fixedBottom--row .p-fixedBottom__banner--online {
  background: #41b961;
  background: -moz-linear-gradient(top, #00b901 0%, #0cad0d 100%);
  background: -webkit-linear-gradient(top, #00b901 0%, #0cad0d 100%);
  background: linear-gradient(to bottom, #00b901 0%, #0cad0d 100%);
  padding-right: 32px
}

@media screen and (max-width: 560px) {
  .p-fixedBottom--row .p-fixedBottom__banner--online {
      padding: 11px 0px 0;
      padding-right: 14px
  }
}

.p-pricePlan {
  margin: 0 -40px 0;
  overflow: hidden
}

@media screen and (max-width: 480px) {
  .p-pricePlan {
      margin: 0 -16px 0
  }
}

.p-pricePlan--register {
  margin: 0 -24px;
  padding: 24px 48px;
  background-color: #f2f4f6
}

@media screen and (max-width: 768px) {
  .p-pricePlan--register {
      padding: 24px
  }
}

.p-pricePlan__section__head {
  margin: 0 0 24px
}

.p-pricePlan__section__head__title {
  display: flex;
  justify-content: center;
  position: relative
}

.p-pricePlan__section__head__title:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #704b52;
  position: absolute;
  top: 50%;
  left: 0
}

.p-pricePlan__section__head__title span {
  padding: 0 1.2em;
  display: inline-flex;
  background-color: #fff;
  position: relative
}

.p-pricePlan__section__head__description {
  font-size: 14px;
  text-align: center;
  max-width: 560px;
  margin: 16px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.p-pricePlan__section__body {
  background-color: #f7f2f2;
  padding: 16px
}

@media screen and (max-width: 768px) {
  .p-pricePlan__section__body {
      padding: 16px 0
  }
}

.p-pricePlan--rental .p-pricePlan__section__body {
  background: #e5e9ee
}

@media screen and (max-width: 768px) {
  .p-pricePlan__section__body--rental {
      padding: 16px
  }
}

.p-pricePlan__section__body--lp {
  max-width: 780px;
  margin: auto
}

@media screen and (max-width: 700px) {
  .p-pricePlan__section__body--lp {
      max-width: 480px
  }
}

.p-pricePlan__section__body--subscription {
  background: none;
  padding: 0
}

.p-pricePlan__section__body--mens .p-pricePlan__box--studio {
  display: none
}

@media screen and (max-width: 768px) {
  .p-pricePlan__section__content {
      margin: 0 16px
  }
}

.p-pricePlan__section__content img {
  display: block;
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 480px) {
  .p-pricePlan__section__content img {
      max-width: 360px
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan__section__content img.pc {
      display: none
  }
}

.p-pricePlan__section__content img.sp {
  display: none
}

@media screen and (max-width: 768px) {
  .p-pricePlan__section__content img.sp {
      display: block
  }
}

.p-pricePlan__list {
  display: flex;
  opacity: 1 !important
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list {
      opacity: 0
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list.slick-initialized {
      display: flex;
      opacity: 1
  }
}

.p-pricePlan__list__item {
  border: 1px solid #e5e9ee
}

.p-pricePlan--register .p-pricePlan__list__item {
  margin: 16px 4px;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list__item {
      margin: 16px 4px;
      box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
  }
}

.p-pricePlan__list__item+.p-pricePlan__list__item {
  margin-left: -1px
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list__item+.p-pricePlan__list__item {
      margin: 16px 4px
  }
}

.p-pricePlan__list__item img {
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list__item img {
      width: 220px;
      height: 332px
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list--rental .p-pricePlan__list__item img {
      height: 540px
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list--rental--lp .p-pricePlan__list__item img {
      height: 470px
  }
}

.p-pricePlan__list__item__content {
  width: 240px;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, .1);
  display: flex;
  flex-direction: column;
  background-color: #fff
}

.p-pricePlan__list__item__content--recommend {
  position: relative
}

.p-pricePlan__list__item__content--recommend:before {
  content: "";
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  font-weight: 700;
  display: block;
  background-color: #d35e77;
  padding: .25rem;
  border: 1px solid #fff;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .2);
  position: absolute;
  top: -12px;
  left: -8px;
  z-index: 1;
  transform: rotate(-3deg)
}

.p-pricePlan__list__item__content__head {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: .13em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 100%;
  background-color: #45c3c9
}

.p-pricePlan__list__item__content__head--light {
  border-color: #45c3c9;
  background: #45c3c9
}

.p-pricePlan__list__item__content__head--silver {
  border-color: #7f8da5;
  background: #7f8da5
}

.p-pricePlan__list__item__content__head--pearl {
  border-color: #d19b99;
  background: #d19b99
}

.p-pricePlan__list__item__content__head--star {
  border-color: #ccaa7a;
  background: #ccaa7a
}

.p-pricePlan__list__item__content__head--lightGreen {
  border-color: #7abf73;
  background: #7abf73
}

.p-pricePlan__list__item__content__head--lightSapphire {
  border-color: #5775c7;
  background: #5775c7
}

.p-pricePlan__list__item__content__head--lightPink {
  border-color: #f198da;
  background: #f198da
}

.p-pricePlan__list__item__content__head--lightRuby {
  border-color: #c45275;
  background: #c45275
}

.p-pricePlan__list__item__content__body {
  padding: 16px 12px;
  width: 100%;
  flex: auto;
  min-width: 0;
  height: 356px
}

.p-pricePlan__list__item__content__body--narrow {
  height: auto
}

.p-pricePlan__list__item__content__body__top {
  height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.p-pricePlan__list__item__content__body__top__title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 1em;
  display: block;
  width: 100%;
  margin: 0 0 8px
}

.p-pricePlan__list__item--light .p-pricePlan__list__item__content__body__top__title {
  color: #45c3c9
}

.p-pricePlan__list__item--silver .p-pricePlan__list__item__content__body__top__title {
  color: #7f8da5
}

.p-pricePlan__list__item--pearl .p-pricePlan__list__item__content__body__top__title {
  color: #d19b99
}

.p-pricePlan__list__item--star .p-pricePlan__list__item__content__body__top__title {
  color: #ccaa7a
}

.p-pricePlan__list__item--lightGreen .p-pricePlan__list__item__content__body__top__title {
  color: #7abf73
}

.p-pricePlan__list__item--lightSapphire .p-pricePlan__list__item__content__body__top__title {
  color: #5775c7
}

.p-pricePlan__list__item--lightPink .p-pricePlan__list__item__content__body__top__title {
  color: #f198da
}

.p-pricePlan__list__item--lightRuby .p-pricePlan__list__item__content__body__top__title {
  color: #c45275
}

.p-pricePlan__list__item__content__body__top__price {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center
}

.p-pricePlan__list__item--light .p-pricePlan__list__item__content__body__top__price {
  color: #45c3c9
}

.p-pricePlan__list__item--silver .p-pricePlan__list__item__content__body__top__price {
  color: #7f8da5
}

.p-pricePlan__list__item--pearl .p-pricePlan__list__item__content__body__top__price {
  color: #d19b99
}

.p-pricePlan__list__item--star .p-pricePlan__list__item__content__body__top__price {
  color: #ccaa7a
}

.p-pricePlan__list__item--lightGreen .p-pricePlan__list__item__content__body__top__price {
  color: #7abf73
}

.p-pricePlan__list__item--lightSapphire .p-pricePlan__list__item__content__body__top__price {
  color: #5775c7
}

.p-pricePlan__list__item--lightPink .p-pricePlan__list__item__content__body__top__price {
  color: #f198da
}

.p-pricePlan__list__item--lightRuby .p-pricePlan__list__item__content__body__top__price {
  color: #c45275
}

.p-pricePlan__list__item__content__body__top__price__number {
  font-family: "Oswald";
  font-size: 40px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 .2em;
  letter-spacing: 0
}

.p-pricePlan__list__item--light .p-pricePlan__list__item__content__body__top__price__number {
  color: #45c3c9
}

.p-pricePlan__list__item--silver .p-pricePlan__list__item__content__body__top__price__number {
  color: #7f8da5
}

.p-pricePlan__list__item--pearl .p-pricePlan__list__item__content__body__top__price__number {
  color: #d19b99
}

.p-pricePlan__list__item--star .p-pricePlan__list__item__content__body__top__price__number {
  color: #ccaa7a
}

.p-pricePlan__list__item--lightGreen .p-pricePlan__list__item__content__body__top__price__number {
  color: #7abf73
}

.p-pricePlan__list__item--lightSapphire .p-pricePlan__list__item__content__body__top__price__number {
  color: #5775c7
}

.p-pricePlan__list__item--lightPink .p-pricePlan__list__item__content__body__top__price__number {
  color: #f198da
}

.p-pricePlan__list__item--lightRuby .p-pricePlan__list__item__content__body__top__price__number {
  color: #c45275
}

.p-pricePlan__list__item__content__body__top__price span {
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  line-height: 1.2em
}

.p-pricePlan__list__item__content__body__machine {
  margin: 24px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid #7f8391;
  position: relative
}

.p-pricePlan__list__item__content__body__machine:before {
  content: "";
  display: block;
  width: 100px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%)
}

.p-pricePlan__list__item__content__body__machine:after {
  content: "対象マシン";
  font-size: 13px;
  letter-spacing: .13em;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%)
}

.p-pricePlan__list__item__content__body__machine__list__item+.p-pricePlan__list__item__content__body__machine__list__item {
  padding: 8px 0 0;
  margin: 8px 0 0;
  border-top: 1px solid #e5e9ee
}

.p-pricePlan__list__item__content__body__machine__list__content {
  display: flex;
  align-items: center
}

.p-pricePlan__list__item__content__body__machine__list__content__main {
  flex: auto;
  min-width: 0
}

.p-pricePlan__list__item__content__body__machine__list__content__main__title {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  font-family: "Oswald";
  letter-spacing: .04em;
  line-height: 1.2em
}

.p-pricePlan__list__item__content__body__machine__list__content__main__title span {
  display: inline-block;
  font-size: 10px;
  line-height: 1em;
  color: #999;
  font-family: "noto sans jp"
}

.p-pricePlan__list__item__content__body__machine__list__content__action {
  flex: 0 0 64px;
  margin: 0 0 0 4px
}

.p-pricePlan__list__item__content__body__machine__list__content__action .c-button,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--accent,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--action,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--form,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--inline,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--inlineArrow,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--weak,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--line,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--full,
.p-pricePlan__list__item__content__body__machine__list__content__action .c-button--small,
.p-pricePlan__list__item__content__body__machine__list__content__action .p-home__middleNav__button {
  font-size: 11px;
  padding: 0 4px
}

.p-pricePlan__list__item__content__body__machine--shop:after {
  content: "内容"
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 8px;
  color: #222;
  letter-spacing: .04em
}

.p-pricePlan__list__item--light .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #45c3c9
}

.p-pricePlan__list__item--silver .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #7f8da5
}

.p-pricePlan__list__item--pearl .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #d19b99
}

.p-pricePlan__list__item--star .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #ccaa7a
}

.p-pricePlan__list__item--lightGreen .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #7abf73
}

.p-pricePlan__list__item--lightSapphire .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #5775c7
}

.p-pricePlan__list__item--lightPink .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #f198da
}

.p-pricePlan__list__item--lightRuby .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__title {
  color: #c45275
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__time {
  font-family: "Oswald";
  font-size: 32px;
  font-weight: 800;
  line-height: 1em;
  color: #222;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin: 0 0 16px
}

@media screen and (max-width: 960px) {
  .p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__time {
      margin: 0 0 6px
  }
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__time:before,
.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__time:after {
  font-size: 16px;
  font-weight: 900;
  font-family: "Montserrat", "Noto Sans JP", sans-serif
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__time:before {
  content: "利用時間";
  margin: 0 .6em 0 0
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__time:after {
  content: "分/日";
  margin: 0 0 0 .6em
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 6px;
  background: #fafafa
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__title {
  margin: 0 .8em 0 0;
  line-height: 1.4em;
  text-align: center;
  font-size: 13px;
  color: #222
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: "Oswald";
  font-size: 16px;
  font-weight: 800;
  color: #222
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__time span {
  display: none;
  align-items: center
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__time span:before {
  content: "";
  flex: 0 0 auto;
  width: 64px;
  height: 16px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin: 0 .2em 0 0
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__time span.daytime {
  display: flex
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__time span.daytime:before {
  width: 74px;
  background: url(../img/common/plan/time__daytime.svg)
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__time span.alltime {
  display: flex
}

.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__reception__time span.alltime:before {
  width: 90px;
  background: url(../img/common/plan/time__alltime.svg)
}

.p-pricePlan__list__item__content__body__machine+.p-pricePlan__list__item__content__body__machine--shop {
  padding: 16px 0 0;
  border-color: #e6e8ef
}

.p-pricePlan__list__item__content__body__machine+.p-pricePlan__list__item__content__body__machine--shop:before,
.p-pricePlan__list__item__content__body__machine+.p-pricePlan__list__item__content__body__machine--shop:after {
  display: none
}

.p-pricePlan__list__item__content__body__machine+.p-pricePlan__list__item__content__body__machine--shop .p-pricePlan__list__item__content__body__machine__time {
  margin: 0 0 6px
}

.p-pricePlan__list__item__content__foot {
  padding: 16px 12px;
  width: 100%
}

.p-pricePlan__list .slick-prev,
.p-pricePlan__list .slick-next {
  height: 90%;
  width: 18vw;
  background: rgba(0, 0, 0, 0)
}

.p-pricePlan__list .slick-prev:before,
.p-pricePlan__list .slick-next:before {
  content: none
}

.p-pricePlan__list--rental {
  flex-wrap: wrap;
  margin: -2px
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list--rental {
      max-width: 640px;
      margin: auto
  }
}

@media screen and (max-width: 480px) {
  .p-pricePlan__list--rental {
      max-width: 320px
  }
}

.p-pricePlan__list--rental .p-pricePlan__list__item {
  width: 33.33%;
  border: none;
  padding: 2px;
  margin: 0;
  box-shadow: none
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list--rental .p-pricePlan__list__item {
      width: 50%
  }
}

@media screen and (max-width: 480px) {
  .p-pricePlan__list--rental .p-pricePlan__list__item {
      width: 100%
  }
}

.p-pricePlan__list--rental .p-pricePlan__list__item__wrap {
  height: 100%;
  background: #fff
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list--rental .p-pricePlan__list__item img {
      width: 100%;
      height: auto
  }
}

.p-pricePlan__list--rental--lp {
  flex-wrap: wrap;
  margin: -3px
}

.p-pricePlan__list--rental--lp .p-pricePlan__list__item {
  width: 50%;
  padding: 3px;
  box-shadow: none
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list--rental--lp .p-pricePlan__list__item {
      margin: 0
  }
}

@media screen and (max-width: 480px) {
  .p-pricePlan__list--rental--lp .p-pricePlan__list__item {
      width: auto;
      flex: auto;
      min-width: 1px
  }
}

.p-pricePlan__list--rental--lp .p-pricePlan__list__item a {
  display: block;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .1)
}

.p-pricePlan__list--rental--lp .p-pricePlan__list__item a:hover {
  opacity: .8
}

.p-pricePlan__list--rental--lp .p-pricePlan__list__item a img {
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .p-pricePlan__list--rental--lp {
      flex-wrap: wrap;
      margin: -2px auto;
      padding: 0 16px;
      max-width: 540px
  }
}

@media screen and (max-width: 480px) {
  .p-pricePlan__list--rental--lp {
      max-width: 360px
  }
}

.p-pricePlan__labelList {
  opacity: 0;
  display: none
}

.p-pricePlan__labelList.slick-initialized {
  display: none
}

@media screen and (max-width: 768px) {
  .p-pricePlan__labelList.slick-initialized {
      display: flex;
      opacity: 1
  }
}

.p-pricePlan__labelList .slick-prev,
.p-pricePlan__labelList .slick-next {
  display: none !important
}

.p-pricePlan__labelList--register.slick-initialized {
  opacity: 1;
  display: flex
}

.p-pricePlan__labelList__item {
  flex: auto;
  min-width: 0;
  padding: 2px;
  max-width: 25%
}

.p-pricePlan__labelList__button {
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #e5e9ee;
  background: #fff;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

@media screen and (max-width: 480px) {
  .p-pricePlan__labelList__button {
      font-size: 12px
  }
}

@media screen and (max-width: 374px) {
  .p-pricePlan__labelList__button {
      font-size: 11px
  }
}

.slick-current .p-pricePlan__labelList__button {
  color: #fff
}

.slick-current .p-pricePlan__labelList__button--light {
  border-color: #45c3c9;
  background: #45c3c9
}

.slick-current .p-pricePlan__labelList__button--silver {
  border-color: #7f8da5;
  background: #7f8da5
}

.slick-current .p-pricePlan__labelList__button--pearl {
  border-color: #d19b99;
  background: #d19b99
}

.slick-current .p-pricePlan__labelList__button--star {
  border-color: #ccaa7a;
  background: #ccaa7a
}

.slick-current .p-pricePlan__labelList__button--lightGreen {
  border-color: #7abf73;
  background: #7abf73
}

.slick-current .p-pricePlan__labelList__button--lightSapphire {
  border-color: #5775c7;
  background: #5775c7
}

.slick-current .p-pricePlan__labelList__button--lightPink {
  border-color: #f198da;
  background: #f198da
}

.slick-current .p-pricePlan__labelList__button--lightRuby {
  border-color: #c45275;
  background: #c45275
}

.p-pricePlan__labelList .slick-list {
  padding: 0 4px !important;
  width: 100%
}

.p-pricePlan__labelList .slick-track {
  transform: unset !important;
  display: flex;
  flex-wrap: wrap;
  width: 100% !important
}

.p-pricePlan__labelList .slick-slide.slick-cloned {
  display: none
}

.p-pricePlan--carousel .p-pricePlan__labelList.slick-initialized {
  display: flex;
  opacity: 1
}

.p-pricePlan--carousel .p-pricePlan__list .slick-prev,
.p-pricePlan--carousel .p-pricePlan__list .slick-next {
  width: 170px
}

@media screen and (max-width: 768px) {

  .p-pricePlan--carousel .p-pricePlan__list .slick-prev,
  .p-pricePlan--carousel .p-pricePlan__list .slick-next {
      width: 200px;
      transform: translate(-50%, -50%)
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan--carousel .p-pricePlan__list .slick-prev {
      left: calc(50% - 230px)
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan--carousel .p-pricePlan__list .slick-next {
      left: calc(50% + 230px)
  }
}

.p-pricePlan__cardList {
  display: flex;
  flex-wrap: wrap
}

.p-pricePlan__cardList+.p-pricePlan__cardList {
  margin: 10px 0 0
}

.p-pricePlan__cardList__item {
  width: 25%;
  min-height: 300px;
  background: #fff;
  display: flex;
  flex-direction: column;
  border: solid 1px #e5e9ed
}

@media screen and (max-width: 1080px) {
  .p-pricePlan__cardList__item {
      width: 50%
  }
}

.p-pricePlan__cardList__item__title {
  flex: 0 0 auto;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #db5875
}

.p-pricePlan__cardList__item__body {
  flex: auto;
  min-height: 1px;
  padding: 18px 18px 10px;
  max-width: 240px;
  margin: 0 auto;
  width: 100%
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__body {
      padding: 18px 10px 10px
  }
}

.p-pricePlan__cardList__item__body__plan {
  text-align: center;
  display: table;
  margin: 0 auto;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #222
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__body__plan {
      display: flex;
      justify-content: center;
      align-items: center
  }
}

.p-pricePlan__cardList__item__body__plan:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: -23px;
  top: 46%;
  transform: translate(0, -50%);
  background-size: contain !important;
  display: none
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__body__plan:before {
      position: relative;
      left: auto;
      top: auto;
      transform: translate(0, 0);
      margin: 0 4px 0 0
  }
}

.p-pricePlan__cardList__item__body__plan--daytime:before {
  display: block;
  background: url(../img/common/plan/time__daytime__icon.svg)
}

.p-pricePlan__cardList__item__body__plan--alltime:before {
  display: block;
  background: url(../img/common/plan/time__alltime__icon.svg)
}

.p-pricePlan__cardList__item__body__price {
  display: table;
  margin: 8px auto 0;
  position: relative;
  font-size: 40px;
  font-weight: 600;
  font-family: "Oswald", "Roboto", sans-serif;
  color: #db5875;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__body__price {
      margin: 4px auto 0
  }
}

.p-pricePlan__cardList__item__body__price .tax {
  font-size: 24px;
  font-weight: 900;
  position: absolute;
  left: -26px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1
}

.p-pricePlan__cardList__item__body__price .tax:before {
  content: "税抜";
  font-size: 10px;
  font-weight: 900;
  margin: 0 0 2px
}

.p-pricePlan__cardList__item__body__price small {
  font-size: 30px
}

.p-pricePlan__cardList__item__body__price .unit {
  font-size: 14px;
  position: absolute;
  right: -26px;
  bottom: 2px;
  line-height: 1
}

.p-pricePlan__cardList__item__body>.tax {
  text-align: center;
  font-size: 13px;
  margin: 8px 0 0
}

.p-pricePlan__cardList__item__foot {
  flex: 0 0 auto;
  padding: 10px 8px 12px;
  max-width: 240px;
  margin: 0 auto;
  width: 100%
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot {
      padding: 10px
  }
}

.p-pricePlan__cardList__item__foot__title {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-pricePlan__cardList__item__foot__title:before,
.p-pricePlan__cardList__item__foot__title:after {
  content: "";
  flex: auto;
  min-width: 1px;
  height: 1px;
  background: #aaa;
  margin: 0 16px 0 0
}

.p-pricePlan__cardList__item__foot__title:after {
  margin: 0 0 0 16px
}

.p-pricePlan__cardList__item__foot__time {
  display: table;
  margin: 12px auto 0;
  font-size: 26px;
  font-weight: 600;
  font-family: "Oswald", "Roboto", sans-serif;
  color: #222;
  position: relative;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot__time {
      display: flex;
      align-items: baseline;
      justify-content: center;
      margin: 10px auto 0
  }
}

.p-pricePlan__cardList__item__foot__time .unit {
  position: absolute;
  bottom: 2px;
  font-size: 14px;
  width: 60px;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot__time .unit {
      width: auto;
      position: relative;
      bottom: auto
  }
}

.p-pricePlan__cardList__item__foot__time .unit--before {
  left: -70px;
  text-align: right
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot__time .unit--before {
      left: auto;
      margin: 0 6px 0 0
  }
}

.p-pricePlan__cardList__item__foot__time .unit--after {
  right: -70px;
  text-align: left;
  letter-spacing: 0
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot__time .unit--after {
      right: auto;
      margin: 0 0 0 6px
  }
}

.p-pricePlan__cardList__item__foot .btnarea .c-button,
.p-pricePlan__cardList__item__foot .btnarea .c-button--accent,
.p-pricePlan__cardList__item__foot .btnarea .c-button--action,
.p-pricePlan__cardList__item__foot .btnarea .c-button--form,
.p-pricePlan__cardList__item__foot .btnarea .c-button--inline,
.p-pricePlan__cardList__item__foot .btnarea .c-button--inlineArrow,
.p-pricePlan__cardList__item__foot .btnarea .c-button--weak,
.p-pricePlan__cardList__item__foot .btnarea .c-button--line,
.p-pricePlan__cardList__item__foot .btnarea .c-button--full,
.p-pricePlan__cardList__item__foot .btnarea .c-button--small,
.p-pricePlan__cardList__item__foot .btnarea .p-home__middleNav__button {
  font-weight: 600
}

.p-pricePlan__cardList__item__foot__reception {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  background: #f7f7f7;
  margin: 24px 0 0
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot__reception {
      display: block;
      margin: 16px 0 0
  }
}

.p-pricePlan__cardList__item__foot__reception p {
  font-size: 13px;
  font-family: "Montserrat", "Noto sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.1rem;
  color: #222
}

.p-pricePlan__cardList__item__foot__reception p.title {
  font-size: 12px;
  margin: 0 12px 0 0;
  text-align: center;
  color: #666
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot__reception p.title {
      margin: 0 0 4px;
      text-align: left
  }
}

@media screen and (max-width: 480px) {
  .p-pricePlan__cardList__item__foot__reception p.title br {
      display: none
  }
}

.p-pricePlan__cardList--studio .p-pricePlan__cardList__item {
  width: 50%
}

.p-pricePlan__cardList--studio .p-pricePlan__cardList__item__title {
  background: #7d58c4
}

.p-pricePlan__cardList--studio .p-pricePlan__cardList__item__body__price {
  color: #7d58c4
}

.p-pricePlan__form {
  padding: 24px 16px;
  background: #e9eef2
}

.p-pricePlan__form__head {
  margin: 0 0 16px 4px;
  border-left: solid 4px #db5875;
  padding: 0 0 0 18px
}

.p-pricePlan__form__head__title {
  color: #222;
  margin: 0 0 6px;
  line-height: 1.3rem;
  font-size: 18px;
  font-weight: 600;
  color: #222
}

.p-pricePlan__form__head__description {
  font-size: 13px;
  color: #444;
  line-height: 1.3rem
}

.p-pricePlan__form__head--studio {
  border-left-color: #7d58c4
}

.p-pricePlan__form__middle {
  max-width: 470px;
  margin: -6px auto 8px
}

.p-pricePlan__form__list>li {
  position: relative
}

.p-pricePlan__form__list>li+li {
  margin: 6px 0 0
}

.p-pricePlan__form__list>li input {
  position: absolute;
  opacity: 0
}

.p-pricePlan__form__list>li label,
.p-pricePlan__form__list>li .label {
  border-radius: 6px;
  background: #fff;
  padding: 8px;
  display: block;
  border: solid 2px #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
  padding-left: 54px;
  position: relative;
  cursor: pointer
}

.p-pricePlan__form__list>li label:before,
.p-pricePlan__form__list>li label:after,
.p-pricePlan__form__list>li .label:before,
.p-pricePlan__form__list>li .label:after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 1px #b6b9c3;
  position: absolute;
  left: 18px;
  top: 18px
}

.p-pricePlan__form__list>li label:after,
.p-pricePlan__form__list>li .label:after {
  transform-origin: center;
  transform: scale(0.5);
  background: #fff;
  display: none
}

.p-pricePlan__form__list>li label>a,
.p-pricePlan__form__list>li .label>a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%
}

.p-pricePlan__form__list>li input:checked+label:before,
.p-pricePlan__form__list>li input:checked+.label:before {
  border-color: #1c73e8;
  background: #1c73e8
}

.p-pricePlan__form__list>li input:checked+label:after,
.p-pricePlan__form__list>li input:checked+.label:after {
  display: block
}

.p-pricePlan__form__list>li .label {
  padding: 8px;
  border: solid 2px #cfd6e0
}

.p-pricePlan__form__list>li .label:hover {
  border-color: #1c73e7
}

.p-pricePlan__form__list>li .label:before,
.p-pricePlan__form__list>li .label:after {
  display: none !important
}

.p-pricePlan__form__list>li .label .p-pricePlan__form__list__item {
  padding: 4px;
  border: none
}

.p-pricePlan__form__list__item {
  padding: 10px 10px 10px 18px;
  border-left: solid 1px #e9eef2
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list__item {
      padding: 0px 0px 0px 10px
  }
}

.p-pricePlan__form__list__item__head {
  margin: -4px;
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list__item__head {
      margin: -2px;
      margin-bottom: 4px
  }
}

.p-pricePlan__form__list__item__head__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3rem;
  color: #222;
  display: flex;
  margin: 4px
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list__item__head__title {
      margin: 2px
  }
}

.p-pricePlan__form__list__item__head__title:before {
  content: "";
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.p-pricePlan__form__list__item__head__title--daytime:before {
  display: block;
  background: url(../img/common/plan/time__daytime__icon.svg)
}

.p-pricePlan__form__list__item__head__title--alltime:before {
  display: block;
  background: url(../img/common/plan/time__alltime__icon.svg)
}

.p-pricePlan__form__list__item__head .recommended {
  height: 18px;
  padding: 0 5px;
  background: #f5748f;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  margin: 4px;
  border-radius: 2px;
  line-height: 1;
  flex: 0 0 auto
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list__item__head .recommended {
      margin: 2px
  }
}

.p-pricePlan__form__list__item__body {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline
}

.p-pricePlan__form__list__item__body__info {
  padding-left: 28px
}

@media screen and (max-width: 560px) {
  .p-pricePlan__form__list__item__body__info {
      padding-left: 0
  }
}

.p-pricePlan__form__list__item__body__info p {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  color: #222
}

.p-pricePlan__form__list__item__body__info p[data-title]:before {
  content: attr(data-title);
  flex: 0 0 auto;
  width: 60px;
  font-size: 12px;
  color: #666
}

.p-pricePlan__form__list__item__body__info p strong {
  font-size: 15px;
  font-weight: 500;
  margin: 0 4px 0 0
}

.p-pricePlan__form__list__item__body__price {
  flex: 0 0 auto;
  margin: auto 0 0 auto;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  color: #222
}

@media screen and (max-width: 560px) {
  .p-pricePlan__form__list__item__body__price {
      padding: 6px 0 0
  }
}

.p-pricePlan__form__list__item__body__price .tax {
  font-size: 12px;
  font-weight: 500;
  margin: 0 6px 0 0;
  color: #666
}

.p-pricePlan__form__list__item__body__price small {
  font-size: 24px
}

.p-pricePlan__form__list__item__body__price .unit {
  font-size: 12px;
  font-weight: 600;
  color: #222
}

.p-pricePlan__form__list--campaign>li+li {
  margin: 8px 0 0
}

.p-pricePlan__form__list--campaign>li label,
.p-pricePlan__form__list--campaign>li .label {
  border-color: #a4bcd1
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label,
  .p-pricePlan__form__list--campaign>li .label {
      padding: 10px 8px 6px
  }
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label:before,
  .p-pricePlan__form__list--campaign>li label:after,
  .p-pricePlan__form__list--campaign>li .label:before,
  .p-pricePlan__form__list--campaign>li .label:after {
      width: 18px;
      height: 18px;
      left: 8px;
      top: 9px
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item {
  position: relative;
  padding: 4px 10px 4px 18px
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item {
      border: none;
      padding: 0
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item>.recommended,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item>.recommended {
  background: #339d68;
  width: 100px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 19px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  padding: 1px 0 0;
  margin: 0 0 6px
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item>.recommended,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item>.recommended {
      margin: 0 0 6px 28px;
      min-width: 74px;
      padding: 1px 8px 0;
      min-width: 74px;
      display: inline-flex;
      width: auto
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head {
  margin-bottom: 0;
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  min-width: 230px;
  width: 100%
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head {
      padding-left: 0;
      padding-right: 0
  }
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head__title,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head__title {
      font-size: 16px
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head__title small,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head__title small {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 0 0 6px;
  color: #444
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head .recommended,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head .recommended {
  font-size: 11px;
  height: 19px;
  background: #339d68;
  padding: 1px 8px 0
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head .recommended,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head .recommended {
      letter-spacing: .04em;
      padding: 0 6px
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head .recommended--reasonable,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head .recommended--reasonable {
  background: #ef4444
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head__minutes,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head__minutes {
  position: absolute;
  right: 0px;
  top: 3px;
  line-height: 1;
  width: 56px;
  height: 56px;
  background: #db5875;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 20px
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head__minutes,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head__minutes {
      width: 48px;
      height: 48px;
      font-size: 18px
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head__minutes small,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head__minutes small {
  font-size: 14px;
  margin: 0 0 0 2px;
  transform: translate(0, 1px)
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__head__minutes small,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__head__minutes small {
      font-size: 12px;
      margin: 0 0 0 1px
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__info,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__info {
  display: flex;
  padding-left: 0;
  margin: 0px -6px 4px;
  width: 100%
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__info,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__info {
      padding-left: 28px;
      margin: -2px -6px -5px
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__info p[data-title],
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__info p[data-title] {
  padding: 6px;
  font-size: 11px
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__info p[data-title]:before,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__info p[data-title]:before {
  width: auto;
  margin: 0 3px 0 0;
  color: #888;
  font-size: 11px
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__info p[data-title] strong,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__info p[data-title] strong {
  font-size: 13px
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price {
  font-size: 32px;
  margin: 0
}

@media screen and (max-width: 560px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price {
      padding: 2px 0 0;
      padding-left: 28px;
      font-size: 30px
  }
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price>small,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price>small {
  font-size: 30px;
  margin: 0 2px 0 0
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price .unit,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price .unit {
  width: 12px;
  display: inline-block;
  text-align: center;
  margin: 0 2px 0 0
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price .tax,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price .tax {
  margin: 0 0 0 4px;
  display: inline-block;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  letter-spacing: .04em;
  transform: translate(0px, -3px)
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price .campaign,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price .campaign {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: #f14646;
  padding: 5px 8px 4px;
  transform: translate(0, -3px);
  display: inline-block
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price .campaign b,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price .campaign b {
  font-size: 16px;
  margin: 0 2px
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__price .campaign small,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__price .campaign small {
  font-size: 12px;
  font-weight: 600;
  margin: 0 2px 0 0
}

.p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__campaign,
.p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__campaign {
  background: #09f902;
  height: 32px;
  color: #f12d2d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1;
  width: 100%
}

@media screen and (max-width: 480px) {

  .p-pricePlan__form__list--campaign>li label .p-pricePlan__form__list__item__body__campaign,
  .p-pricePlan__form__list--campaign>li .label .p-pricePlan__form__list__item__body__campaign {
      width: 100%;
      height: 30px;
      font-size: 16px;
      border-radius: 2px;
      margin: 4px auto 0
  }
}

.p-pricePlan__form__list--campaign>li input:checked+label,
.p-pricePlan__form__list--campaign>li input:checked+.label {
  border-color: #1a73e8;
  box-shadow: 0 2px 5px #ced7e3
}

.p-pricePlan__form__list--radio>li .label:before,
.p-pricePlan__form__list--radio>li .label:after {
  left: 10px;
  top: 10px
}

.p-pricePlan__form__list--radio>li .label:before {
  content: "";
  display: block !important
}

.p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item {
  padding: 4px 10px 4px 32px
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item {
      padding: 4px 10px 4px 28px
  }
}

@media screen and (max-width: 560px) {
  .p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__head {
      flex-direction: column;
      align-items: flex-start
  }
}

@media screen and (max-width: 560px) {
  .p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__price {
      padding-left: 0
  }
}

@media screen and (max-width: 560px) {
  .p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info {
      padding-left: 0
  }
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info {
      flex-wrap: wrap;
      margin: 4px 0 0
  }
}

.p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title] {
  padding: 2px 6px;
  line-height: 1.3em;
  padding-left: 60px;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

.p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title]:before {
  position: absolute;
  left: 0
}

.p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title]+p[data-title] {
  margin: 4px 0 0
}

.p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title].coin {
  display: inline-block;
  font-size: 14px
}

.p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title].coin strong {
  font-size: 18px;
  font-weight: 600;
  color: #ed9e1e;
  line-height: 1;
  margin: 0 2px 0 4px
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title].coin strong {
      font-size: 17px
  }
}

.p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title].coin br {
  display: none
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form__list--radio>li .label .p-pricePlan__form__list__item__body__info p[data-title].coin br {
      display: block
  }
}

.p-pricePlan__form__list--radio>li input:checked+.label:after {
  display: block !important
}

.p-pricePlan__form__space {
  padding: 16px 0
}

.p-pricePlan__form--campaign .p-pricePlan__form__head {
  display: flex;
  align-items: baseline;
  max-width: 470px;
  margin: 0 auto 16px
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form--campaign .p-pricePlan__form__head {
      padding-left: 10px;
      margin: 0 0 12px 4px
  }
}

.p-pricePlan__form--campaign .p-pricePlan__form__head__title {
  margin: 0 6px 0 0;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form--campaign .p-pricePlan__form__head__title {
      font-size: 16px
  }
}

.p-pricePlan__form--campaign .p-pricePlan__form__head__description {
  line-height: 1
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form--campaign .p-pricePlan__form__head__description {
      font-size: 12px
  }
}

.p-pricePlan__form--campaign .p-pricePlan__form__body {
  max-width: 480px;
  margin: auto
}

@media screen and (max-width: 480px) {
  .p-pricePlan__form--campaign .p-pricePlan__form__space {
      padding: 10px 0
  }
}

.p-pricePlan__box {
  background-color: #f7f2f2;
  padding: 16px
}

@media screen and (max-width: 480px) {
  .p-pricePlan__box {
      padding: 12px 0
  }
}

.p-pricePlan__box+.p-pricePlan__box {
  margin: 8px 0 0
}

.p-pricePlan__box__head {
  margin: 0 0 16px;
  padding: 0 0 0 4px
}

@media screen and (max-width: 480px) {
  .p-pricePlan__box__head {
      margin: 0 0 14px;
      padding: 0 16px
  }
}

.p-pricePlan__box__head__info {
  flex: 0 0 auto;
  margin: 0 0 6px;
  display: block;
  flex-wrap: wrap;
  align-items: baseline;
  text-align: center
}

@media screen and (max-width: 560px) {
  .p-pricePlan__box__head__info {
      text-align: left
  }
}

.p-pricePlan__box__head__title {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  flex: 0 0 auto;
  margin: 0 12px 0 0;
  color: #db5875
}

.p-pricePlan__box__head__description {
  font-size: 13px;
  line-height: 1.2rem;
  color: #85696f;
  flex: auto;
  min-width: 1px
}

.p-pricePlan__box__head__melit {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-align: center
}

@media screen and (max-width: 560px) {
  .p-pricePlan__box__head__melit {
      text-align: left;
      line-height: 1.3rem;
      font-size: 13px
  }
}

.p-pricePlan__box__head__melit small {
  display: block;
  margin: 2px 0 0
}

.p-pricePlan__box--studio {
  background-color: #f3f1f7
}

.p-pricePlan__box--studio .p-pricePlan__box__head__title {
  color: #7c59c4
}

.p-pricePlan__box--studio .p-pricePlan__box__head__description {
  color: #72678b
}

.p-swiperList__content {
  width: 100% !important
}

.p-pricePlan.new a {
  opacity: 1
}

.p-pricePlan.new a:hover {
  opacity: .8
}

.p-pricePlan.new .inner_price .box_price {
  padding-top: 60px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price {
      padding-top: 48px
  }
}

.p-pricePlan.new .inner_price .box_price:first-child {
  padding-top: 0
}

.p-pricePlan.new .inner_price .box_price .sec-ttl {
  font-size: 21px;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 25px
}

.p-pricePlan.new .inner_price .box_price .plan {
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan {
      padding: 0 16px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li {
  width: 50%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li {
      width: 100%;
      margin-bottom: 30px
  }

  .p-pricePlan.new .inner_price .box_price .plan li:last-child {
      margin-bottom: 0
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .label {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
  padding: 7px 0;
  display: block;
  text-align: center
}

.p-pricePlan.new .inner_price .box_price .plan li:nth-child(2n-1) .label {
  border-right: solid 1px #e5e9ed
}

.p-pricePlan.new .inner_price .box_price .plan li .in {
  display: flex;
  flex-wrap: wrap
}

.p-pricePlan.new .inner_price .box_price .plan li .item {
  width: 50%;
  padding: 20px 15px;
  border: solid 1px #e5e9ed;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item {
      padding: 20px 0
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item.pl0 {
  padding-left: 0
}

.p-pricePlan.new .inner_price .box_price .plan li .item.w100 {
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item.w100 {
      width: 50%
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .sub {
  margin-bottom: 15px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .sub {
      margin-bottom: 10px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .sub .ttl {
  width: 100%;
  margin-bottom: 10px
}

.p-pricePlan.new .inner_price .box_price .plan li .item .sub .ttl span {
  font-size: 19px;
  color: #000;
  font-weight: bold;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .sub .ttl span {
      font-size: 15px;
      padding-left: 10px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .sub .ttl span:before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  left: -28px;
  top: 50%;
  transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .sub .ttl span:before {
      width: 18px;
      height: 18px;
      left: -12px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .sub .ttl.day span:before {
  background: url(../img/common/plan/time__daytime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new .inner_price .box_price .plan li .item .sub .ttl.all span:before {
  background: url(../img/common/plan/time__alltime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new .inner_price .box_price .plan li .item .sub .txt {
  font-size: 12px;
  color: #000;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .sub .txt {
      font-size: 10px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .price {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.p-pricePlan.new .inner_price .box_price .plan li .item .price .txt01 {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  writing-mode: vertical-rl;
  display: inline-block
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .price .txt01 {
      font-size: 10px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .price .txt02 {
  font-size: 46px;
  color: #ff1818;
  font-family: "Oswald", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .03em;
  word-break: initial
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .price .txt02 {
      font-size: 34px;
      letter-spacing: 0
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .price .txt03 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .price .txt03 {
      font-size: 14px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .price .txt04 {
  font-size: 16px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .price .txt04 {
      font-size: 12px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .price .txt04 strong {
  color: #ff1818;
  font-weight: bold
}

.p-pricePlan.new .inner_price .box_price .plan li .item .machine {
  display: flex;
  align-items: center;
  height: auto
}

.p-pricePlan.new .inner_price .box_price .plan li .item .machine .img {
  width: 30%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .machine .img {
      width: 22%
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .machine .block {
  width: 70%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .item .machine .block {
      width: 78%;
      padding-left: 10px
  }
}

.p-pricePlan.new .inner_price .box_price .plan li .item .machine .block .name {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc
}

.p-pricePlan.new .inner_price .box_price .plan li .item .machine .block .name small {
  font-size: 12px
}

.p-pricePlan.new .inner_price .box_price .plan li .item .machine .block .price .txt01 {
  writing-mode: vertical-rl;
  display: inline-block
}

.p-pricePlan.new .inner_price .box_price .plan li .item .machine .block .price .txt02 {
  font-size: 34px
}

.p-pricePlan.new .inner_price .box_price .plan li .note {
  font-size: 12px;
  margin-top: 15px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price .plan li .note {
      font-size: 10px;
      margin-top: 10px
  }
}

.p-pricePlan.new .inner_price .box_price.salon .sec-ttl {
  background: #e07b91
}

.p-pricePlan.new .inner_price .box_price.salon .plan li .label {
  background: #e07b91
}

.p-pricePlan.new .inner_price .box_price.home .sec-ttl {
  background: #e89628
}

.p-pricePlan.new .inner_price .box_price.home .plan li .label.color01 {
  background: #e89628
}

.p-pricePlan.new .inner_price .box_price.home .plan li .label.color02 {
  background: #65d138
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price .box_price.home .plan li .in .item {
      width: 100%;
      padding: 12px 15px
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_salon {
  display: flex;
  align-items: center;
  height: auto;
  max-width: 750px;
  margin: 0 auto 30px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_salon {
      padding: 0 16px;
      margin-bottom: 20px
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_salon .img {
  width: 40%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_salon .img {
      width: 51%
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_salon .txt {
  width: 60%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_salon .txt {
      width: 49%
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_salon .txt p {
  font-size: 21px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_salon .txt p {
      font-size: 16px
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_salon .txt p .sp {
  display: none
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_salon .txt p .sp {
      display: block
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_salon .txt p .pc {
      display: none
  }
}

.p-pricePlan.new .inner_price #sec_salon .cat {
  max-width: 710px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: space-between;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .cat {
      margin-bottom: 20px;
      padding: 0 16px
  }
}

.p-pricePlan.new .inner_price #sec_salon .cat li {
  width: 31%;
  background: #efb1bd;
  font-size: 21px;
  color: #000;
  font-weight: bold;
  border-radius: 7px;
  padding: 10px 0
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .cat li {
      font-size: 15px;
      padding: 7px 0
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan {
  max-width: 750px;
  margin: 0 auto
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .intro {
  display: flex;
  height: auto;
  background: #efefef;
  margin-bottom: 10px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .intro {
      margin-bottom: 0
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .intro .block {
  width: 60%;
  padding: 70px 30px 70px 30px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .intro .block {
      padding: 35px 15px 35px 20px
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .intro .block .ttl {
  font-size: 21px;
  color: #000;
  font-weight: bold;
  margin-bottom: 7px
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .intro .block .txt {
  font-size: 14px;
  color: #000;
  line-height: 1.8em
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .intro .block .txt {
      font-size: 12px;
      line-height: 1.6em
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .intro .img {
  width: 40%
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
  width: 48%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item {
      padding: 20px 0;
      width: 100%
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block {
  width: 60%;
  padding-right: 12px
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block .ttl {
  margin: 8px 0 10px
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block .ttl span {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  position: relative;
  padding-left: 28px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block .ttl span {
      font-size: 18px
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block .ttl span:before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block .ttl.day span:before {
  background: url(../img/common/plan/time__daytime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block .ttl.all span:before {
  background: url(../img/common/plan/time__alltime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .block .txt {
  font-size: 12px;
  color: #000;
  width: 100%
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price {
  width: 40%;
  text-align: center
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p.tax {
  margin-top: -8px
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p span {
  font-size: 12px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p span {
      font-size: 10px
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p .txt01 {
  writing-mode: vertical-rl;
  display: inline-block
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p .txt02 {
  font-size: 34px;
  color: #ff1818;
  font-family: "Oswald", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .03em;
  word-break: initial
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p .txt02 {
      letter-spacing: 0
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p .txt03 {
  font-size: 14px;
  width: 100%
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p .txt04 {
  font-size: 16px;
  color: #000;
  font-weight: bold
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price p .txt04 strong {
  color: #ff1818;
  font-weight: bold
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .plan .item .price a {
  display: block;
  background: #e07b91;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  border-radius: 7px;
  padding: 7px 0;
  text-align: center;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .1)
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan .note {
  font-size: 12px;
  margin-top: 15px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_salon .inner_plan .note {
      font-size: 10px;
      margin-top: 10px;
      padding: 0 16px
  }
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan.plan01 .intro .block {
  border-left: 5px solid #e07b91
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan.plan01 .intro .img {
  background: url(../img/web/price/img_plan01.jpg) no-repeat center center;
  background-size: cover
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan.plan02 .intro .block {
  border-left: 5px solid #7d58c4
}

.p-pricePlan.new .inner_price #sec_salon .inner_plan.plan02 .intro .img {
  background: url(../img/web/price/img_plan02.jpg) no-repeat center center;
  background-size: cover
}

.p-pricePlan.new .inner_price #sec_home .inner_salon {
  display: flex;
  align-items: center;
  height: auto;
  max-width: 750px;
  margin: 0 auto 30px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .inner_salon {
      padding: 0 16px;
      margin-bottom: 20px
  }
}

.p-pricePlan.new .inner_price #sec_home .inner_salon .img {
  width: 40%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .inner_salon .img {
      width: 51%
  }
}

.p-pricePlan.new .inner_price #sec_home .inner_salon .txt {
  width: 60%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .inner_salon .txt {
      width: 49%
  }
}

.p-pricePlan.new .inner_price #sec_home .inner_salon .txt p {
  font-size: 21px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .inner_salon .txt p {
      font-size: 16px
  }
}

.p-pricePlan.new .inner_price #sec_home .inner_salon .txt p .sp {
  display: none
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .inner_salon .txt p .sp {
      display: block
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .inner_salon .txt p .pc {
      display: none
  }
}

.p-pricePlan.new .inner_price #sec_home .cat {
  max-width: 710px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: space-between;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .cat {
      margin-bottom: 20px;
      padding: 0 16px
  }
}

.p-pricePlan.new .inner_price #sec_home .cat li {
  width: 31%;
  background: #e89628;
  font-size: 21px;
  color: #000;
  font-weight: bold;
  border-radius: 7px;
  padding: 10px 0
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .cat li {
      font-size: 15px;
      padding: 7px 0
  }
}

.p-pricePlan.new .inner_price #sec_home .cat li strong {
  color: #ff1818;
  font-weight: bold
}

.p-pricePlan.new .inner_price #sec_home .machine {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.p-pricePlan.new .inner_price #sec_home .machine .item {
  width: 49%;
  margin-bottom: 40px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item {
      width: 100%
  }

  .p-pricePlan.new .inner_price #sec_home .machine .item:last-child {
      margin-bottom: 0
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox {
  display: flex;
  align-items: center;
  height: auto;
  padding: 15px;
  background: #efefef;
  margin-bottom: 20px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox {
      padding: 10px;
      margin-bottom: 15px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .img {
  width: 67px
}

.p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block {
  width: calc(100% - 67px);
  padding-left: 10px
}

.p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .name {
  font-size: 17px;
  color: #000;
  font-weight: bold;
  margin-bottom: 7px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .name {
      font-size: 15px;
      margin-bottom: 5px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .name a {
  font-size: 11px;
  color: #000;
  font-weight: bold;
  border: 1px solid #000;
  padding: 3px 7px;
  line-height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 7px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .name a {
      font-size: 10px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .txt01 {
  font-size: 14px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .txt01 {
      font-size: 12px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .txt02 {
  font-size: 12px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .ttlbox .block .txt02 {
      font-size: 10px;
      line-height: 1.5em
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .price {
      padding: 0 16px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 15px
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in:last-child {
  margin-bottom: 0
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt {
  width: 50%
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p:last-child {
  margin-bottom: 0
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p.tax {
  margin-top: -6px
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p span {
  font-size: 12px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p span {
      font-size: 10px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p .txt01 {
  writing-mode: vertical-rl;
  display: inline-block
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p .txt02 {
  font-size: 34px;
  color: #ff1818;
  font-family: "Oswald", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .03em;
  word-break: initial
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p .txt03 {
  width: 100%;
  font-size: 14px
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p .txt03.vertical {
  font-size: 12px;
  writing-mode: vertical-rl;
  display: inline-block;
  width: auto
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p .txt03.vertical {
      font-size: 10px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p .txt04 {
  font-size: 16px;
  color: #000;
  font-weight: bold
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .txt p .txt04 strong {
  color: #ff1818;
  font-weight: bold
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .btn {
  width: 50%
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .btn a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 17px;
  color: #000;
  font-weight: bold;
  border-radius: 7px;
  padding: 7px 0;
  text-align: center;
  height: 100%;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .price .in .btn a {
      font-size: 14px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .btn a strong {
  font-weight: bold
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in .btn a strong span {
  font-size: 14px;
  line-height: 1em;
  padding: 2px 7px;
  display: inline-block;
  margin-bottom: 3px;
  background: #fcf54d
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new .inner_price #sec_home .machine .item .price .in .btn a strong span {
      font-size: 11px;
      margin-bottom: 8px
  }
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in:first-child .btn a {
  background: #e89628
}

.p-pricePlan.new .inner_price #sec_home .machine .item .price .in:last-child .btn a {
  background: #65d138
}

.p-pricePlan.new02 {
  margin: 0
}

.p-pricePlan.new02 a {
  opacity: 1
}

.p-pricePlan.new02 a:hover {
  opacity: .8
}

.p-pricePlan.new02 .sp {
  display: none !important
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sp {
      display: block !important
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .pc {
      display: none !important
  }
}

.p-pricePlan.new02 .sec_intro {
  background: #f6f7fa;
  padding: 58px 15px 40px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro {
      padding: 40px 15px
  }
}

.p-pricePlan.new02 .sec_intro .p-cta3__head {
  margin-bottom: 35px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .p-cta3__head {
      margin-bottom: 25px
  }
}

.p-pricePlan.new02 .sec_intro .p-cta3__head__balloon {
  background: #fff;
  transform: translateX(0)
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .p-cta3__head__balloon {
      align-self: auto;
      padding: 0 1.8rem
  }
}

.p-pricePlan.new02 .sec_intro .p-cta3__head__balloon:before {
  height: 2px;
  background: #f6f7fa
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .p-cta3__head__balloon:before {
      bottom: 0
  }
}

.p-pricePlan.new02 .sec_intro .price_outer {
  max-width: 925px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price {
  background: #fff;
  width: 50%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price {
      width: 100%;
      margin-bottom: 30px !important
  }

  .p-pricePlan.new02 .sec_intro .price_outer .box_price:last-child {
      margin-bottom: 0 !important
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl {
  text-align: center;
  padding: 13px 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl {
      padding: 7px 10px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl .label {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  border: 1px solid #fff;
  border-radius: 9999px;
  width: 102px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl .label {
      font-size: 12px;
      width: 82px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl .ttl {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  letter-spacing: .07em;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl .ttl {
      font-size: 20px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl .more {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .07em;
  background: #fff;
  border-radius: 7px;
  line-height: 1em;
  padding: 10px 0;
  text-align: center;
  width: 120px;
  display: inline-block;
  margin: 0 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .sec_ttl .more {
      font-size: 12px;
      width: 89px;
      padding: 8px 0
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .in {
  display: flex;
  flex-wrap: wrap
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item {
  width: 50%;
  padding: 18px 10px 18px 15px;
  border: solid 1px #e5e9ed;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item {
      padding: 18px 0
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item.pl0 {
  padding-left: 0
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item.pl0 {
      width: 100%;
      padding: 18px 30px 18px 15px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item.w100 {
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item.w100 {
      width: 50%
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub {
  margin-bottom: 10px
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .ttl {
  width: 100%;
  margin-bottom: 10px
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .ttl span {
  font-size: 19px;
  color: #000;
  font-weight: bold;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .ttl span {
      font-size: 17px;
      padding-left: 10px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .ttl span:before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  left: -28px;
  top: 50%;
  transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .ttl span:before {
      width: 18px;
      height: 18px;
      left: -12px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .ttl.day span:before {
  background: url(../img/common/plan/time__daytime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .ttl.all span:before {
  background: url(../img/common/plan/time__alltime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .txt {
  font-size: 12px;
  color: #000;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .sub .txt {
      font-size: 10px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt01 {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  writing-mode: vertical-rl;
  display: inline-block
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt01 {
      font-size: 10px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt02 {
  font-size: 30px;
  color: #176e39;
  font-weight: 700;
  line-height: 1em;
  word-break: initial
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt02 small {
  font-size: 18px
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt03 {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  width: 100%;
  line-height: 1em
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt03 {
      font-size: 14px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt04 {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  line-height: 1.4em
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt04 {
      font-size: 12px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .price .txt04 strong {
  font-size: 23px;
  color: #176e39;
  font-weight: bold;
  display: block
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine {
  display: flex;
  align-items: center;
  height: auto
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .img {
  width: 30%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .img {
      width: 28%
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block {
  width: 70%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block {
      width: 72%;
      padding-left: 10px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block .name {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  padding-bottom: 3px;
  border-bottom: 1px solid #000
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block .name small {
  font-size: 13px
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block .price .txt01 {
  writing-mode: vertical-rl;
  display: inline-block
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block .price .txt01 {
      font-size: 12px
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block .price .txt04 {
      font-size: 15px
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price .item .machine .block .price .txt04 {
      font-size: 15px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.salon {
  width: 100%;
  margin-bottom: 43px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price.salon {
      margin-bottom: 0
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .sec_ttl {
  background: #176e39;
  padding-left: 140px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .sec_ttl {
      padding-left: 0
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .sec_ttl .more {
  color: #176e39
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt01 {
  font-size: 14px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt01 {
      font-size: 10px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt02 {
  font-size: 41px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt02 {
      font-size: 36px;
      letter-spacing: -0.03em
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt02 small {
  font-size: 26px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt02 small {
      font-size: 23px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt03 {
  font-size: 16px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .box_price.salon .price .txt03 {
      font-size: 15px
  }
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.rental .sec_ttl {
  background: #704b52
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.rental .sec_ttl .more {
  color: #704b52
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.purchase .sec_ttl {
  background: #333
}

.p-pricePlan.new02 .sec_intro .price_outer .box_price.purchase .sec_ttl .more {
  color: #333
}

.p-pricePlan.new02 .sec_intro .price_outer .note {
  font-size: 12px;
  margin-top: 20px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_intro .price_outer .note {
      font-size: 10px;
      margin-top: 0
  }
}

.p-pricePlan.new02 .sec_price {
  padding: 0 15px
}

.p-pricePlan.new02 .sec_price .box_price {
  max-width: 925px;
  padding: 80px 0 0;
  margin: 0 auto
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price {
      padding: 50px 0 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .sec_ttl {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  letter-spacing: .07em;
  line-height: 1em;
  text-align: center;
  padding: 18px 20px;
  background: #176e39
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .sec_ttl {
      font-size: 20px;
      padding: 10px 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .frame {
  border: 1px solid #176e39;
  padding: 47px 40px 50px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .frame {
      padding: 30px 15px
  }
}

.p-pricePlan.new02 .sec_price .box_price#home .frame {
  padding-bottom: 0
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price#home .frame {
      padding-bottom: 20px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro {
  max-width: 776px;
  margin: 0 auto
}

.p-pricePlan.new02 .sec_price .box_price .intro .ttl {
  text-align: center
}

.p-pricePlan.new02 .sec_price .box_price .intro .ttl p {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  letter-spacing: .07em;
  display: inline-block;
  position: relative;
  margin: 0 0 30px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .ttl p {
      font-size: 16px;
      margin: 0 0 20px;
      line-height: 1.6em
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .ttl p:before,
.p-pricePlan.new02 .sec_price .box_price .intro .ttl p:after {
  content: "";
  background: url(../img/web/price/ico_ttl.svg) no-repeat left top/100%;
  width: 36px;
  height: 67px;
  position: absolute;
  bottom: 0
}

@media screen and (max-width: 768px) {

  .p-pricePlan.new02 .sec_price .box_price .intro .ttl p:before,
  .p-pricePlan.new02 .sec_price .box_price .intro .ttl p:after {
      width: 25px;
      height: 48px;
      bottom: 3px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .ttl p:before {
  left: -58px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .ttl p:before {
      left: -35px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .ttl p:after {
  right: -58px;
  transform: scale(-1, 1)
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .ttl p:after {
      right: -35px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .ttl p strong {
  color: #176e39;
  font-weight: bold
}

.p-pricePlan.new02 .sec_price .box_price .intro .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 45px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .row {
      margin-bottom: 20px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .row .img {
  width: 48%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .row .img {
      width: 100%
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .row .cat {
  width: 45%;
  margin-right: 10px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .row .cat {
      width: 100%;
      margin: 19px auto 0;
      max-width: 315px;
      display: flex;
      align-items: center;
      justify-content: space-between
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .row .cat li {
  margin-bottom: 10px;
  background: #176e39;
  padding: 14px 0;
  border-radius: 9999px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .row .cat li {
      width: 31%;
      height: 93px;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative
  }

  .p-pricePlan.new02 .sec_price .box_price .intro .row .cat li:before {
      content: "";
      background: url(../img/web/price/ico_check.svg) no-repeat left top/100%;
      width: 20px;
      height: 15px;
      position: absolute;
      top: 15px;
      left: 0;
      right: 0;
      margin: 0 auto;
      transform: translateY(0)
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .row .cat li:last-child {
  margin-bottom: 0
}

.p-pricePlan.new02 .sec_price .box_price .intro .row .cat li span {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  position: relative;
  padding-left: 26px;
  letter-spacing: .07em;
  line-height: 1.2em
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .row .cat li span {
      font-size: 16px;
      padding: 12px 0 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .row .cat li span:before {
  content: "";
  background: url(../img/web/price/ico_check.svg) no-repeat left top/100%;
  width: 20px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .row .cat li span:before {
      display: none
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .comment {
  background: #f2f4f8;
  padding: 21px 60px 21px 50px;
  margin-bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .comment {
      padding: 14px 10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .comment .block {
  width: 52.5%;
  background: #fff;
  border: 1px solid #222;
  border-radius: 6px;
  position: relative;
  min-height: 162px;
  display: flex;
  align-items: center;
  padding: 15px 15px 15px 44px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .comment .block {
      width: 53%;
      padding: 0 10px 0 17px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .comment .block:before {
  content: "";
  background: #fff;
  width: 2px;
  height: 49px;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%)
}

.p-pricePlan.new02 .sec_price .box_price .intro .comment .block:after {
  content: "";
  background: #000;
  width: 1px;
  height: 35px;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  right: -13px;
  top: 50%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .comment .block:after {
      height: 27px;
      right: -10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .comment .block p {
  font-size: 16px;
  color: #000
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .comment .block p {
      font-size: 13px
  }
}

.p-pricePlan.new02 .sec_price .box_price .intro .comment .block p strong {
  color: #176e39;
  font-weight: bold
}

.p-pricePlan.new02 .sec_price .box_price .intro .comment .img {
  width: 37.5%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .intro .comment .img {
      width: 40%
  }
}

.p-pricePlan.new02 .sec_price .box_price hr {
  border: none;
  border-bottom: 1px solid #176e39;
  padding: 0;
  margin: 0 0 15px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price hr {
      margin: 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 775px;
  margin: 0 auto
}

.p-pricePlan.new02 .sec_price .box_price .plan .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #e5e9ed;
  padding: 25px 0;
  width: 48%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item {
      padding: 20px 0;
      width: 100%
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .block {
  width: 50%;
  padding-right: 12px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item .block {
      padding-right: 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .block .ttl {
  margin: 8px 0 5px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item .block .ttl {
      margin-bottom: 2px
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .block .ttl span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  position: relative;
  padding-left: 26px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item .block .ttl span {
      font-size: 17px
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .block .ttl span:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .block .ttl.day span:before {
  background: url(../img/common/plan/time__daytime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .block .ttl.all span:before {
  background: url(../img/common/plan/time__alltime__icon.svg) no-repeat left top;
  background-size: 100%
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .block .txt {
  font-size: 12px;
  color: #000;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item .block .txt {
      font-size: 10px;
      line-height: 1.5em
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price {
  width: 50%;
  text-align: center
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price p {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price p span {
  font-size: 12px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item .price p span {
      font-size: 10px;
      line-height: 1.4em
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price p .txt01 {
  writing-mode: vertical-rl;
  display: inline-block
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price p .txt02 {
  font-size: 39px;
  color: #176e39;
  font-weight: 700;
  line-height: 1em;
  word-break: initial
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item .price p .txt02 {
      font-size: 34px
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price p .txt02 small {
  font-size: 24px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .plan .item .price p .txt02 small {
      font-size: 19px
  }
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price p .txt03 {
  font-size: 14px;
  width: 100%;
  line-height: 1em
}

.p-pricePlan.new02 .sec_price .box_price .plan .item .price p .txt04 {
  font-size: 15px;
  color: #000;
  font-weight: bold
}

.p-pricePlan.new02 .sec_price .box_price .plan .item a {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  display: block;
  background: #e07b91;
  border-radius: 7px;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin-top: 13px
}

.p-pricePlan.new02 .sec_price .box_price .note {
  font-size: 12px;
  max-width: 775px;
  margin: 15px auto 0
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .note {
      font-size: 10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine {
  max-width: 775px;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine {
      margin-top: 32px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item {
  width: 48%;
  margin-bottom: 25px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item {
      width: 100%
  }

  .p-pricePlan.new02 .sec_price .box_price .machine .item:last-child {
      margin-bottom: 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .label {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background: #ec5152;
  text-align: center;
  padding: 2px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .label {
      font-size: 12px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox {
  display: flex;
  align-items: center;
  height: auto;
  padding: 15px 5px 15px 15px;
  background: #f2f4f8;
  margin-bottom: 5px
}

@media only screen and (min-width: 769px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox.height {
      min-height: 150px
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox {
      padding: 12px 0 12px 10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .img {
  width: 75px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .img {
      width: 65px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .img span {
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: -20px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .img span {
      top: -28px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .img span.color01 {
  background: #c20029
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .img span.color02 {
  background: #ff7b41
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block {
  width: calc(100% - 75px);
  padding-left: 11px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block {
      width: calc(100% - 65px)
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .name {
  font-size: 17px;
  color: #000;
  font-weight: bold;
  margin-bottom: 5px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .name {
      font-size: 14px;
      margin-bottom: 5px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .name a {
  font-size: 11px;
  color: #000;
  font-weight: bold;
  background: #fff;
  border: 1px solid #000;
  border-radius: 6px;
  padding: 4px 7px 3px;
  line-height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 7px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .name a {
      font-size: 10px;
      margin-left: 3px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .ja {
  font-size: 13px;
  color: #000;
  font-weight: bold;
  margin-top: -7px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .ja {
      font-size: 10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .txt01 {
  font-size: 15px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .txt01 {
      font-size: 12px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .txt02 {
  font-size: 12px;
  color: #000;
  line-height: 1.4em
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .ttlbox .block .txt02 {
      font-size: 10px
  }
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price {
      padding: 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e5e9ed
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in {
      padding: 17px 0
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in:last-child {
  margin-bottom: 0;
  border-bottom: none
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt {
  width: 50%
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt.w100 {
  width: 100%;
  min-height: 55px;
  display: flex;
  justify-content: center;
  align-items: center
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt.w100 p {
  display: block;
  margin-bottom: 0
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p span {
  font-size: 12px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p span {
      font-size: 10px;
      line-height: 1.4em
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt01 {
  writing-mode: vertical-rl;
  display: inline-block;
  margin-top: 3px
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt02 {
  font-size: 30px;
  color: #176e39;
  font-weight: 700;
  line-height: 1em;
  word-break: initial
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt02 {
      font-size: 24px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt02 small {
  font-size: 18px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt02 small {
      font-size: 15px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt03 {
  width: 100%;
  font-size: 15px;
  color: #000;
  line-height: 1em;
  display: block;
  margin-left: 18px
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt03 {
      font-size: 12px;
      margin-left: 12px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt03.vertical {
  font-size: 12px;
  width: auto;
  writing-mode: vertical-rl;
  display: inline-block;
  margin: 3px 0 0
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt03.vertical {
      font-size: 10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt04 {
  font-size: 23px;
  color: #000;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt04 {
      font-size: 20px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .txt p .txt04 strong {
  color: #176e39;
  font-weight: bold
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .btn {
  width: 50%
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .btn a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
  padding: 7px 15px;
  text-align: center;
  height: 100%
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .btn a {
      padding: 7px 10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .btn a strong {
  font-weight: bold;
  width: 100%
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .btn a strong span {
  font-size: 11px;
  color: #000;
  line-height: 1em;
  padding: 6px 0 5px;
  width: 100%;
  margin-bottom: 5px;
  background: #fdfc53;
  display: inline-block
}

@media screen and (max-width: 768px) {
  .p-pricePlan.new02 .sec_price .box_price .machine .item .price .in .btn a strong span {
      font-size: 10px
  }
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in:first-child .btn a {
  background: #704b52
}

.p-pricePlan.new02 .sec_price .box_price .machine .item .price .in:last-child .btn a {
  background: #333
}

.p-errorPage {
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

.p-errorPage__head__title {
  color: #176e39;
  font-size: 120px;
  font-weight: 700;
  line-height: 1em;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-errorPage__head__title {
      font-size: 100px
  }
}

.p-errorPage__head__subTitle {
  color: #176e39;
  font-size: 40px;
  font-weight: 600;
  line-height: 1em;
  margin: 8px 0 0;
  text-align: center
}

@media screen and (max-width: 480px) {
  .p-errorPage__head__subTitle {
      font-size: 24px
  }
}

.p-errorPage__body {
  margin: 32px 0 0;
  text-align: center
}

.p-errorPage__body__title {
  font-size: 20px;
  font-weight: 700
}

@media screen and (max-width: 480px) {
  .p-errorPage__body__title {
      font-size: 18px
  }
}

.p-errorPage__body__description {
  margin: 16px 0 0
}

.p-errorPage__foot {
  margin: 40px 0 0
}

.p-pr {
  margin: 72px 0 0;
  position: relative
}

.p-pr:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 50px 0 50px;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  left: 50%;
  top: -16px;
  transform: translate(-50%, -100%)
}

.p-pr__head {
  margin: 0 0 8px
}

.p-pr__head .title {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: #222
}

@media screen and (max-width: 768px) {
  .p-pr__head .title {
      font-size: 28px
  }
}

@media screen and (max-width: 480px) {
  .p-pr__head .title {
      font-size: 20px
  }
}

.p-pr__head .title strong {
  font-size: 40px;
  font-weight: 800;
  padding: 0 4px;
  color: #e0778d
}

@media screen and (max-width: 768px) {
  .p-pr__head .title strong {
      font-size: 36px
  }
}

@media screen and (max-width: 480px) {
  .p-pr__head .title strong {
      font-size: 26px
  }
}

.p-pr__body {
  background: #fff;
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, .2);
  display: flex;
  align-items: flex-start
}

@media screen and (max-width: 768px) {
  .p-pr__body {
      display: block
  }
}

@media screen and (max-width: 768px) {
  .p-pr__body {
      max-width: 480px;
      margin: auto
  }
}

.p-pr__body__image {
  flex: 0 0 auto;
  width: 36%;
  height: auto
}

@media screen and (max-width: 768px) {
  .p-pr__body__image {
      display: none
  }
}

.p-pr__body__image--sp {
  display: none
}

.p-pr__body__image--sp img {
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pr__body__image--sp {
      display: block
  }
}

.p-pr__body__video {
  flex: auto;
  min-width: 1px;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-pr__body__video {
      display: none
  }
}

.p-pr__body__video--sp {
  display: none
}

@media screen and (max-width: 768px) {
  .p-pr__body__video--sp {
      display: block
  }
}

.p-pr__foot {
  margin: 4px 0 0
}

@media screen and (max-width: 768px) {
  .p-pr__foot {
      max-width: 480px;
      margin: 4px auto 0
  }
}

.p-pr__foot__button {
  padding: 0;
  color: #d68490
}

.p-pr__foot__button:hover {
  opacity: .6
}

.p-pr--white {
  margin: 88px 0 0
}

@media screen and (max-width: 480px) {
  .p-pr--white {
      margin: 72px 0 0
  }
}

@media screen and (max-width: 480px) {
  .p-pr--white:before {
      opacity: .3
  }
}

.p-pr--white .p-pr__head {
  margin: 0 0 16px
}

.p-pr--white .p-pr__head .title {
  color: #fff
}

.p-pr--white .p-pr__head .title strong {
  color: #fff
}

.p-pr--white .p-pr__body__video {
  border: solid 4px #fff;
  margin: -6px 0 0;
  box-shadow: 2px 4px 12px 2px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 768px) {
  .p-pr__language--en .p-pr__head .title strong {
      display: block
  }
}

.p-support__head {
  margin: 0 0 16px
}

.p-support__head .c-image,
.p-support__head .c-image--standard,
.p-support__head .c-image--wide,
.p-support__head .c-image--notification {
  width: 80px;
  border-radius: 50%;
  background: #fff url(../img/common/consultation/p-consultation.png);
  border: solid 4px #176e39;
  box-shadow: 0 3px 6px rgba(224, 118, 142, .4);
  margin: auto
}

.p-support__body p {
  color: #050505;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif
}

.p-support__body__title {
  font-size: 16px;
  font-weight: 500
}

.p-support__body__tel {
  margin: 16px 0 0
}

.p-support__body__tel__number {
  color: #222;
  font-family: sans-serif;
  font-size: 24px;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1em;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-support__body__tel__number:before {
  content: "";
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  background: url(../img/common/consultation/p-remodal__body__tel__number.svg) no-repeat center;
  background-size: contain;
  margin: 2px 4px 0 -4px
}

.p-support__body__tel__number a {
  color: #222;
  display: block;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0
}

.p-support__body__tel__hours {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  text-align: center;
  color: #565656;
  margin: 12px 0 0;
  display: block
}

.p-support__foot {
  margin: 24px 0 0
}

.p-support__foot .c-button,
.p-support__foot .c-button--accent,
.p-support__foot .c-button--action,
.p-support__foot .c-button--form,
.p-support__foot .c-button--inline,
.p-support__foot .c-button--inlineArrow,
.p-support__foot .c-button--weak,
.p-support__foot .c-button--line,
.p-support__foot .c-button--full,
.p-support__foot .c-button--small,
.p-support__foot .p-home__middleNav__button {
  width: 240px;
  height: 60px;
  margin: auto;
  border-radius: 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .2);
  background-color: #176e39;
  justify-content: center
}

.p-support--corporation .p-support__head .c-image,
.p-support--corporation .p-support__head .c-image--standard,
.p-support--corporation .p-support__head .c-image--wide,
.p-support--corporation .p-support__head .c-image--notification {
  border-color: #5682d5;
  box-shadow: 0 3px 6px rgba(114, 129, 173, .4)
}

.p-support--corporation .p-support__foot .c-button,
.p-support--corporation .p-support__foot .c-button--accent,
.p-support--corporation .p-support__foot .c-button--action,
.p-support--corporation .p-support__foot .c-button--form,
.p-support--corporation .p-support__foot .c-button--inline,
.p-support--corporation .p-support__foot .c-button--inlineArrow,
.p-support--corporation .p-support__foot .c-button--weak,
.p-support--corporation .p-support__foot .c-button--line,
.p-support--corporation .p-support__foot .c-button--full,
.p-support--corporation .p-support__foot .c-button--small,
.p-support--corporation .p-support__foot .p-home__middleNav__button {
  background-color: #437fe0
}

.p-support--corporation .p-support__foot .c-button--line {
  border-color: #437fe0;
  background: #fff;
  color: #437fe0;
  margin: 6px auto 0
}

.p-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .6);
  backdrop-filter: blur(1px);
  z-index: 10001
}

.p-loading.inline {
  position: absolute;
  width: 100%;
  height: 100%
}

.p-loading__item {
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative
}

.p-loading__item__image {
  margin: 12px 0 8px
}

.p-loading__item__image__gif {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.p-loading__item__image__logo {
  height: 24px;
  width: auto;
  opacity: .8
}

.p-loading__item__title {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  opacity: .8
}

.p-loading__item__note {
  color: #fff;
  font-size: 11px;
  margin: 4px 0 0;
  opacity: .8
}

.gg-redo {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-right-color: rgba(0, 0, 0, 0);
  border-radius: 100px;
  color: #000
}

.gg-redo::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  top: -3px;
  right: -1px;
  transform: rotate(68deg)
}
@media screen and (min-width: 720px) {
  .p-checkout_confirm__float {
      display:block !important;
  }
}

/*# sourceMappingURL=style--web.css.map */