@charset "UTF-8";

@font-face {
  font-family: Noto-Sans-JP;
  font-style: normal;
  font-weight: 400;
  src:
    local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'), local('Noto Sans CJK JP Regular'),
    local('源ノ角ゴシック Regular');
}

@font-face {
  font-family: Noto-Sans-JP;
  font-style: normal;
  font-weight: 500;
  src:
    local('Noto Sans Japanese Medium'), local('NotoSansJapanese-Medium'), local('Noto Sans CJK JP Medium'),
    local('源ノ角ゴシック Medium');
}

@font-face {
  font-family: Noto-Sans-JP;
  font-style: normal;
  font-weight: 700;
  src:
    local('Noto Sans Japanese Bold'), local('NotoSansJapanese-Bold'), local('Noto Sans CJK JP Bold'),
    local('源ノ角ゴシック Bold');
}

@font-face {
  font-family: 'Noto-Serif-JP';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif JP'), local('NotoSerifJP-Regular');
}

@font-face {
  font-family: 'Noto-Serif-JP';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Serif JP Medium'), local('NotoSerifJP-Medium');
}

@font-face {
  font-family: 'Noto-Serif-JP';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif JP Bold'), local('NotoSerifJP-Bold');
}

@font-face {
  font-family: Yu-Go;
  font-weight: 400;
  src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular');
}

@font-face {
  font-family: Yu-Go;
  font-weight: 700;
  src: local('YuGothic-Bold'), local('Yu Gothic');
}

@font-face {
  font-family: Yu-Min;
  font-weight: 400;
  src: local('YuMincho-Medium'), local('Yu Mincho Medium'), local('YuMincho-Regular');
}

@font-face {
  font-family: Yu-Min;
  font-weight: 700;
  src: local('YuMincho-Bold'), local('Yu Mincho');
}

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

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

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

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

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

address {
  font-style: normal;
  line-height: inherit;
}

dd {
  margin-bottom: 0;
  margin-left: 0;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  text-decoration: underline;
}

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

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

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

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

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus {
  outline: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

@-webkit-keyframes slideEffect {
  0% {
    transform: translateX(-100%);
  }

  60% {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes slideEffect {
  0% {
    transform: translateX(-100%);
  }

  60% {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@-webkit-keyframes _bouncebounce {
  0% {
    transform: scaleX(1) scaleY(1);
  }

  17% {
    transform: scaleX(0.85) scaleY(0.85);
  }

  69% {
    transform: scaleX(1.2) scaleY(1.2);
  }

  to {
    transform: scaleX(1) scaleY(1);
  }
}

@keyframes _bouncebounce {
  0% {
    transform: scaleX(1) scaleY(1);
  }

  17% {
    transform: scaleX(0.85) scaleY(0.85);
  }

  69% {
    transform: scaleX(1.2) scaleY(1.2);
  }

  to {
    transform: scaleX(1) scaleY(1);
  }
}

@-webkit-keyframes _bouncebounce2 {
  0% {
    transform: scaleX(1) scaleY(1);
  }

  69% {
    transform: scaleX(1.07) scaleY(1.07);
  }

  to {
    transform: scaleX(1) scaleY(1);
  }
}

@keyframes _bouncebounce2 {
  0% {
    transform: scaleX(1) scaleY(1);
  }

  69% {
    transform: scaleX(1.07) scaleY(1.07);
  }

  to {
    transform: scaleX(1) scaleY(1);
  }
}

* {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  list-style: none;
  border-spacing: 0;
  border: 0;
}

ol,
ul {
  text-indent: 0;
}

*,
:after,
:before {
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
  min-width: 0;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  background: url(../images/common/bg.jpg) repeat top/485px;
}

body,
html {
  height: 100%;
}

body {
  text-align: left;
  color: #321d0f;
  font-size: 1.8rem;
  font-family:
    YakuHanJP,
    Noto-Sans-JP,
    source-han-sans-japanese,
    Noto Sans JP,
    HiraginoKakuGothic,
    Hiragino Kaku Gothic ProN,
    ヒラギノ角ゴ ProN,
    Hiragino Kaku Gothic Pro,
    ヒラギノ角ゴシック Pro,
    メイリオ,
    Meiryo,
    MS Pゴシック,
    MS PGothic,
    sans-serif;
  font-weight: 400;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'palt' 1;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  border-style: none;
}

img[src$='.svg']:not([width]),
img[src*='.svg?']:not([width]) {
  width: 100%;
}

svg {
  flex: 0 0 auto;
  max-width: 100%;
  fill: currentColor;
}

.pc a[href^='tel'] {
  color: inherit;
  pointer-events: none;
  cursor: text;
}

.pc a[href^='tel'],
.sp a:focus,
.sp a:hover {
  text-decoration: none;
}

[type='submit'],
button,
label[for] {
  cursor: pointer;
}

img[align='left'] + p,
img[align='right'] + p {
  margin-top: 0;
}

input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea {
  border: 1px solid #999;
  background-color: #fff;
  outline: none !important;
  width: 100%;
  padding: 0 10px;
  height: 2.22222em;
  border-radius: 0 !important;
  transition:
    border-color 0.35s ease-in-out 0s,
    box-shadow 0.35s ease-in-out 0s;
}

html:not(.sp) input[type='email']:focus,
html:not(.sp) input[type='email']:hover,
html:not(.sp) input[type='number']:focus,
html:not(.sp) input[type='number']:hover,
html:not(.sp) input[type='password']:focus,
html:not(.sp) input[type='password']:hover,
html:not(.sp) input[type='search']:focus,
html:not(.sp) input[type='search']:hover,
html:not(.sp) input[type='tel']:focus,
html:not(.sp) input[type='tel']:hover,
html:not(.sp) input[type='text']:focus,
html:not(.sp) input[type='text']:hover,
html:not(.sp) input[type='url']:focus,
html:not(.sp) input[type='url']:hover,
html:not(.sp) select:focus,
html:not(.sp) select:hover,
html:not(.sp) textarea:focus,
html:not(.sp) textarea:hover {
  border-color: #360;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
}

html.sp input[type='email'],
html.sp input[type='number'],
html.sp input[type='password'],
html.sp input[type='search'],
html.sp input[type='tel'],
html.sp input[type='text'],
html.sp input[type='url'],
html.sp select,
html.sp textarea {
  font-size: 1.6rem !important;
}

select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}

input[type='file'] {
  cursor: pointer !important;
}

input[type='radio'] {
  border-radius: 50%;
}

input[type='checkbox'] {
  border-radius: 3px;
}

input[type='checkbox'],
input[type='radio'] {
  background-color: grey;
  border-style: solid;
  color: initial;
  margin-right: 3px;
}

input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #969696;
  font-weight: 500;
}

input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='url']::-moz-placeholder,
textarea::-moz-placeholder {
  color: #969696;
  font-weight: 500;
}

input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #969696;
  font-weight: 500;
}

input[type='email']::-ms-input-placeholder,
input[type='number']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
input[type='text']::-ms-input-placeholder,
input[type='url']::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #969696;
  font-weight: 500;
}

.l-drawer-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -999;
  visibility: hidden;
  background-color: hsla(0, 0%, 100%, 0);
  transition:
    z-index 0s linear 0.65s,
    visibility 0s linear 0.65s,
    background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.35s;
}

.l-drawer-scroll__frame {
  overflow-y: auto;
  padding: 60px 0;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

.l-drawer-scroll__content {
  padding-bottom: 10px;
}

.l-drawer-scroll:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/common/bg.jpg) repeat top/485px;
  opacity: 0;
  transition:
    transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.35s,
    opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.35s;
}

.l-drawer-scroll__frame {
  transform: translateY(-3px);
  opacity: 0;
  transition:
    transform 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0s,
    height 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0s,
    opacity 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

[id='drawer-state']:checked + #body .l-drawer-scroll {
  z-index: 150;
  visibility: visible;
  transition:
    z-index 0s linear 0s,
    visibility 0s linear 0s,
    background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

[id='drawer-state']:checked + #body .l-drawer-scroll:before {
  opacity: 1;
  transition:
    transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,
    opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

[id='drawer-state']:checked + #body .l-drawer-scroll__frame {
  transform: translateY(0);
  opacity: 1;
  transition:
    transform 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
    height opacity 0.35s cubic-bezier(0.77, 0, 0.175, 1) cubic-bezier(0.77, 0, 0.175, 1) 0.2s 0.35s 0.2s;
}

.l-footer-main {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  padding: 40px 15px 25px;
}

.l-footer-main__logo {
  margin-bottom: 10px;
}

.l-footer-main__address {
  margin-bottom: 20px;
}

.l-footer-main__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.l-footer-main__list li {
  flex: 0 1 auto;
  padding: 0 15px;
}

.l-footer-main__list [class].c-icon {
  color: #b80101;
  font-size: 1.14286em;
  margin-right: 0.4375em;
}

.l-footer-main__copyright {
  font-size: 1em;
}

.l-header {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: 0;
  padding: 0 130px 0 60px;
  display: flex;
  position: absolute;
  z-index: 140;
  top: 0;
  left: 0;
  justify-content: space-between;
  transition:
    color 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
    opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.5s,
    transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.5s;
}

.l-header__nav {
  padding: 25px 0 0;
}

.l-hero {
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 350px;
  padding: 15px 340px 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-shadow: 1.414px 1.414px 6px rgba(50, 29, 15, 0.5);
  font-size: 4.4rem;
  line-height: 1.2;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.l-hero:before {
  display: block;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
  top: 0;
}

.l-hero:after,
.l-hero:before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
}

.l-hero:after {
  height: 40px;
  background: url(../images/common/hero-curve.png) no-repeat bottom/100% 100%;
  bottom: 0;
}

.l-hero__parent {
  font-size: 0.40909em;
}

.l-hero__parent + .l-hero__label {
  margin-top: 0.11364em;
}

.l-hero__label {
  font-size: 1em;
}

.l-hero__label [class].p--s {
  font-size: 0.54545em;
}

.l-hero__sub {
  font-size: 0.85em;
  margin-top: 0.25em;
}

.l-hero__bg.c-object-fit__cover {
  z-index: -2;
}

.l-body {
  min-height: 100%;
  flex-direction: column;
}

.l-body,
.l-body__container,
.l-body__content,
.l-body__header,
.l-body__layout,
.l-body__wrapper {
  display: flex;
}

.l-body__header {
  flex: 0 1 auto;
}

.l-body__top {
  flex: 0 0 auto;
}

.l-body__wrapper {
  flex: 1 1 auto;
}

.l-body__container {
  flex: 1 1 auto;
  flex-direction: column;
}

.l-body__content {
  flex: 1 1 auto;
  justify-content: center;
}

.l-body__layout {
  flex: 1 1 auto;
}

.l-body--sub .l-body__layout {
  flex: 0 1 auto;
  width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
}

.l-body__main {
  flex: 1 1 auto;
}

.l-body__aside {
  flex: 0 0 auto;
  width: 300px;
  padding-left: 30px;
}

.l-body__bottom {
  flex: 0 0 auto;
}

.l-aside {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}

.l-nav {
  width: 1000px;
  max-width: 100%;
  display: flex;
  margin: 0 auto 60px;
}

.l-nav__ohter,
.l-nav__sitemap {
  flex: 0 1 auto;
  width: 50%;
  padding: 0 15px;
}

.l-nav__ohter {
  text-align: center;
}

.l-nav__block {
  border-top: 2px solid;
  border-bottom: 2px solid;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 15px 0;
  margin: 30px auto;
}

.l-nav [class].p-number {
  font-size: 2.4rem;
  color: inherit;
}

.l-nav [class].p-number__sub {
  font-size: 0.58333em;
}

.pc .l-nav [class].p-number[href^='tel'] {
  color: inherit;
}

.l-nav-list {
  padding: 10px 20px 0;
  line-height: 1.3;
  font-weight: 700;
}

.l-nav-list__item {
  border-bottom: 1px dashed #d1c0a5;
}

.l-nav-list__label {
  display: flex;
  position: relative;
  font-size: 2.2rem;
  padding: 16.5px 50px 16.5px 15px;
  transition: background 0.3s ease-in-out;
}

html:not(.sp) .l-nav-list__label:focus,
html:not(.sp) .l-nav-list__label:hover {
  text-decoration: none;
  background: rgba(253, 247, 237, 0.7);
}

.l-nav-list [data-ui-accordion='trigger']:after,
.l-nav-list [data-ui-accordion='trigger']:before {
  content: '';
  display: block;
  width: 18px;
  height: 4px;
  background: #b80101;
  position: absolute;
  top: 50%;
  right: 17px;
}

.l-nav-list [data-ui-accordion='trigger']:before {
  transform: translate3d(0, -50%, 0);
}

.l-nav-list [data-ui-accordion='trigger']:after {
  transform: translate3d(0, -50%, 0) rotate(90deg);
  transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.l-nav-list .js-dropdown-support.is-active [data-ui-accordion='trigger']:after {
  transform: translate3d(0, -50%, 0) rotate(0deg);
}

.l-nav-list-child {
  font-size: 1.8rem;
}

.l-nav-list-child li {
  border-top: 1px dashed #d1c0a5;
}

.l-nav-list-child a {
  display: flex;
  align-items: center;
  padding: 13px 15px 13px 40px;
}

.l-nav-list-child a [class].c-icon {
  margin-right: 0.625em;
  font-size: 0.88889em;
  color: #b80101;
}

.l-nav-list-child a[href] {
  transition:
    color 0.3s ease-in-out,
    background 0.3s ease-in-out;
}

html:not(.sp) .l-nav-list-child a[href]:focus,
html:not(.sp) .l-nav-list-child a[href]:hover {
  text-decoration: none;
  color: #360;
  background: rgba(253, 247, 237, 0.7);
}

.l-nav-info {
  display: flex;
}

.l-nav-info li {
  padding: 0 7.5px;
}

.l-nav-btn {
  display: flex;
  width: 130px;
  height: 30px;
  font-size: 1.2rem;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(7, 0, 2, 0.16);
  transition:
    background 0.3s ease-in-out,
    color 0.3s ease-in-out;
}

.l-nav-btn [class].c-icon {
  color: #b80101;
  transition: color 0.3s ease-in-out;
}

.l-nav-btn__label {
  padding: 0 0 0 5px;
}

html:not(.sp) .l-nav-btn:focus,
html:not(.sp) .l-nav-btn:hover {
  text-decoration: none;
  background: #b80101;
  color: #fff;
}

html:not(.sp) .l-nav-btn:focus [class].c-icon,
html:not(.sp) .l-nav-btn:hover [class].c-icon {
  color: inherit;
}

.l-nojs {
  background-color: #000;
  box-shadow: 0 0 4px 0 rgba(50, 29, 15, 0.4);
  color: #fff;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
  padding: 0.5em 0;
  text-align: center;
}

@-webkit-keyframes _tscale {
  0% {
    transform: scale(1);
    background-color: #b80101;
  }

  65% {
    transform: scale(1.1);
    background-color: #d30101;
  }

  to {
    transform: scale(1);
    background-color: #b80101;
  }
}

@keyframes _tscale {
  0% {
    transform: scale(1);
    background-color: #b80101;
  }

  65% {
    transform: scale(1.1);
    background-color: #d30101;
  }

  to {
    transform: scale(1);
    background-color: #b80101;
  }
}

.l-trigger {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #b80101;
  color: #fff;
  position: fixed;
  top: 20px;
  right: 30px;
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    background-color 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

html:not(.sp) .l-trigger:focus,
html:not(.sp) .l-trigger:hover {
  -webkit-animation: _tscale 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  animation: _tscale 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

.l-trigger__line {
  margin: 10px 0 8px;
  position: relative;
  flex: 0 0 auto;
  width: 24px;
  height: 3px;
  border-radius: 0;
  background-color: #fff;
  transition:
    transform 0.4s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.l-trigger__line:after,
.l-trigger__line:before {
  content: ' ';
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0;
  background-color: inherit;
  left: 0;
  transition:
    transform 0.4s cubic-bezier(0.77, 0, 0.175, 1),
    top 0.4s cubic-bezier(0.77, 0, 0.175, 1),
    opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.l-trigger__line:before {
  top: -8px;
}

.l-trigger__line:after {
  top: 8px;
}

.l-trigger:after {
  content: 'menu';
  display: block;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  width: 100%;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  padding: 10px 0 0;
  text-transform: uppercase;
}

[id='drawer-state']:checked + #body .l-trigger__line {
  transform: rotate(135deg);
  transition:
    transform 0.4s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;
}

[id='drawer-state']:checked + #body .l-trigger__line:after,
[id='drawer-state']:checked + #body .l-trigger__line:before {
  top: 0;
  transform: rotate(90deg);
}

[id='drawer-state']:checked + #body .l-trigger__line:after {
  opacity: 0;
}

[id='drawer-state']:checked + #body .l-trigger:after {
  content: 'close';
}

.c-error {
  width: 600px;
  max-width: calc(100% - 40px);
  margin: 50px auto 120px;
  padding: 30px 0;
}

.c-error__btn {
  display: flex;
  width: 270px;
  max-width: 100%;
  text-align: center;
  background-color: #360;
  border-radius: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.6rem;
  margin-top: 1.5em;
}

.c-error__h {
  text-align: left;
  border-left: 3px solid #360;
  padding: 8px 0 8px 15px;
  font-size: 3rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

.c-error__h-e {
  font-size: 1.3em;
  line-height: 1;
  font-weight: 700;
}

.c-error__h-j {
  color: #360;
  font-size: 0.66667em;
  margin-top: 0.5em;
}

.c-error__caption {
  color: #360;
  font-size: 2.8rem;
  line-height: 1.4;
}

.c-error__text {
  margin-top: 1.5em;
}

.c-js-text-bothEnds {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.c-object-fit {
  position: relative;
  z-index: 0;
  text-align: center;
}

.c-object-fit__cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.c-object-fit-cover,
.c-object-fit__cover {
  pointer-events: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.c-preloader {
  position: relative;
  z-index: 1;
}

.c-preloader:before {
  content: ' ';
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: preloader-spin 1s steps(12) infinite;
  animation: preloader-spin 1s steps(12) infinite;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

@-webkit-keyframes preloader-spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes preloader-spin {
  to {
    transform: rotate(1turn);
  }
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]:before {
  background-color: #333;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(43, 43, 43, 0.3);
  color: #fff;
  content: attr(data-tooltip);
  opacity: 0;
  font-size: 1rem;
  font-family:
    YakuHanJP,
    HiraginoKakuGothic,
    Hiragino Kaku Gothic ProN,
    ヒラギノ角ゴ ProN,
    Hiragino Kaku Gothic Pro,
    ヒラギノ角ゴシック Pro,
    メイリオ,
    Meiryo,
    MS Pゴシック,
    MS PGothic,
    sans-serif;
  font-weight: 400;
  line-height: 1;
  padding: 0.75em 0.6em;
  position: absolute;
  left: 50%;
  bottom: -3.33333em;
  pointer-events: none;
  transform: translate(-50%, -0.41667em);
  transition:
    opacity 0.175s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.175s cubic-bezier(0.645, 0.045, 0.355, 1),
    visibility 0s 0.175s;
  text-decoration: none;
  visibility: hidden;
  white-space: pre;
  z-index: 1;
}

.is-disabled[data-tooltip]:before,
[disabled][data-tooltip]:before {
  background-color: #454545;
}

[data-tooltip]:after {
  content: '';
  border: 0.5em solid transparent;
  border-bottom-color: #333;
  font-size: 1.2rem;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: -0.83333em;
  pointer-events: none;
  transform: translate(-50%, -0.41667em);
  transition:
    opacity 0.175s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.175s cubic-bezier(0.645, 0.045, 0.355, 1),
    visibility 0s 0.175s;
  visibility: hidden;
  z-index: 1;
}

.is-disabled[data-tooltip]:after,
[disabled][data-tooltip]:after {
  border-bottom-color: #454545;
}

html:not(.sp) [data-tooltip]:focus:after,
html:not(.sp) [data-tooltip]:focus:before,
html:not(.sp) [data-tooltip]:hover:after,
html:not(.sp) [data-tooltip]:hover:before {
  opacity: 1;
  transform: translate(-50%);
  transition-delay: 0s;
  visibility: visible;
}

.c-of-hidden {
  overflow: hidden;
}

.c-icon-middle {
  display: flex;
  align-items: center;
}

.c-icon-middle__item,
.c-icon-middle span,
.c-icon-middle svg {
  flex: 0 1 auto;
}

html.ie11 .c-icon-middle__item,
html.ie11 .c-icon-middle span,
html.ie11 .c-icon-middle svg {
  padding-top: 0.15em;
}

.c-icon-middle__item.c-icon,
.c-icon-middle span.c-icon,
.c-icon-middle svg.c-icon {
  flex: 0 0 auto;
}

html.ie11 .c-icon-middle__item.c-icon,
html.ie11 .c-icon-middle span.c-icon,
html.ie11 .c-icon-middle svg.c-icon {
  padding-top: 0;
}

.c-ib,
.c-phrase {
  display: inline-block;
}

.c-movie {
  position: relative;
  height: 0;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  padding-bottom: 56.25%;
}

.c-movie--radius {
  border-radius: 12px;
}

.c-movie iframe {
  border: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.c-movie--4x3 {
  padding-bottom: 75%;
}

.c-movie--16x9 {
  padding-bottom: 56.25%;
}

.c-map-wrapper {
  padding: 0 25px;
}

.c-map {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 61.85567%;
  min-height: 600px;
  max-height: 100vh;
}

.c-map__canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.c-map [class].c-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-gutter {
  padding-left: 15px;
  padding-right: 15px;
}

.c-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate;
}

.c-fade {
  transition: opacity 0.3s;
}

html:not(.sp) .c-fade:focus,
html:not(.sp) .c-fade:hover {
  opacity: 0.75;
}

.c-anchor {
  color: #360;
  text-decoration: underline;
}

.c-anchor [class].c-icon {
  vertical-align: -0.15em;
}

html:not(.sp) .c-anchor:focus,
html:not(.sp) .c-anchor:hover {
  text-decoration: none;
}

.js-ui-accordion [data-ui-accordion='trigger'] {
  cursor: pointer;
}

.c-table-scroll-t {
  font-size: 1.2rem;
  background-color: rgba(184, 1, 1, 0.2);
  padding: 0.5em;
  display: block;
  border-radius: 5px;
  line-height: 1.2;
}

.js-anchor-target {
  margin-top: -120px;
  padding-top: 120px;
}

.c-carousel {
  position: relative;
  z-index: 1;
}

.c-carousel--x15 {
  margin: 0 -15px;
}

.c-carousel--x15 .c-carousel-content > div > div {
  padding: 0 15px;
}

.c-carousel .js-carousel-next,
.c-carousel .js-carousel-prev {
  transition:
    opacity 0.3s ease-in-out,
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}

.c-carousel .js-carousel-next[disabled],
.c-carousel .js-carousel-prev[disabled] {
  opacity: 0;
  cursor: auto;
}

html:not(.sp) .c-carousel .js-carousel-next:not([disabled]):focus,
html:not(.sp) .c-carousel .js-carousel-next:not([disabled]):hover,
html:not(.sp) .c-carousel .js-carousel-prev:not([disabled]):focus,
html:not(.sp) .c-carousel .js-carousel-prev:not([disabled]):hover {
  color: #fff;
  background-color: #360;
}

.c-carousel-content {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.c-carousel-content > div,
.c-carousel-content > div > div {
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  min-width: 0;
}

.c-carousel-item {
  display: flex;
  min-width: 0;
  width: 100%;
}

.c-carousel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  width: 3.33333em;
  height: 7.5em;
  border-radius: 50%;
  border-radius: 12px;
  background-color: transparent;
  z-index: 2;
  top: 50%;
  position: absolute;
  margin-top: -3.75em;
  background: rgba(0, 0, 0, 0.2);
}

.c-carousel-button svg {
  width: 0.91667em !important;
  height: 3.41667em !important;
  color: #fff;
}

.c-carousel-button--prev {
  left: 0;
}

.c-carousel-button--next {
  right: 0;
}

html:not(.sp) .c-carousel-button:not([disabled]):focus,
html:not(.sp) .c-carousel-button:not([disabled]):hover {
  background-color: #360;
}

.c-carousel-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
  justify-content: center;
}

.c-carousel-navigation li {
  flex: 0 0 auto;
  padding: 0 4px;
}

.c-carousel-navigation li.is-active button {
  background-color: #360;
}

.c-carousel-navigation button {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #bebebe;
  display: block;
  transition: background-color 0.3s;
  border: 1px solid #fff;
  margin-top: 10px;
}

.c-carousel-navigation--on {
  position: absolute;
  padding: 15px 10px;
  bottom: 5px;
  right: 0;
  z-index: 1;
}

.c-carousel-navigation--on button {
  width: 15px;
  height: 15px;
}

.c-gallerry-slide {
  overflow: hidden;
  width: 100vw;
}

.ie11 .c-gallerry-slide {
  width: calc(100vw - 20px);
}

.c-gallerry-slide-list {
  display: flex;
}

.c-gallerry-slide-list li {
  flex: 0 0 auto;
}

.c-gallerry-slide-list--space10 li {
  padding: 0 5px;
}

.c-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c-container:not([class*='-just']) {
  padding-left: 15px;
  padding-right: 15px;
}

.c-container {
  width: 1200px;
}

.c-container--just {
  width: 1170px;
}

.c-container--large {
  width: 1000px;
}

.c-container--large-just {
  width: 970px;
}

.c-container--medium {
  width: 900px;
}

.c-container--medium-just {
  width: 870px;
}

.c-container--ms {
  width: 800px;
}

.c-container--ms-just {
  width: 770px;
}

.c-container--small {
  width: 600px;
}

.c-container--small-just {
  width: 570px;
}

.c-container--max {
  width: 1430px;
}

.c-container--max-just {
  width: 1400px;
}

.c-fader {
  position: relative;
  z-index: 0;
}

.c-fader-item {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1) translateX(-50%);
}

.js .c-fader-item {
  opacity: 0;
}

.c-fader-item--base {
  position: relative;
}

.c-fader-item.is-active {
  opacity: 1;
}

.c-fader .js-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
  justify-content: center;
}

.c-fader .js-navigation li {
  flex: 0 0 auto;
  padding: 0 5px;
}

.c-fader .js-navigation li.is-active button {
  background-color: #360;
}

.c-fader .js-navigation button {
  width: 11px;
  height: 11px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
  background-color: #959595;
  transition: background-color 0.3s;
}

.c-fader .js-navigation--on {
  position: absolute;
  padding: 40px 95px;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.c-grid-wrapper {
  overflow: hidden;
}

.c-col-12 {
  width: 100%;
}

.c-col-11 {
  width: 91.66666667%;
}

.c-col-10 {
  width: 83.33333333%;
}

.c-col-9 {
  width: 75%;
}

.c-col-8 {
  width: 66.66666667%;
}

.c-col-7 {
  width: 58.33333333%;
}

.c-col-6 {
  width: 50%;
}

.c-col-5col {
  width: 20%;
}

.c-col-5 {
  width: 41.66666667%;
}

.c-col-4 {
  width: 33.33333333%;
}

.c-col-3 {
  width: 25%;
}

.c-col-2 {
  width: 16.66666667%;
}

.c-col-1 {
  width: 8.33333333%;
}

.c-col-auto {
  width: auto;
}

.c-grid {
  display: flex;
  flex-wrap: wrap;
}

.c-grid > [class*='c-col'] {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  flex-direction: column;
  min-height: 1px;
  max-width: 100%;
}

.c-grid--fit > [class*='c-col'] {
  flex-direction: row;
}

.c-grid--x1 {
  margin-right: -1px;
  margin-left: -1px;
}

.c-grid--x1 > [class*='c-col'] {
  padding-right: 1px;
  padding-left: 1px;
}

.c-grid--y1 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.c-grid--y1 > [class*='c-col'] {
  margin-top: 1px;
  margin-bottom: 1px;
}

.c-grid--x5 {
  margin-right: -5px;
  margin-left: -5px;
}

.c-grid--x5 > [class*='c-col'] {
  padding-right: 5px;
  padding-left: 5px;
}

.c-grid--x5_ {
  margin-right: -2.5px;
  margin-left: -2.5px;
}

.c-grid--x5_ > [class*='c-col'] {
  padding-right: 2.5px;
  padding-left: 2.5px;
}

.c-grid--y5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.c-grid--y5 > [class*='c-col'] {
  margin-top: 5px;
  margin-bottom: 5px;
}

.c-grid--y5_ {
  margin-top: -2.5px;
  margin-bottom: -2.5px;
}

.c-grid--y5_ > [class*='c-col'] {
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}

.c-grid--x10 {
  margin-right: -10px;
  margin-left: -10px;
}

.c-grid--x10 > [class*='c-col'] {
  padding-right: 10px;
  padding-left: 10px;
}

.c-grid--x10_ {
  margin-right: -5px;
  margin-left: -5px;
}

.c-grid--x10_ > [class*='c-col'] {
  padding-right: 5px;
  padding-left: 5px;
}

.c-grid--y10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.c-grid--y10 > [class*='c-col'] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.c-grid--y10_ {
  margin-top: -5px;
  margin-bottom: -5px;
}

.c-grid--y10_ > [class*='c-col'] {
  margin-top: 5px;
  margin-bottom: 5px;
}

.c-grid--x15 {
  margin-right: -15px;
  margin-left: -15px;
}

.c-grid--x15 > [class*='c-col'] {
  padding-right: 15px;
  padding-left: 15px;
}

.c-grid--x15_ {
  margin-right: -7.5px;
  margin-left: -7.5px;
}

.c-grid--x15_ > [class*='c-col'] {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.c-grid--y15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.c-grid--y15 > [class*='c-col'] {
  margin-top: 15px;
  margin-bottom: 15px;
}

.c-grid--y15_ {
  margin-top: -7.5px;
  margin-bottom: -7.5px;
}

.c-grid--y15_ > [class*='c-col'] {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}

.c-grid--x20 {
  margin-right: -20px;
  margin-left: -20px;
}

.c-grid--x20 > [class*='c-col'] {
  padding-right: 20px;
  padding-left: 20px;
}

.c-grid--x20_ {
  margin-right: -10px;
  margin-left: -10px;
}

.c-grid--x20_ > [class*='c-col'] {
  padding-right: 10px;
  padding-left: 10px;
}

.c-grid--y20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.c-grid--y20 > [class*='c-col'] {
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-grid--y20_ {
  margin-top: -10px;
  margin-bottom: -10px;
}

.c-grid--y20_ > [class*='c-col'] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.c-grid--x25 {
  margin-right: -25px;
  margin-left: -25px;
}

.c-grid--x25 > [class*='c-col'] {
  padding-right: 25px;
  padding-left: 25px;
}

.c-grid--x25_ {
  margin-right: -12.5px;
  margin-left: -12.5px;
}

.c-grid--x25_ > [class*='c-col'] {
  padding-right: 12.5px;
  padding-left: 12.5px;
}

.c-grid--y25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.c-grid--y25 > [class*='c-col'] {
  margin-top: 25px;
  margin-bottom: 25px;
}

.c-grid--y25_ {
  margin-top: -12.5px;
  margin-bottom: -12.5px;
}

.c-grid--y25_ > [class*='c-col'] {
  margin-top: 12.5px;
  margin-bottom: 12.5px;
}

.c-grid--x30 {
  margin-right: -30px;
  margin-left: -30px;
}

.c-grid--x30 > [class*='c-col'] {
  padding-right: 30px;
  padding-left: 30px;
}

.c-grid--x30_ {
  margin-right: -15px;
  margin-left: -15px;
}

.c-grid--x30_ > [class*='c-col'] {
  padding-right: 15px;
  padding-left: 15px;
}

.c-grid--y30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.c-grid--y30 > [class*='c-col'] {
  margin-top: 30px;
  margin-bottom: 30px;
}

.c-grid--y30_ {
  margin-top: -15px;
  margin-bottom: -15px;
}

.c-grid--y30_ > [class*='c-col'] {
  margin-top: 15px;
  margin-bottom: 15px;
}

.c-grid--x35 {
  margin-right: -35px;
  margin-left: -35px;
}

.c-grid--x35 > [class*='c-col'] {
  padding-right: 35px;
  padding-left: 35px;
}

.c-grid--x35_ {
  margin-right: -17.5px;
  margin-left: -17.5px;
}

.c-grid--x35_ > [class*='c-col'] {
  padding-right: 17.5px;
  padding-left: 17.5px;
}

.c-grid--y35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.c-grid--y35 > [class*='c-col'] {
  margin-top: 35px;
  margin-bottom: 35px;
}

.c-grid--y35_ {
  margin-top: -17.5px;
  margin-bottom: -17.5px;
}

.c-grid--y35_ > [class*='c-col'] {
  margin-top: 17.5px;
  margin-bottom: 17.5px;
}

.c-grid--x40 {
  margin-right: -40px;
  margin-left: -40px;
}

.c-grid--x40 > [class*='c-col'] {
  padding-right: 40px;
  padding-left: 40px;
}

.c-grid--x40_ {
  margin-right: -20px;
  margin-left: -20px;
}

.c-grid--x40_ > [class*='c-col'] {
  padding-right: 20px;
  padding-left: 20px;
}

.c-grid--y40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.c-grid--y40 > [class*='c-col'] {
  margin-top: 40px;
  margin-bottom: 40px;
}

.c-grid--y40_ {
  margin-top: -20px;
  margin-bottom: -20px;
}

.c-grid--y40_ > [class*='c-col'] {
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-grid--x45 {
  margin-right: -45px;
  margin-left: -45px;
}

.c-grid--x45 > [class*='c-col'] {
  padding-right: 45px;
  padding-left: 45px;
}

.c-grid--x45_ {
  margin-right: -22.5px;
  margin-left: -22.5px;
}

.c-grid--x45_ > [class*='c-col'] {
  padding-right: 22.5px;
  padding-left: 22.5px;
}

.c-grid--y45 {
  margin-top: -45px;
  margin-bottom: -45px;
}

.c-grid--y45 > [class*='c-col'] {
  margin-top: 45px;
  margin-bottom: 45px;
}

.c-grid--y45_ {
  margin-top: -22.5px;
  margin-bottom: -22.5px;
}

.c-grid--y45_ > [class*='c-col'] {
  margin-top: 22.5px;
  margin-bottom: 22.5px;
}

.c-grid--x50 {
  margin-right: -50px;
  margin-left: -50px;
}

.c-grid--x50 > [class*='c-col'] {
  padding-right: 50px;
  padding-left: 50px;
}

.c-grid--x50_ {
  margin-right: -25px;
  margin-left: -25px;
}

.c-grid--x50_ > [class*='c-col'] {
  padding-right: 25px;
  padding-left: 25px;
}

.c-grid--y50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.c-grid--y50 > [class*='c-col'] {
  margin-top: 50px;
  margin-bottom: 50px;
}

.c-grid--y50_ {
  margin-top: -25px;
  margin-bottom: -25px;
}

.c-grid--y50_ > [class*='c-col'] {
  margin-top: 25px;
  margin-bottom: 25px;
}

ul.c-list {
  padding-left: 1.3em;
}

ul.c-list li {
  list-style: disc;
}

ol.c-list,
ul.c-list ol,
ul.c-list ul {
  padding-left: 1.3em;
}

ol.c-list li {
  list-style: decimal;
}

ol.c-list ol,
ol.c-list ul {
  padding-left: 1.3em;
}

table.c-table {
  border-collapse: separate;
}

.c-selectbox {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  font-size: 1.5rem;
  background-color: #fff;
  border: 1px solid #999;
}

.c-selectbox:after {
  content: ' ';
  display: block;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjOTk5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4wMiAxNSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCAxMGw1IDUgNS01ek01IDBMMCA1aDEweiIvPjwvc3ZnPg==');
  background-size: 100%;
  width: 10px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.c-selectbox select {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  padding-right: 40px;
  border-radius: 8px;
  border: 0;
  background-color: transparent;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  padding-left: 0.8em;
}

.c-selectbox select::-ms-expand {
  display: none;
}

.c-radio {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
  box-shadow: inset 0 0 0 3px #fff;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #fff;
  outline: none;
}

.c-radio:checked {
  background-color: #360;
}

.c-icon {
  overflow: visible;
  display: inline;
  fill: currentColor;
  stroke-width: 0;
  stroke: currentColor;
  position: relative;
  font-size: inherit;
  vertical-align: -0.125em;
  text-indent: 0;
  flex: 0 0 auto;
}

.c-icon:not([width]) {
  width: 1em;
}

.c-icon:not([height]) {
  height: 1em;
}

.c-icon--m {
  font-size: 1.1em;
}

.c-icon--s {
  font-size: 0.9em;
}

.c-icon--xs {
  font-size: 0.75em;
}

svg[class*='fa-'] {
  display: inline;
  fill: currentColor;
  stroke-width: 0;
  stroke: currentColor;
  position: relative;
}

[data-ui-accordion='trigger'] {
  cursor: pointer;
}

[data-tabui='tabpanel'] {
  outline: none;
}

.c-st5 {
  margin-top: 5px;
}

.c-sr5 {
  padding-right: 5px;
}

.c-sb5 {
  margin-bottom: 5px;
}

.c-sl5 {
  padding-left: 5px;
}

.c-st10 {
  margin-top: 10px;
}

.c-sr10 {
  padding-right: 10px;
}

.c-sb10 {
  margin-bottom: 10px;
}

.c-sl10 {
  padding-left: 10px;
}

.c-st15 {
  margin-top: 15px;
}

.c-sr15 {
  padding-right: 15px;
}

.c-sb15 {
  margin-bottom: 15px;
}

.c-sl15 {
  padding-left: 15px;
}

.c-st20 {
  margin-top: 20px;
}

.c-sr20 {
  padding-right: 20px;
}

.c-sb20 {
  margin-bottom: 20px;
}

.c-sl20 {
  padding-left: 20px;
}

.c-st25 {
  margin-top: 25px;
}

.c-sr25 {
  padding-right: 25px;
}

.c-sb25 {
  margin-bottom: 25px;
}

.c-sl25 {
  padding-left: 25px;
}

.c-st30 {
  margin-top: 30px;
}

.c-sr30 {
  padding-right: 30px;
}

.c-sb30 {
  margin-bottom: 30px;
}

.c-sl30 {
  padding-left: 30px;
}

.c-st35 {
  margin-top: 35px;
}

.c-sr35 {
  padding-right: 35px;
}

.c-sb35 {
  margin-bottom: 35px;
}

.c-sl35 {
  padding-left: 35px;
}

.c-st40 {
  margin-top: 40px;
}

.c-sr40 {
  padding-right: 40px;
}

.c-sb40 {
  margin-bottom: 40px;
}

.c-sl40 {
  padding-left: 40px;
}

.c-st45 {
  margin-top: 45px;
}

.c-sr45 {
  padding-right: 45px;
}

.c-sb45 {
  margin-bottom: 45px;
}

.c-sl45 {
  padding-left: 45px;
}

.c-st50 {
  margin-top: 50px;
}

.c-sr50 {
  padding-right: 50px;
}

.c-sb50 {
  margin-bottom: 50px;
}

.c-sl50 {
  padding-left: 50px;
}

.c-st55 {
  margin-top: 55px;
}

.c-sr55 {
  padding-right: 55px;
}

.c-sb55 {
  margin-bottom: 55px;
}

.c-sl55 {
  padding-left: 55px;
}

.c-st60 {
  margin-top: 60px;
}

.c-sr60 {
  padding-right: 60px;
}

.c-sb60 {
  margin-bottom: 60px;
}

.c-sl60 {
  padding-left: 60px;
}

.c-editor {
  line-height: 1.8;
  font-size: 1em;
  letter-spacing: normal;
}

.c-editor h1,
.c-editor h2,
.c-editor h3,
.c-editor h4,
.c-editor h5,
.c-editor h6 {
  clear: both;
  font-weight: 700;
}

.c-editor h1 {
  font-size: 1.33333em;
  line-height: 1.5;
  color: #360;
}

.c-editor h2 {
  font-size: 1.11111em;
  line-height: 1.5;
  font-weight: 700;
  position: relative;
  z-index: 1;
  padding: 0.55em 10px 0.6em 1em;
  background-color: #b80101;
  border-radius: 8px;
  color: #fff;
}

.c-editor h2 + * {
  margin-top: 1em !important;
}

.c-editor h3 {
  font-size: 1em;
  line-height: 1.5;
  padding: 0 10px 8px;
  border-bottom: 2px solid #b80101;
}

.c-editor h3 + * {
  margin-top: 0.7em !important;
}

.c-editor h4 {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 700;
  color: #b80101;
}

.c-editor h4 + * {
  margin-top: 0.25em !important;
}

.c-editor h5,
.c-editor h6 {
  font-size: 0.88889em;
  line-height: 1.4;
}

.c-editor h1:first-child,
.c-editor h2:first-child,
.c-editor h3:first-child,
.c-editor h4:first-child,
.c-editor h5:first-child,
.c-editor h6:first-child {
  margin-top: 0;
}

.c-editor p {
  margin-bottom: 1.65em;
}

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

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

.c-editor b,
.c-editor strong {
  font-weight: 700;
}

.c-editor cite,
.c-editor dfn,
.c-editor em,
.c-editor i {
  font-style: italic;
}

.c-editor blockquote {
  border-left: 4px solid #1a1a1a;
  color: #686868;
  font-size: 1em;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 1.66667em;
  overflow: hidden;
  padding: 0 0 0 1.33333em;
}

.c-editor blockquote:not(.alignleft):not(.alignright) {
  margin-left: -1.55556em;
}

.c-editor blockquote blockquote:not(.alignleft):not(.alignright) {
  margin-left: 0;
}

.c-editor blockquote:after,
.c-editor blockquote:before {
  content: '';
  display: table;
}

.c-editor blockquote:after {
  clear: both;
}

.c-editor blockquote > :last-child {
  margin-bottom: 0;
}

.c-editor blockquote cite,
.c-editor blockquote small {
  color: #1a1a1a;
  font-size: 0.88889em;
  line-height: 1.75;
}

.c-editor blockquote cite,
.c-editor blockquote em,
.c-editor blockquote i {
  font-style: normal;
}

.c-editor blockquote b,
.c-editor blockquote strong {
  font-weight: 400;
}

.c-editor blockquote.alignleft,
.c-editor blockquote.alignright {
  border: solid #1a1a1a;
  border-width: 4px 0 0;
  padding: 1em 0 0;
  width: calc(50% - 14px);
}

.c-editor address {
  font-style: italic;
  margin: 0 0 1.55556em;
}

.c-editor code,
.c-editor kbd,
.c-editor pre,
.c-editor samp,
.c-editor tt,
.c-editor var {
  font-family: Inconsolata, monospace;
}

.c-editor pre {
  border: 1px solid #d1d1d1;
  font-size: 0.88889em;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 0.875em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.c-editor code {
  background-color: #d1d1d1;
  padding: 2px 4px;
}

.c-editor abbr[title] {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help;
}

.c-editor ins,
.c-editor mark {
  background: #007acc;
  color: #fff;
  padding: 2px 4px;
  text-decoration: none;
}

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

.c-editor sub {
  top: -6px;
}

.c-editor sup {
  bottom: -3px;
}

.c-editor small {
  font-size: 80%;
}

.c-editor big {
  font-size: 125%;
}

.c-editor hr {
  background-color: #d1d1d1;
  border: 0;
  height: 1px;
  margin-bottom: 1.55556em;
}

.c-editor ol,
.c-editor ul {
  margin: 0 0 1.55556em;
  padding: 0;
}

.c-editor ul {
  list-style-type: disc;
  padding-left: 1.2em;
}

.c-editor ul li {
  list-style-type: inherit;
}

.c-editor ol {
  list-style-type: decimal;
  padding-left: 1.2em;
}

.c-editor ol li {
  list-style-type: inherit;
}

.c-editor li > ol,
.c-editor li > ul {
  margin-bottom: 0;
}

.c-editor dl {
  margin: 0 0 1.55556em;
}

.c-editor dt {
  font-weight: 700;
}

.c-editor dd {
  margin: 0 0 1.55556em;
}

.c-editor .mce-item-table,
.c-editor .mce-item-table td,
.c-editor .mce-item-table th,
.c-editor table,
.c-editor td,
.c-editor th {
  border: 1px solid #d1d1d1;
}

.c-editor table a {
  color: #007acc;
}

.c-editor .mce-item-table,
.c-editor table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.55556em;
  width: 100%;
}

.c-editor .mce-item-table th,
.c-editor table caption,
.c-editor table th {
  font-weight: 700;
  text-align: left;
}

.c-editor .mce-item-table td,
.c-editor .mce-item-table th,
.c-editor table caption,
.c-editor table td,
.c-editor table th {
  border-width: 0 1px 1px 0;
  font-size: 0.88889em;
  padding: 0.4375em;
  vertical-align: baseline;
}

.c-editor img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

.c-editor a img {
  display: block;
}

.c-editor figure {
  margin: 0;
}

.c-editor del {
  opacity: 0.8;
}

.c-editor a {
  color: #007acc;
  text-decoration: underline;
}

.c-editor fieldset {
  border: 1px solid #d1d1d1;
  margin: 0 0 1.55556em;
  padding: 0.77778em;
}

.c-editor .alignleft {
  float: left;
  margin: 0.33333em 1.55556em 1.55556em 0;
}

.c-editor .alignright {
  float: right;
  margin: 0.33333em 0 1.55556em 1.55556em;
}

.c-editor .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.55556em;
}

.c-editor .wp-caption {
  background: transparent;
  border: none;
  margin-bottom: 1.55556em;
  max-width: 100%;
  padding: 0;
  text-align: inherit;
  text-align: center;
}

.c-editor .wp-caption-dd,
.c-editor .wp-caption-text {
  font-size: 0.77778em;
  line-height: 1.6153846154;
  padding-top: 0.53846em;
}

.c-editor .wp-caption-dd:before,
.c-editor .wp-caption-text:before {
  content: '';
  display: inline-block;
  vertical-align: -0.15em;
  margin-right: 0.35714em;
  width: 0.95em;
  height: 0.95em;
  background-position: 50%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjYjgwMTAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMi4wNiI+PHBhdGggZD0iTTE2LjQzLjE4TDMxIDE1LjEzYTMuNTQgMy41NCAwIDAxLS4xMyA1LjEgMy43NCAzLjc0IDAgMDEtNS4yMi0uMTNMMTkuNjkgMTR2MTQuNDVhMy43IDMuNyAwIDAxLTcuMzkgMFYxNGwtNS45MyA2LjFhMy43NCAzLjc0IDAgMDEtNS4yMi4xMyAzLjU0IDMuNTQgMCAwMS0uMTUtNS4xTDE1LjU3LjE4QS41OC41OCAwIDAxMTYgMGEuNi42IDAgMDEuNDMuMTh6Ii8+PC9zdmc+');
}

.c-editor .wp-block-image figcaption {
  font-size: 0.77778em;
  line-height: 1.6153846154;
  padding-top: 0.53846em;
  text-align: center;
}

.c-editor .wp-block-image figcaption:before {
  content: '';
  display: inline-block;
  vertical-align: -0.15em;
  margin-right: 0.35714em;
  width: 0.95em;
  height: 0.95em;
  background-position: 50%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjYjgwMTAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMi4wNiI+PHBhdGggZD0iTTE2LjQzLjE4TDMxIDE1LjEzYTMuNTQgMy41NCAwIDAxLS4xMyA1LjEgMy43NCAzLjc0IDAgMDEtNS4yMi0uMTNMMTkuNjkgMTR2MTQuNDVhMy43IDMuNyAwIDAxLTcuMzkgMFYxNGwtNS45MyA2LjFhMy43NCAzLjc0IDAgMDEtNS4yMi4xMyAzLjU0IDMuNTQgMCAwMS0uMTUtNS4xTDE1LjU3LjE4QS41OC41OCAwIDAxMTYgMGEuNi42IDAgMDEuNDMuMTh6Ii8+PC9zdmc+');
}

.c-editor .wp-block-image + figure.wp-block-image {
  margin-top: 2em;
}

.c-editor .mce-content-body .wpview-wrap {
  margin-bottom: 1.55556em;
}

.c-editor .gallery {
  margin: 0 -1.1666667%;
  padding: 0;
}

.c-editor .gallery .gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 2.2801304%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.c-editor .gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.c-editor .gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.c-editor .gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.c-editor .gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.c-editor .gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.c-editor .gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.c-editor .gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.c-editor .gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.c-editor .gallery .gallery-caption {
  font-size: 0.72222em;
  margin: 0;
}

.c-editor .gallery-columns-6 .gallery-caption,
.c-editor .gallery-columns-7 .gallery-caption,
.c-editor .gallery-columns-8 .gallery-caption,
.c-editor .gallery-columns-9 .gallery-caption {
  display: none;
}

.c-editor .wp-audio-shortcode a,
.c-editor .wp-playlist a {
  box-shadow: none;
}

.c-editor .mce-content-body .wp-audio-playlist {
  margin: 0;
  padding-bottom: 0;
}

.c-editor .mce-content-body .wp-playlist-tracks {
  margin-top: 0;
}

.c-editor .mce-content-body .wp-playlist-item {
  padding: 0.55556em 0;
}

.c-editor .mce-content-body .wp-playlist-item-length {
  top: 0.55556em;
}

.c-editor .rtl blockquote {
  border: solid #1a1a1a;
  border-width: 0 4px 0 0;
}

.c-editor .rtl blockquote.alignleft,
.c-editor .rtl blockquote.alignright {
  border: solid #1a1a1a;
  border-width: 4px 0 0;
}

.c-editor .rtl blockquote:not(.alignleft):not(.alignright) {
  margin-right: -1.55556em;
  padding: 0 1.33333em 0 0;
}

.c-editor .rtl blockquote blockquote:not(.alignleft):not(.alignright) {
  margin-right: 0;
  margin-left: auto;
}

.c-editor .rtl blockquote > ul,
.c-editor .rtl li > ul {
  margin-right: 1.11111em;
  margin-left: auto;
}

.c-editor .rtl blockquote > ol,
.c-editor .rtl li > ol {
  margin-right: 1.33333em;
  margin-left: auto;
}

.c-editor .rtl .mce-item-table th,
.c-editor .rtl table caption,
.c-editor .rtl table th {
  text-align: right;
}

dl.c-mokuji {
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
  font-size: 1.6rem;
  width: 570px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

dl.c-mokuji dd {
  padding: 20px 20px 25px;
  margin: 0;
}

dl.c-mokuji .c-mokuji__caption {
  background-color: #321d0f;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 1.6rem;
  padding: 7px;
}

dl.c-mokuji ol {
  margin-bottom: 0;
}

dl.c-mokuji li {
  margin-top: 0.35em;
}

.wp-block-embed-youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: static;
}

.wp-block-embed-youtube embed,
.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-btn {
  font-family:
    YakuHanJP,
    Noto-Sans-JP,
    source-han-sans-japanese,
    Noto Sans JP,
    HiraginoKakuGothic,
    Hiragino Kaku Gothic ProN,
    ヒラギノ角ゴ ProN,
    Hiragino Kaku Gothic Pro,
    ヒラギノ角ゴシック Pro,
    メイリオ,
    Meiryo,
    MS Pゴシック,
    MS PGothic,
    sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  line-height: 1.25;
  position: relative;
  font-size: 1.8rem;
  background-color: #360;
  font-weight: 700;
  color: #fff;
  padding: 4px 15px 5px;
  border-radius: 0;
  min-width: 0;
  z-index: 0;
  transition:
    background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    letter-spacing 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.p-btn.u-justify-content-start {
  padding: 4px 15px 5px 25px;
}

.p-btn.u-justify-content-start .p-btn__i + .p-btn__label {
  padding-left: 15px;
}

.p-btn--size-s {
  font-size: 1.6rem;
}

.p-btn--square {
  border-radius: 0;
}

.p-btn--radius {
  border-radius: 8px;
}

.p-btn--circle {
  border-radius: 100px;
}

.p-btn--i-right {
  padding: 4px 40px 5px;
}

.p-btn--i-right .p-btn__i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%);
}

.p-btn--i-left {
  padding: 4px 45px 5px;
}

.p-btn--i-left .p-btn__i {
  position: absolute;
  left: 32px;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%);
}

.p-btn--start {
  margin-left: 0;
}

.p-btn--end {
  margin-right: 0;
}

.p-btn__sep {
  flex: 0 0 auto;
  padding: 0 20px 0 0;
  position: relative;
  margin-left: -15px;
}

.p-btn__sep:before {
  content: '';
  display: block;
  width: 1px;
  height: 50px;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
  background: hsla(0, 0%, 100%, 0.5);
  position: absolute;
}

.p-btn__sep + .p-btn__label {
  flex: 1 1 auto;
  padding-left: 20px;
}

.p-btn__i {
  flex: 0 0 auto;
  display: block;
  line-height: inherit;
  transition:
    transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s,
    left 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s,
    right 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s,
    color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

.p-btn__i + .p-btn__label {
  padding-left: 5px;
}

.p-btn__label {
  text-align: left;
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.p-btn__label [class].p--_l {
  display: block;
  margin-left: -1em;
}

.p-btn__label--2line {
  font-size: 1.4rem;
}

.p-btn__label--2line [class].p--t-l {
  font-size: 1.71429em;
}

.p-btn__label,
_:-ms-lang(x)::-ms-backdrop {
  padding-top: 0.35em;
}

html.ie11 .p-btn__label {
  padding-top: 0.35em;
}

.p-btn__label [class].p--s {
  font-size: 0.77778em;
}

.p-btn--w160 {
  width: 160px;
}

.p-btn--w270 {
  width: 270px;
}

.p-btn--w300 {
  width: 300px;
}

.p-btn--w320 {
  width: 320px;
}

.p-btn--w340 {
  width: 340px;
}

.p-btn--w370 {
  width: 370px;
}

.p-btn--h40 {
  height: 40px;
}

.p-btn--h50 {
  height: 50px;
}

.p-btn--h60 {
  height: 60px;
}

.p-btn--h80 {
  height: 80px;
}

.p-btn[disabled] {
  background-color: #aaa !important;
  cursor: not-allowed;
  border-color: #aaa !important;
}

.p-btn--o {
  border: 2px solid #fff;
}

.p-btn--o-r {
  color: #360;
  background-color: #fff;
  border: 1px solid;
}

.p-btn--o-r.p-btn--i-right .p-btn__i {
  right: 15px;
}

.p-btn--white {
  background-color: #fff;
}

.p-btn--white.p-btn--o-r {
  color: #fff;
  background-color: #fff;
}

.p-btn--gray {
  background-color: #aaa;
}

.p-btn--gray.p-btn--o-r {
  color: #aaa;
  background-color: #fff;
}

.p-btn--brown {
  background-color: #321d0f;
}

.p-btn--brown.p-btn--o-r {
  color: #321d0f;
  background-color: #fff;
}

.p-btn--orange {
  background-color: #c60;
}

.p-btn--orange.p-btn--o-r {
  color: #c60;
  background-color: #fff;
}

.p-btn--red {
  background-color: #b80101;
}

.p-btn--red.p-btn--o-r {
  color: #b80101;
  background-color: #fff;
}

html:not(.sp) .p-btn[href]:not([disabled]):focus,
html:not(.sp) .p-btn[href]:not([disabled]):hover,
html:not(.sp) [type='submit'].p-btn:not([disabled]):focus,
html:not(.sp) [type='submit'].p-btn:not([disabled]):hover,
html:not(.sp) button.p-btn:not([disabled]):focus,
html:not(.sp) button.p-btn:not([disabled]):hover {
  white-space: nowrap;
  text-decoration: none;
  background: #360;
  letter-spacing: 0.05em;
}

html:not(.sp) .p-btn[href]:not([disabled]).p-btn--o-r:focus,
html:not(.sp) .p-btn[href]:not([disabled]).p-btn--o-r:hover,
html:not(.sp) [type='submit'].p-btn:not([disabled]).p-btn--o-r:focus,
html:not(.sp) [type='submit'].p-btn:not([disabled]).p-btn--o-r:hover,
html:not(.sp) button.p-btn:not([disabled]).p-btn--o-r:focus,
html:not(.sp) button.p-btn:not([disabled]).p-btn--o-r:hover {
  background: #fff;
  color: #360;
}

.p-anchor {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 7.5px 40px 8px 15px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  color: #321d0f;
  border: 1px solid;
  width: 100%;
  max-width: 100%;
}

.p-anchor__i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: color 0.3s ease-in-out;
  font-size: 1em;
}

html:not(.sp) .p-anchor[href]:focus,
html:not(.sp) .p-anchor[href]:hover {
  text-decoration: none;
}

html:not(.sp) .p-anchor[href]:focus .p-anchor__i,
html:not(.sp) .p-anchor[href]:hover .p-anchor__i {
  color: #b80101;
}

.p-feed-job {
  font-size: 1.4rem;
  line-height: 1.4;
}

.p-feed-job table {
  width: 100%;
  table-layout: fixed;
  background: #fff;
}

.p-feed-job td,
.p-feed-job th {
  vertical-align: middle;
  border: 1px solid #321d0f;
}

.p-feed-job thead {
  background: #360;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}

.p-feed-job thead th {
  font-weight: 700;
  height: 40px;
  padding: 5px 2px;
}

.p-feed-job thead .p-feed-job__eStatus,
.p-feed-job thead .p-feed-job__hp,
.p-feed-job thead .p-feed-job__internship {
  font-size: 0.85714em;
}

.p-feed-job tbody td,
.p-feed-job tbody th {
  padding: 5px;
}

.p-feed-job tbody .p-feed-job__hp,
.p-feed-job tbody .p-feed-job__insurance,
.p-feed-job tbody .p-feed-job__internship,
.p-feed-job tbody .p-feed-job__num,
.p-feed-job tbody .p-feed-job__number,
.p-feed-job tbody .p-feed-job__pdf {
  text-align: center;
}

.p-feed-job tbody .p-feed-job__num {
  background: #ede3dc;
}

.p-feed-job__num {
  width: 40px;
}

.p-feed-job__area {
  width: 12.37113%;
}

.p-feed-job__title {
  width: 19.58763%;
}

.p-feed-job__eStatus,
.p-feed-job__pdf {
  width: 60px;
}

.p-feed-job__insurance {
  width: 80px;
}

.p-feed-job__sakumotsu {
  width: 22.68041%;
}

.p-feed-job__hp,
.p-feed-job__internship {
  width: 65px;
}

.p-feed-job__number {
  width: 80px;
}

.p-voice-list [class].c-carousel-button {
  top: 30%;
}

.p-feed-voice {
  display: block;
  width: 370px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  line-height: 1.45;
}

.p-feed-voice__thumb {
  -webkit-clip-path: url(#clip-v-balloon);
  clip-path: url(#clip-v-balloon);
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  z-index: 1;
}

.p-feed-voice__thumb [class].c-object-fit {
  display: block;
  padding-top: 67.56757%;
}

.p-feed-voice__thumb:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: rgba(50, 29, 15, 0.85);
  z-index: 1;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 43% 66% 31% 53%;
  transition:
    width 0.75s cubic-bezier(0.77, 0, 0.175, 1),
    height 0.75s cubic-bezier(0.77, 0, 0.175, 1),
    border-radius 0.75s cubic-bezier(0.77, 0, 0.175, 1),
    opacity 0.3s ease-in-out 0.75s;
}

.p-feed-voice__on {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  opacity: 0;
  transform: translate3d(0, -1em, 0);
  transition:
    transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    opacity 0.5s ease-in-out;
}

.p-feed-voice__on [class].c-icon {
  display: block;
  margin: 5px auto 10px;
}

.p-feed-voice__label {
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  padding: 7px 10px 9px;
  background: #b80101;
  color: #fff;
  font-weight: 700;
  border-radius: 30px;
  width: 100%;
  max-width: 200px;
  margin: 10px auto;
}

.p-feed-voice__pre {
  font-size: 1.4rem;
}

.p-feed-voice__name {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 0.22727em;
}

.p-feed-voice__name > span {
  font-size: 0.63636em;
}

.p-feed-voice__tag {
  font-size: 1.4rem;
}

.p-feed-voice__tag > span {
  color: #360;
}

html:not(.sp) .p-feed-voice[href]:focus,
html:not(.sp) .p-feed-voice[href]:hover {
  text-decoration: none;
}

html:not(.sp) .p-feed-voice[href]:focus .p-feed-voice__thumb:before,
html:not(.sp) .p-feed-voice[href]:hover .p-feed-voice__thumb:before {
  width: 100%;
  height: 100%;
  border-radius: 0;
  opacity: 1;
  transition:
    width 0.75s cubic-bezier(0.77, 0, 0.175, 1),
    height 0.75s cubic-bezier(0.77, 0, 0.175, 1),
    border-radius 0.75s cubic-bezier(0.77, 0, 0.175, 1),
    opacity 0.3s ease-in-out;
}

html:not(.sp) .p-feed-voice[href]:focus .p-feed-voice__on,
html:not(.sp) .p-feed-voice[href]:hover .p-feed-voice__on {
  opacity: 1;
  transform: translateZ(0);
  transition:
    transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s,
    opacity 0.5s ease-in-out 0.5s;
}

.p-feed-event {
  display: flex;
  flex-direction: column;
  width: 270px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(7, 0, 2, 0.16);
}

.p-feed-event__thumb {
  width: 100%;
  overflow: hidden;
  padding-top: 62.96296%;
  flex: 0 0 auto;
}

.p-feed-event__thumb:before {
  content: '';
  display: block;
  width: 50%;
  height: 110%;
  background: hsla(0, 0%, 100%, 0.2);
  top: 50%;
  left: 0;
  transform: translate3d(-150%, -50%, 0) skew(30deg);
  position: absolute;
  transition:
    background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.p-feed-event__content {
  padding: 15px 15px 35px;
  width: 100%;
  min-height: 130px;
  flex: 1 1 auto;
}

.p-feed-event__tags {
  line-height: 1;
  margin-bottom: 7px;
}

.p-feed-event__tags [class].p-tag {
  vertical-align: middle;
}

.p-feed-event__time {
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #321d0f;
}

.p-feed-event__time [class].c-icon {
  font-size: 1.14286em;
  margin-right: 0.625em;
}

.p-feed-event__title {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 700;
}

.p-feed-event [class].p--finish-text {
  display: none;
}

.p-feed-event--finish .p-feed-event__thumb:before {
  content: none;
}

.p-feed-event--finish [class].p--finish-text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 10px;
  background: rgba(50, 29, 15, 0.8);
  line-height: 1.4;
}

.p-feed-event[href] {
  transition: color 0.3s ease-in-out;
}

html:not(.sp) .p-feed-event[href]:focus,
html:not(.sp) .p-feed-event[href]:hover {
  text-decoration: none;
  color: #360;
}

html:not(.sp) .p-feed-event[href]:focus .p-feed-event__thumb:before,
html:not(.sp) .p-feed-event[href]:hover .p-feed-event__thumb:before {
  background: #fff;
  transform: translate3d(260%, -50%, 0) skew(30deg);
}

.p-feed-list {
  border-bottom: 1px solid #ccc;
}

.p-feed-list__base {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  line-height: 1.4;
  padding: 14px 40px 14px 0;
  font-size: 1.6rem;
}

.p-feed-list__base[href] {
  transition: background 0.3s ease-in-out;
}

html:not(.sp) .p-feed-list__base[href]:focus,
html:not(.sp) .p-feed-list__base[href]:hover {
  text-decoration: none;
  background: rgba(255, 248, 235, 0.7);
}

html:not(.sp) .p-feed-list__base[href]:focus .p-feed-list__angle,
html:not(.sp) .p-feed-list__base[href]:hover .p-feed-list__angle {
  color: #b80101;
}

.p-feed-list__time {
  flex: 0 0 auto;
  padding: 0 15px 0 20px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  font-weight: 700;
}

.p-feed-list__time [class].c-icon {
  font-size: 1.14286em;
  color: #b80101;
  margin-right: 0.625em;
}

.p-feed-list__tags {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 2px 15px 0 0;
}

.p-feed-list__title {
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 2px 0 0;
  text-overflow: '[...]';
}

.p-feed-list__angle {
  position: absolute;
  display: block;
  right: 15px;
  top: 50%;
  transition: color 0.3s ease-in-out;
  transform: translate3d(0, -50%, 0);
  color: #ccc;
}

.p-feed-radio {
  line-height: 1.6;
  padding: 25px 20px;
  border-bottom: 1px solid #d0c9c5;
}

.p-feed-radio__time {
  flex: 0 0 auto;
  padding: 0 15px 0 0;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  font-weight: 700;
  margin-bottom: 15px;
}

.p-feed-radio__time [class].c-icon {
  font-size: 1.14286em;
  color: #b80101;
  margin-right: 0.625em;
}

.p-feed-radio__thumb {
  flex: 0 0 auto;
  width: 160px;
}

.p-feed-radio__thumb .c-object-fit {
  padding-top: 75%;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  transition: opacity 0.3s;
}

html:not(.sp) .p-feed-radio__thumb .c-object-fit:focus,
html:not(.sp) .p-feed-radio__thumb .c-object-fit:hover {
  text-decoration: none;
}

html:not(.sp) .p-feed-radio__thumb .c-object-fit:focus[href],
html:not(.sp) .p-feed-radio__thumb .c-object-fit:hover[href] {
  opacity: 0.7;
}

.p-feed-radio__title {
  font-size: 2.3rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: -0.21739em;
  margin-bottom: 15px;
}

.p-feed-radio__title [href] {
  transition: color 0.3s;
}

html:not(.sp) .p-feed-radio__title [href]:focus,
html:not(.sp) .p-feed-radio__title [href]:hover {
  color: #b80101;
}

.p-feed-radio-btn {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  color: #b80101;
  font-size: 1.2rem;
  background: #fff;
  border: 2px solid #b80101;
  border-radius: 8px;
  font-weight: 700;
  width: 120px;
  height: 40px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition:
    background 0.3s,
    color 0.3s;
}

.p-feed-radio-btn__i {
  font-size: 1.66667em;
  margin-right: 0.5em;
}

.p-feed-radio-btn__label {
  padding-bottom: 0.2em;
}

html:not(.sp) .p-feed-radio-btn:focus,
html:not(.sp) .p-feed-radio-btn:hover {
  text-decoration: none;
}

html:not(.sp) .p-feed-radio-btn:focus[href],
html:not(.sp) .p-feed-radio-btn:hover[href] {
  color: #fff;
  background: #b80101;
}

.p-feed-radio__base {
  display: flex;
}

.p-feed-radio__main {
  flex: 1 1 auto;
  padding: 0 60px 0 20px;
}

.p-feed-radio__btn {
  flex: 0 0 auto;
  width: 120px;
  display: flex;
  align-items: center;
}

.p-heading-block {
  line-height: 1;
  text-align: center;
}

.p-heading-36 {
  font-size: 3.6rem;
}

.p-heading-30,
.p-heading-36 {
  line-height: 1.4;
  font-weight: 700;
}

.p-heading-30 {
  font-size: 3rem;
}

.p-heading-28 {
  font-size: 2.8rem;
}

.p-heading-24,
.p-heading-28 {
  line-height: 1.45;
  font-weight: 700;
}

.p-heading-24 {
  font-size: 2.4rem;
}

.p-heading-20 {
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 700;
}

.p-heading-18 {
  line-height: 1.45;
  font-size: 1.8rem;
  font-weight: 700;
}

.p-heading-18--p {
  padding: 0 20px;
}

.p-heading-16 {
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-heading-16 [class].p--s {
  font-size: 0.875em;
  display: inline-block;
  font-weight: 400;
}

.p-heading-symbol {
  display: flex;
  font-size: 2.8rem;
  line-height: 1.45;
  align-items: center;
  padding: 0 10px 10px;
  border-bottom: 3px solid #b80101;
}

.p-heading-symbol:before {
  content: '';
  display: block;
  flex: 0 0 auto;
  font-size: 1.42857em;
  width: 1em;
  height: 1em;
  background: url(../images/common/symbol.png) no-repeat 0 0/100%;
}

.p-heading-symbol__label {
  font-size: 1em;
  font-weight: 700;
  flex: 1 1 auto;
  padding-left: 0.53571em;
}

.p-heading-symbol__s {
  font-size: 0.57143em;
}

.p-heading-disc {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 2rem;
  line-height: 1.45;
}

.p-heading-disc:before {
  content: ' ';
  text-indent: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  margin-right: 0.05em;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
  background: #b80101;
}

.p-heading-disc [class].p--s {
  font-size: 0.7em;
}

.p-heading-q {
  font-size: 1.8rem;
  line-height: 1.8;
  background: #360;
  color: #fff;
  padding: 0.44444em 12px 0.55556em 3.61111em;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.p-heading-q:before {
  content: 'q';
  text-transform: uppercase;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.08333em;
  height: 100%;
  background: #321d0f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.33333em;
  padding: 0 0 0.16667em;
  line-height: 1;
}

.p-heading-q--brown {
  background: #321d0f;
}

.p-heading-q--brown:before {
  background: #b80101;
}

.p-heading-num-init {
  counter-reset: heading-num;
}

.p-heading-num {
  font-size: 1.8rem;
  counter-increment: heading-num;
  text-indent: -2.22222em;
  padding-left: 2.22222em;
}

.p-heading-num:before {
  content: counter(heading-num);
  display: inline-block;
  text-indent: 0;
  font-size: 0.88889em;
  width: 1.875em;
  height: 1.875em;
  background: #b80101;
  border-radius: 50%;
  padding: 0.09375em 0 0;
  vertical-align: 0.0625em;
  margin: 0 0.625em 0 0;
}

.p-heading-caption,
.p-heading-num:before {
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.6;
}

.p-heading-caption {
  font-size: 1.6rem;
  background: #321d0f;
  padding: 7px 15px;
}

.p-info {
  text-align: center;
  padding: 60px 15px 95px;
}

.p-info-header {
  margin-bottom: 25px;
  line-height: 1;
}

.p-info-frame {
  width: 890px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.p-info-frame [class].p--kumamon {
  position: absolute;
  right: 50px;
  top: -101px;
  z-index: -1;
  display: block;
}

.p-info-frame__label {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  background: #360;
  color: #fff;
  padding: 8px 1.95833em;
  border-radius: 8px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  max-width: calc(100% - 20px);
}

.p-info-frame__content {
  background: #fff;
  border-radius: 12px;
  border: 4px solid #360;
  margin-top: -25px;
  padding: 32px 60px 60px;
  font-size: 1.4rem;
}

.p-info-frame__please {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 10px;
}

.p-info-frame__please [class].c-icon {
  margin-right: 0.16667em;
}

.p-info-frame-block {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 20px 0 15px;
  margin: 0 auto 30px;
}

.p-info-frame-block__grid {
  display: flex;
  margin-bottom: 15px;
}

.p-info-frame-block__col {
  flex: 0 1 auto;
  width: 50%;
  display: flex;
  flex-direction: column;
}

.p-info-frame-block__col + .p-info-frame-block__col {
  border-left: 1px solid;
}

.p-info-frame [class].p--i {
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 0;
}

.p-info-frame [class].p--i--meron {
  background-image: url(../images/sprite.png?1647233821066);
  background-position: 0 0;
  width: 264px;
  height: 220px;
  z-index: -1;
  left: -141px;
  bottom: 34px;
}

.p-info-frame [class].p--i--nasubi {
  background-image: url(../images/sprite.png?1647233821066);
  background-position: 0 -220px;
  width: 189px;
  height: 123px;
  z-index: -1;
  left: -201px;
  bottom: 4px;
}

.p-info-frame [class].p--i--piman {
  background-image: url(../images/sprite.png?1647233821066);
  background-position: -348px -220px;
  width: 143px;
  height: 103px;
  z-index: 1;
  left: -95px;
  bottom: -40px;
}

.p-info-frame [class].p--i--ichigo {
  background-image: url(../images/sprite.png?1647233821066);
  background-position: 0 -343px;
  width: 69px;
  height: 43px;
  z-index: 1;
  left: -141px;
  bottom: -34px;
}

.p-info-frame [class].p--i--suica {
  background-image: url(../images/sprite.png?1647233821066);
  background-position: -264px 0;
  width: 247px;
  height: 198px;
  z-index: -1;
  right: -200px;
  bottom: 12px;
}

.p-info-frame [class].p--i--tomato {
  background-image: url(../images/sprite.png?1647233821066);
  background-position: -189px -220px;
  width: 159px;
  height: 113px;
  z-index: 1;
  right: -130px;
  bottom: -40px;
}

.p-info-item {
  margin-top: -0.35714em;
}

.p-info-item-label {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 10px;
}

.p-info-item-label__l {
  font-size: 1.375em;
}

.p-info-item-label__sub {
  font-size: 0.875em;
  font-weight: 400;
}

.p-info-item__fax {
  font-size: 1.6rem;
  font-weight: 700;
}

.p-link {
  padding: 60px 0;
}

.p-link__media {
  display: flex;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-link__media li {
  flex: 0 1 auto;
  width: 33.33%;
}

i[class*='fa-'] {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  width: 1em;
}

i[class*='fa-'].fa-xs {
  width: 0.625em;
}

.p-text-topfit {
  margin-top: -7.2px;
}

.p-text-topfit--l {
  margin-top: -14.4px;
}

.p-size-xs {
  font-size: 1.2rem;
}

.p-size-s {
  font-size: 1.4rem;
}

.p-size-m {
  font-size: 1.6rem;
}

.p-lh-s {
  line-height: 1.6;
}

.p-sup {
  color: #b80101;
  font-size: 60%;
  top: -0.6em;
}

.p-text-jump {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
}

.p-text-jump__l {
  font-size: 2em;
}

.p-text-jump__m {
  font-size: 1.66667em;
}

.p-text-jump__s {
  font-size: 0.77778em;
}

.p-pic {
  border-radius: 12px;
}

.p-pic--circle {
  border-radius: 50%;
}

.p-i-link {
  font-weight: 700;
  color: #360;
  padding-right: 0.3125em;
}

.p-bg-brown-a10 {
  background-color: rgba(160, 102, 50, 0.1);
}

.p-movie__caption {
  display: block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 8px;
}

.p-hsymbol {
  width: 270px;
  height: 310px;
  text-align: center;
  line-height: 1;
  font-size: 2rem;
  padding: 18px 10px 10px;
  background: url(../images/common/bg-label.png) no-repeat 0 0/100%;
}

.p-hsymbol__ontext {
  display: block;
  margin: 0 auto 4%;
  width: 54%;
}

.p-hsymbol__caption {
  display: block;
  margin: 0 auto;
  width: 84%;
}

.p-pagetop {
  display: block;
  width: 115px;
  z-index: 100;
}

.p-pagetop img {
  display: block;
  margin: 0 auto;
}

.p-pagetop__kumamon {
  margin-bottom: 4px;
  width: 77.3913%;
  transform: scale(1.1) translate3d(0, -10px, 0);
}

.p-pagetop__kumamon,
.p-pagetop__label {
  transition: transform 0s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s;
}

.p-pagetop__label {
  transform: translate3d(0, 10px, 0);
}

.p-number {
  display: block;
  line-height: 1;
  font-size: 4rem;
  font-weight: 700;
}

.p-number,
.pc .p-number[href^='tel'] {
  color: #360;
}

.p-number__sub {
  font-size: 0.4em;
}

.p-bnr {
  border-radius: 12px;
  display: inline-block;
  vertical-align: top;
}

.p-bnr[href] {
  transition: box-shadow 0.3s ease-in-out;
  box-shadow:
    6px 6px 8px transparent,
    -6px -6px 8px transparent;
}

html:not(.sp) .p-bnr[href]:focus,
html:not(.sp) .p-bnr[href]:hover {
  box-shadow:
    6px 6px 8px #acacad,
    -6px -6px 8px #fff;
}

.p-bnr-media {
  display: flex;
  line-height: 1.3;
  font-weight: 700;
  padding: 10px 30px;
}

.p-bnr-media[href] {
  transition:
    color 0.3s ease-in-out,
    background 0.3s ease-in-out;
}

html:not(.sp) .p-bnr-media[href]:focus,
html:not(.sp) .p-bnr-media[href]:hover {
  text-decoration: none;
  color: #b80101;
  background: rgba(255, 248, 235, 0.7);
}

.p-bnr-media__i {
  flex: 0 0 auto;
  align-items: center;
  padding: 6px 0 0;
}

.p-bnr-media dl {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 20px;
  color: #321d0f;
}

.p-bnr-media dt {
  order: 1;
  font-size: 2.8rem;
  line-height: 1;
  margin-top: 8px;
}

.p-bnr-media dd {
  font-size: 1.4rem;
}

.p-bnr-media--in {
  color: #fff;
  background: #321d0f;
  width: 270px;
  max-width: 100%;
  padding: 13px 8px 13px 13px;
  border-radius: 8px;
  align-items: center;
  border: 2px solid #321d0f;
}

.p-bnr-media--in .p-bnr-media__i {
  padding: 0;
}

.p-bnr-media--in .p-bnr-media__i [class].c-icon {
  width: 40px;
  height: 40px;
  display: block;
}

.p-bnr-media--in dl {
  padding: 0 0 0 15px;
  color: inherit;
}

.p-bnr-media--in dt {
  font-size: 2.4rem;
  margin-top: 0;
}

.p-bnr-media--in dd {
  font-size: 1.1rem;
  line-height: 1.3;
}

.p-bnr-media--in[href] {
  transition:
    color 0.3s ease-in-out,
    background 0.3s ease-in-out,
    border 0.3s ease-in-out;
}

html:not(.sp) .p-bnr-media--in[href]:focus,
html:not(.sp) .p-bnr-media--in[href]:hover {
  background: rgba(255, 248, 235, 0.7);
  color: #321d0f;
}

.p-tag {
  min-width: 80px;
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  background: #321d0f;
  color: #fff;
  text-align: center;
}

.p-list-link {
  font-size: 2rem;
  line-height: 1.45;
  font-weight: 700;
}

.p-list-link__base {
  display: flex;
  width: 100%;
  padding: 24px 50px 24px 20px;
  position: relative;
  border-top: 1px solid #d0c9c5;
  border-bottom: 1px solid #d0c9c5;
  margin-bottom: -1px;
  flex-wrap: wrap;
  align-items: center;
}

.p-list-link__base[href] {
  transition: background 0.3s ease-in-out;
}

html:not(.sp) .p-list-link__base[href]:focus,
html:not(.sp) .p-list-link__base[href]:hover {
  text-decoration: none;
  background: rgba(255, 248, 235, 0.7);
}

html:not(.sp) .p-list-link__base[href]:focus .p-list-link__i,
html:not(.sp) .p-list-link__base[href]:hover .p-list-link__i {
  color: #b80101;
}

.p-list-link__s {
  font-weight: 400;
  font-size: 0.7em;
  display: inline-block;
  align-self: flex-end;
  margin-bottom: 0.14286em;
}

.p-list-link__i {
  color: #ccc;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: color 0.3s ease-in-out;
}

.p-list-link--s,
.p-list-link__i {
  font-size: 1.6rem;
}

.p-list-link--s .p-list-link__base {
  padding: 12px 35px 12px 10px;
}

.p-list-mokuji {
  font-size: 1.6rem;
  line-height: 1.45;
  font-weight: 700;
}

.p-list-mokuji__base {
  display: flex;
  width: 100%;
  padding: 12px 50px 12px 20px;
  position: relative;
  border-top: 1px solid #d0c9c5;
  border-bottom: 1px solid #d0c9c5;
  margin-bottom: -1px;
  flex-wrap: wrap;
  align-items: center;
}

.p-list-mokuji__base[href] {
  transition: background 0.3s ease-in-out;
}

html:not(.sp) .p-list-mokuji__base[href]:focus,
html:not(.sp) .p-list-mokuji__base[href]:hover {
  text-decoration: none;
  background: rgba(255, 248, 235, 0.7);
}

html:not(.sp) .p-list-mokuji__base[href]:focus .p-list-mokuji__i,
html:not(.sp) .p-list-mokuji__base[href]:hover .p-list-mokuji__i {
  color: #b80101;
}

.p-list-mokuji__base[href].is-current {
  background: rgba(255, 248, 235, 0.7);
}

.p-list-mokuji__base[href].is-current .p-list-mokuji__i {
  color: #b80101;
}

.p-list-mokuji__s {
  font-weight: 400;
  font-size: 0.7em;
  display: inline-block;
}

.p-list-mokuji__i {
  color: #ccc;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: color 0.3s ease-in-out;
}

.p-list-blank {
  line-height: 1.5;
}

.p-list-blank > li {
  text-indent: -1.57143em;
  padding-left: 1.57143em;
}

.p-list-blank > li:before {
  content: ' ';
  text-indent: 0;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.21429em;
  margin-right: 0.5em;
  width: 1.14286em;
  height: 1.07143em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMCIgZmlsbD0iI2I4MDEwMSI+PHBhdGggZD0iTTMyIDEuNDFhMS40IDEuNCAwIDAwLS4zOS0xIDEuMjYgMS4yNiAwIDAwLS45NC0uNDFoLTcuMTFhMS4yOCAxLjI4IDAgMDAtLjk1LjQxIDEuNCAxLjQgMCAwMC0uMzkgMSAxLjM3IDEuMzcgMCAwMC4zOSAxbDIgMi4xMS0xMy41NSAxNC4yM2ExLjQgMS40IDAgMDAtLjM5IDEgMS4zNyAxLjM3IDAgMDAuMzkgMWwxLjI3IDEuMzVhMS4yNCAxLjI0IDAgMDAuOTUuNDEgMS4yMiAxLjIyIDAgMDAuOTQtLjQxbDEzLjUtMTQuMyAyIDIuMTFhMS4yNCAxLjI0IDAgMDAxIC40MSAxLjIyIDEuMjIgMCAwMC45NC0uNDEgMS4zNyAxLjM3IDAgMDAuMzktMXptLTkuMzkgMTQuNDdhMS4xMiAxLjEyIDAgMDEuOTUtLjQ0IDEuNDIgMS40MiAwIDAxLjk0LjQxIDEuMzcgMS4zNyAwIDAxLjM5IDF2MTAuMzRhMi43OSAyLjc5IDAgMDEtLjc4IDIgMi41IDIuNSAwIDAxLTEuODkuODJIMi42N2EyLjUgMi41IDAgMDEtMS44OS0uODIgMi43OSAyLjc5IDAgMDEtLjc4LTJWNi41NmEyLjc5IDIuNzkgMCAwMS43OC0yIDIuNSAyLjUgMCAwMTEuODktLjgyaDE2LjQ0YTEuMjggMS4yOCAwIDAxLjk1LjQxIDEuNDMgMS40MyAwIDAxLjM4IDEgMS40MSAxLjQxIDAgMDEtLjM4IDFsLS44OS45NGExLjI4IDEuMjggMCAwMS0xIC40MUgzLjU2djE4Ljc1aDE3Ljc3di04LjQ0YTEuMzcgMS4zNyAwIDAxLjM5LTF6Ii8+PC9zdmc+');
}

.p-list-blank:not(.p--space-n) > li:not(:last-child) {
  margin-bottom: 0.35714em;
}

.p-list-disc {
  line-height: 1.6;
}

.p-list-disc > li {
  text-indent: -1em;
  padding-left: 1em;
}

.p-list-disc > li:before {
  content: ' ';
  text-indent: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.27778em;
  margin-right: 0.05556em;
  width: 0.88889em;
  height: 0.88889em;
  border-radius: 50%;
  background: #b80101;
}

.p-list-disc--green > li:before {
  background: #360;
}

.p-list-disc:not(.p--space-n) > li:not(:last-child) {
  margin-bottom: 0.61111em;
}

.p-list-i {
  line-height: 1.5;
}

.p-list-i > li {
  text-indent: -1.55556em;
  padding-left: 1.55556em;
}

.p-list-i > li [class].c-icon {
  content: ' ';
  text-indent: 0;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.22222em;
  margin-right: 0.55556em;
  color: #b80101;
}

.p-list-i > li [class].c-icon:not([width]) {
  width: 1em;
}

.p-list-i > li [class].c-icon:not([height]) {
  height: 1em;
}

.p-list-i [href] {
  color: #b80101;
}

.p-list-i:not(.p--space-n) li:not(:last-child) {
  margin-bottom: 0.27778em;
}

.p-list-i [class].p--s {
  font-size: 0.77778em;
}

.p-list-num {
  counter-reset: list-num;
  line-height: 1.6;
}

.p-list-num > li {
  counter-increment: list-num;
  text-indent: -2.33333em;
  padding-left: 2.33333em;
}

.p-list-num > li:not(:last-child) {
  margin-bottom: 0.55556em;
}

.p-list-num > li:before {
  content: counter(list-num);
  display: inline-block;
  text-indent: 0;
  font-size: 0.88889em;
  width: 1.875em;
  height: 1.875em;
  background: #b80101;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  line-height: 1.6;
  padding: 0.09375em 0 0;
  vertical-align: 0.0625em;
  margin: 0 0.625em 0 0;
}

.p-list-num-simple {
  counter-reset: list-num-simple;
  line-height: 1.6;
}

.p-list-num-simple > li {
  counter-increment: list-num-simple;
  text-indent: -1em;
  padding-left: 1em;
}

.p-list-num-simple > li:not(:last-child) {
  margin-bottom: 1.25em;
}

.p-list-num-simple > li:before {
  content: counter(list-num-simple) '.';
  display: inline-block;
  text-indent: 0;
  font-size: 1em;
  color: #360;
  font-weight: 700;
  line-height: 1.6;
}

.p-mokuji {
  width: 1080px;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
}

.p-mokuji,
.p-mokuji__label {
  margin-left: auto;
  margin-right: auto;
}

.p-mokuji__label {
  display: table;
  min-width: 170px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: 6px 15px 7px;
  border-collapse: separate;
  border-radius: 8px;
  background: #b80101;
  position: relative;
  z-index: 1;
  margin-bottom: -20px;
}

.p-mokuji__label--l {
  min-width: 200px;
}

.p-mokuji__caption {
  line-height: 1.45;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  margin: -0.2em auto 20px;
}

.p-mokuji__frame {
  padding: 45px 35px 40px;
  background: #fff;
  border-radius: 12px;
  border: 4px solid #b80101;
}

.p-mokuji--pr .p-mokuji__frame {
  padding: 45px 55px 50px;
}

.p-mokuji--pr .p-mokuji__label {
  background: #c60;
}

.p-mokuji--pr .p-mokuji__frame {
  border-color: #c60;
}

.p-mokuji--pr [class].p-list-i [class].c-icon {
  color: #c60;
}

.p-mokuji--pr [class].p-list-i:not(.p--space-n) li:not(:last-child) {
  margin-bottom: 0.38889em;
}

.p-mokuji--brown .p-mokuji__label {
  background: #321d0f;
}

.p-mokuji--brown .p-mokuji__frame {
  border-color: #321d0f;
}

.p-infobox {
  width: 1080px;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
}

.p-infobox,
.p-infobox__label {
  margin-left: auto;
  margin-right: auto;
}

.p-infobox__label {
  display: table;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: 6px 15px 7px;
  border-collapse: separate;
  border-radius: 8px;
  background: #360;
  position: relative;
  z-index: 1;
  margin-bottom: -20px;
  min-width: 200px;
}

.p-infobox__caption {
  line-height: 1.45;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  margin: -0.2em auto 20px;
}

.p-infobox__frame {
  padding: 40px 35px 35px;
  background: #fff;
  border-radius: 12px;
  border: 2px solid #360;
}

.p-infobox [class].p-info-frame-block {
  border-top: none;
  border-bottom: none;
  padding: 0;
  margin: 0 auto;
}

.p-table-onhead {
  font-size: 1.6rem;
  line-height: 1.4;
}

.p-table-onhead table {
  width: 100%;
  table-layout: fixed;
}

.p-table-onhead td,
.p-table-onhead th {
  vertical-align: middle;
  padding: 13px 15px;
}

.p-table-onhead thead {
  text-align: center;
  background: #321d0f;
  color: #fff;
}

.p-table-onhead thead th {
  padding: 8px 10px 9px;
  position: relative;
}

.p-table-onhead thead th:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 2px;
  background: #fff;
  display: block;
  border-bottom: 1px solid #321d0f;
}

.p-table-onhead thead th + th {
  border-left: 1px solid #fff;
}

.p-table-onhead thead th:first-child {
  border-left: 1px solid #321d0f;
}

.p-table-onhead thead th:last-child {
  border-right: 1px solid #321d0f;
}

.p-table-onhead tbody {
  background: #fff;
}

.p-table-onhead tbody td,
.p-table-onhead tbody th {
  border: 1px solid #321d0f;
}

.p-table-a {
  font-size: 1.6rem;
  line-height: 1.4;
}

.p-table-a table {
  width: 100%;
  table-layout: fixed;
}

.p-table-a td,
.p-table-a th {
  vertical-align: middle;
  padding: 9.5px 15px;
  border: 1px solid #321d0f;
}

.p-table-a th {
  background: #ede3dc;
}

.p-table-a td {
  background: #fff;
}

.p-table-num {
  font-size: 1.6rem;
  line-height: 1.4;
}

.p-table-num table {
  width: 100%;
  table-layout: fixed;
}

.p-table-num td,
.p-table-num th {
  vertical-align: middle;
  padding: 8px 15px;
  border: 1px solid #321d0f;
}

.p-table-num th {
  background: #ede3dc;
}

.p-table-num td {
  background: #fff;
}

.p-table-num__num {
  width: 60px;
  text-align: center;
}

.p-table-num__num--accent {
  background: #b80101 !important;
  color: #fff;
}

.p-table-num__label {
  width: 150px;
  text-align: center;
}

.p-frame {
  padding: 26px 41px;
}

.p-frame,
.p-frame-guide {
  border: 4px solid;
  border-radius: 12px;
  background: #fff;
}

.p-frame-guide {
  padding: 40px;
  display: flex;
}

.p-frame-guide__thumb {
  flex: 0 1 auto;
}

.p-frame-guide__thumb img {
  border: 1px solid #cfcfcf;
}

.p-frame-guide__label {
  font-size: 2.4rem;
  line-height: 1.6;
}

.p-frame-guide__main {
  flex: 1 1 auto;
  padding: 0 0 0 30px;
  margin-top: -0.45em;
}

.p-nav-sort {
  border-bottom: 2px solid #321d0f;
  padding: 0 0 23px;
}

.p-nav-sort__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.p-nav-sort li {
  flex: 0 1 auto;
  padding: 0 10px;
  position: relative;
}

.p-nav-sort__link {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: #ccc;
  font-size: 2rem;
  font-weight: 700;
  border-radius: 50%;
  width: 2.4em;
  height: 2.4em;
  transition:
    background 0.3s ease-in-out,
    transform 0.3s ease-in-out;
}

.p-nav-sort__link:after,
.p-nav-sort__link:before {
  left: 50%;
  border: solid transparent;
  bottom: -25px;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.p-nav-sort__link:after {
  border-color: rgba(245, 243, 241, 0);
  border-width: 10px 10px 12px;
  margin-left: -10px;
}

.p-nav-sort__link:before {
  border-color: rgba(50, 29, 15, 0);
  border-width: 13px 13px 15px;
  margin-left: -13px;
}

.p-nav-sort__link[aria-selected='true'] {
  background: #b80101;
}

.p-nav-sort__link[aria-selected='true']:after {
  border-bottom-color: #f5f3f1;
}

.p-nav-sort__link[aria-selected='true']:before {
  border-bottom-color: #321d0f;
}

html:not(.sp) .p-nav-sort__link:not([aria-selected='true']):focus,
html:not(.sp) .p-nav-sort__link:not([aria-selected='true']):hover {
  background: #b80101;
}

.p-answer {
  font-size: 1.8rem;
  padding: 0.16667em 15px 0 115px;
  position: relative;
}

.p-answer:before {
  content: 'a';
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.11111em;
  font-weight: 700;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjYzYwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyNy44MiI+PHBhdGggZD0iTTI3LjUyIDE2Ljc5YTEzLjkxIDEzLjkxIDAgMTEuMTQtNUwzMiAxNC4yNXoiLz48L3N2Zz4=');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  line-height: 1;
  padding: 0 0.35em 0.1em 0;
  width: 2.35em;
  height: 2em;
  position: absolute;
  top: 0;
  left: 2.75em;
}

.p-link-uline {
  font-weight: 700;
  color: #360;
  background: linear-gradient(0deg, currentColor 1px, transparent 0);
  padding-bottom: 0.27778em;
}

html:not(.sp) .p-link-uline:focus,
html:not(.sp) .p-link-uline:hover {
  text-decoration: none;
}

.p-case {
  font-size: 3rem;
  line-height: 1;
}

.p-case > span {
  font-size: 2em;
}

.p-ux-modal {
  overflow: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px 0;
  text-align: center;
  z-index: -999;
  visibility: hidden;
  transition:
    z-index 0s linear 0.65s,
    visibility 0s linear 0.65s;
}

.p-ux-modal:before {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.p-ux-modal:after {
  content: ' ';
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition:
    transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.35s,
    opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.35s;
}

.p-ux-modal .js-modal-filter,
.p-ux-modal:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-ux-modal .js-modal-filter {
  z-index: 0;
}

.p-ux-modal__frame {
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  padding: 0 15px;
  max-height: 100%;
  opacity: 0;
  transform: scale(0.9);
  transition:
    opacity 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0s,
    transform 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.p-ux-modal__content,
.p-ux-modal__frame {
  max-width: 100%;
  border-radius: 8px;
  position: relative;
  z-index: 5;
}

.p-ux-modal__content {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  max-height: calc(100% - 110px);
  margin-top: 55px;
  background-color: #fff;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
  font-size: 1.5rem;
}

.p-ux-modal__close {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 3rem;
  background-color: transparent;
  cursor: pointer;
  color: #fff;
}

.p-ux-modal:not([aria-hidden='true']) {
  z-index: 9999;
  visibility: visible;
  opacity: 1;
  transition:
    z-index 0s linear 0s,
    visibility 0s linear 0s,
    opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.p-ux-modal:not([aria-hidden='true']):after {
  opacity: 1;
  transition:
    transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,
    opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.p-ux-modal:not([aria-hidden='true']) .p-ux-modal__frame {
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
    transform 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
}

.p-modal-main {
  padding: 10px;
}

.p-kv {
  display: flex;
  position: relative;
  z-index: 1;
}

.p-kv [class].c-object-fit {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-kv [class].c-object-fit__cover {
  -o-object-position: center center;
  object-position: center center;
}

@-webkit-keyframes _lisnebounce {
  0% {
    transform: scaleX(1) scaleY(1);
  }

  16% {
    transform: scaleX(1.17) scaleY(1.17);
  }

  32% {
    transform: scaleX(1) scaleY(1);
  }

  50% {
    transform: scaleX(1.17) scaleY(1.17);
  }

  to {
    transform: scaleX(1) scaleY(1);
  }
}

@keyframes _lisnebounce {
  0% {
    transform: scaleX(1) scaleY(1);
  }

  16% {
    transform: scaleX(1.17) scaleY(1.17);
  }

  32% {
    transform: scaleX(1) scaleY(1);
  }

  50% {
    transform: scaleX(1.17) scaleY(1.17);
  }

  to {
    transform: scaleX(1) scaleY(1);
  }
}

.p-kv-main {
  display: flex;
  align-items: center;
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
  padding: 115px 15px 0;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

.p-kv-main img {
  display: block;
  margin: 0 auto;
}

.p-kv-main__base {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.p-kv-main__line {
  transition: opacity 0.5s ease-in-out 1.3s;
  transform-origin: center bottom;
}

.js:not(.complete) .p-kv-main__line {
  opacity: 0;
}

.js.complete .p-kv-main__line {
  -webkit-animation: _lisnebounce 1.2s linear;
  animation: _lisnebounce 1.2s linear;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.p-kv-main__copy {
  font-size: 7.2rem;
  margin-top: 0.02778em;
  transition: opacity 0.5s ease-in-out 0.3s;
}

.js:not(.complete) .p-kv-main__copy {
  opacity: 0;
}

.js.complete .p-kv-main__copy {
  -webkit-animation: _bouncebounce2 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: _bouncebounce2 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.p-kv-main__t {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-shadow: 1.414px 1.414px 6px rgba(50, 29, 15, 0.5);
  margin-top: 0.5em;
  transition:
    opacity 0.5s ease-in-out 0.97s,
    transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.97s;
}

.js:not(.complete) .p-kv-main__t {
  opacity: 0;
  transform: translate3d(0, -1em, 0);
}

.p--wave-beige {
  position: relative;
}

.p--wave-beige:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  height: 20px;
  top: -20px;
  z-index: 1;
  background: url(../images/common/wave-beige-top.png) no-repeat bottom/100% 100%;
}

.p--wave-beige .p-heading-block {
  position: relative;
  z-index: 5;
}

.p-important {
  padding-bottom: 80px;
}

.p-lets {
  min-height: 750px;
  padding: 40px 0 80px;
  position: relative;
  z-index: 1;
}

.p-lets:not(.p--mt-less) {
  margin-top: -5.3571429vw;
}

.p-lets [class].c-object-fit {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 750px;
}

.p-lets [class].c-object-fit__cover {
  -o-object-position: center top;
  object-position: center top;
}

.p-lets-list-group {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}

.p-lets-list-group li {
  padding: 0 6px;
  flex: 0 1 auto;
}

.p-lets-list {
  display: block;
  width: 185px;
  max-width: 100%;
  line-height: 1.45;
  font-size: 1.5rem;
  font-weight: 700;
  color: #b80101;
  position: relative;
  transition: color 0.3s ease-in-out;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
}

html:not(.sp) .p-lets-list[href]:focus,
html:not(.sp) .p-lets-list[href]:hover {
  text-decoration: none;
  color: #be5f00;
}

html:not(.sp) .p-lets-list[href]:focus:before,
html:not(.sp) .p-lets-list[href]:hover:before {
  opacity: 1;
  transform: translateZ(0);
  transition:
    transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    opacity 0s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

html:not(.sp) .p-lets-list[href]:focus:after,
html:not(.sp) .p-lets-list[href]:hover:after {
  opacity: 1;
}

.p-lets-list__base {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 180px;
  width: 100%;
  padding: 20px 10px 25px;
  border-radius: 40px;
  border: 2px solid #fff;
  background: url(../images/common/bg-red.jpg) repeat top/485px;
}

.p-lets-list__base:after,
.p-lets-list__base:before {
  top: calc(100% - 2px);
  left: 50%;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  border: solid transparent;
  border-bottom: 0 solid transparent;
}

.p-lets-list__base:after {
  border-top-color: currentColor;
  border-top-width: 10px;
  border-left-width: 7px;
  border-right-width: 7px;
  margin-left: -7px;
}

.p-lets-list__base:before {
  border-top-color: #fff;
  border-top-width: 13px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
}

.p-lets-list__label {
  flex: 0 1 auto;
  display: block;
  position: relative;
  z-index: 1;
  text-align: center;
}

.p-lets-list__i {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  color: #fff;
  position: relative;
  z-index: 1;
}

.p-lets-list__i svg {
  stroke-width: 0.1;
}

.p-lets-list__text {
  flex: 0 1 auto;
  display: block;
  color: #fff;
  position: relative;
  z-index: 1;
}

.p-event {
  padding: 60px 0 75px;
}

.p-cover {
  position: relative;
  z-index: 1;
  color: #fff;
}

.p-cover__base {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  padding: 80px 15px 73px;
}

.p-cover [class].c-object-fit {
  z-index: -2;
}

.p-cover:before,
.p-cover [class].c-object-fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-cover:before {
  content: '';
  display: block;
  background: rgba(50, 29, 15, 0.5);
  z-index: -1;
}

.p-cover--type-b:before {
  background: rgba(50, 29, 15, 0.7);
}

.p-voice {
  padding: 40px 0 100px;
  min-height: 760px;
  position: relative;
  z-index: 1;
}

.p-voice__bg {
  display: block;
  position: absolute;
  width: 100%;
  z-index: -1;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.p-news {
  padding: 60px 0 80px;
}

.p-recruit {
  padding: 50px 0;
  min-height: 450px;
  background: url(../images/home/recruit-bg.jpg) no-repeat 50% / cover;
}

.p-recruit-main {
  width: 570px;
  max-width: 100%;
  padding: 45px 50px 40px;
  background: #fff;
  border-radius: 12px;
}

.p-recruit-main__label {
  line-height: 1;
  text-align: center;
  margin-bottom: 25px;
}

.p-post {
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(7, 0, 2, 0.16);
}

.p-post [class].p-pager {
  margin-top: 30px;
  padding-bottom: 0;
}

.p-post__info {
  order: -1;
}

.p-post__header {
  width: 100%;
  order: -1;
  padding: 0 15px;
}

.p-post__editor,
.p-post__pager,
.p-post__share {
  width: 700px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  max-width: 100%;
}

.p-post__time {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  font-weight: 700;
  line-height: 1;
  padding: 17px 10px 0 25px;
}

.p-post__time [class].c-icon {
  color: #b80101;
  margin-right: 7px;
}

.p-post__editor {
  margin-top: 30px;
  padding-bottom: 50px;
}

.p-post__base {
  width: 780px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0 75px;
  display: flex;
  flex-direction: column;
}

.p-sharearea {
  border-radius: 12px;
  line-height: 1;
  padding: 15px 10px;
  background: #eee;
}

.p-sharearea__skin {
  width: 100%;
}

.p-sharearea__header {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  padding-right: 15px;
  font-size: 1.4rem;
  font-weight: 700;
}

.p-sharearea__content {
  flex: 0 1 auto;
}

.p-post-voice {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px 0 rgba(7, 0, 2, 0.16);
  padding: 50px 15px 100px;
}

.p-post-voice__base {
  width: 770px;
  max-width: 100%;
  margin: 0 auto;
}

.p-post-voice__thumb {
  -webkit-clip-path: url(#clip-v-balloon);
  clip-path: url(#clip-v-balloon);
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  width: 370px;
  max-width: 100%;
  margin: 0 auto;
}

.p-post-voice__thumb [class].c-object-fit {
  display: block;
  padding-top: 67.56757%;
}

.p-post-voice__tag {
  display: inline-block;
  color: #fff;
  background: #b80101;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 8px 18px;
  border-radius: 30px;
  min-width: 200px;
  font-weight: 700;
  margin-bottom: 10px;
}

.p-post-voice__title {
  font-size: 2.8rem;
  line-height: 1.6;
  border-bottom: 3px solid #b80101;
  padding: 0 15px 2px;
  margin-bottom: 20px;
}

.p-post-voice__title [class].p--s {
  font-size: 0.57143em;
  margin-right: 1em;
}

.p-post-voice__title [class].p--m {
  font-size: 0.64286em;
  margin-left: 0.25em;
}

.p-post-voice__cat > span {
  color: #360;
}

.p-post-voice__list {
  display: flex;
  align-items: flex-start;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 10px;
}

.p-post-voice__list dt {
  flex: 0 0 auto;
  width: 90px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 3px 5px 4px;
  border-radius: 24px;
  background: #321d0f;
  color: #fff;
  margin-right: 15px;
}

.p-post-voice__list dd {
  margin-top: -0.07143em;
}

.p-post-voice__text {
  font-size: 1.6rem;
  margin-top: 25px;
}

.p-post-voice__faq {
  margin-top: 75px;
}

.p-post-voice__faq:not(:last-child) {
  margin-bottom: 80px;
}

.p-post-voice [class].p-heading-q {
  margin-bottom: 30px;
}

.p-post-voice-block {
  display: flex;
  justify-content: center;
}

.p-post-voice-block__text {
  flex: 1 1 auto;
  padding: 0 15px;
  margin-top: -7.2px;
}

.p-post-voice-block__pic {
  width: 285px;
  flex: 0 0 auto;
  padding: 0 15px;
  text-align: center;
}

.p-side-wrapper {
  padding: 40px 0 80px;
}

.p-side {
  margin-bottom: 30px;
}

.p-side__base {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px 0 rgba(7, 0, 2, 0.16);
}

.p-side__header {
  background: #b80101;
  color: #fff;
  border-radius: 12px 12px 0 0;
  padding: 14px 80px 14px 20px;
  position: relative;
  z-index: 1;
}

.p-side__header:before {
  content: '';
  display: block;
  width: 80px;
  height: 60px;
  position: absolute;
  bottom: 0;
  right: -10px;
  z-index: -1;
  background: url(../images/common/kumamon-type-a.png) no-repeat 0 0/100%;
}

.p-side__label img {
  display: block;
}

.p-sidelist {
  font-size: 1.6rem;
  line-height: 1.5;
  overflow: hidden;
  padding: 0 20px 40px;
}

.p-sidelist [class].children [class].c-icon {
  display: none;
}

.p-sidelist > li {
  border-bottom: 1px solid #d0c9c5;
}

.p-sidelist > li > ul {
  padding-bottom: 10px;
}

.p-sidelist > li > ul a {
  display: flex;
  padding: 5px 10px;
  position: relative;
  transition: color 0.3s;
}

.p-sidelist > li > ul a:before {
  content: '├';
  display: block;
  flex: 0 0 auto;
  color: #360;
  padding-right: 5px;
}

.p-sidelist > li > ul a.is-current {
  color: #360;
}

html:not(.sp) .p-sidelist > li > ul a:focus,
html:not(.sp) .p-sidelist > li > ul a:hover {
  text-decoration: none;
  color: #360;
}

.p-sidelist > li > ul a i,
.p-sidelist > li > ul a svg {
  display: none;
}

.p-sidelist > li > ul li {
  border-top: 1px solid #fff;
}

.p-sidelist > li > ul li:last-child a:before {
  content: '└';
}

.p-sidelist > li > a {
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 30px;
  position: relative;
  transition:
    color 0.3s,
    padding 0.3s,
    background-color 0.3s;
}

.p-sidelist > li > a i,
.p-sidelist > li > a svg {
  flex: 0 0 auto;
  margin-bottom: -0.13333em;
  color: #b80101;
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translate3d(0, -50%, 0);
  font-size: 0.9em;
}

.p-sidelist > li > a.is-current {
  color: #360;
}

html:not(.sp) .p-sidelist > li > a:focus,
html:not(.sp) .p-sidelist > li > a:hover {
  text-decoration: none;
}

html:not(.sp) .p-sidelist > li > a:not(.is-current):focus,
html:not(.sp) .p-sidelist > li > a:not(.is-current):hover {
  background-color: #f9f9f9;
  text-decoration: none;
  color: #360;
}

.p-side-sub {
  margin-bottom: 30px;
}

.p-side-sub li {
  border-top: 1px solid #d0c9c5;
}

.p-side-sub li:last-child {
  border-bottom: 1px solid #d0c9c5;
}

.p-side-sub [class].p-bnr-media {
  padding: 17px 5px 17px 15px;
}

.p-side-sub [class].p-bnr-media__i {
  padding: 2px 0 0;
}

.p-side-sub [class].p-bnr-media__i [class].c-icon {
  width: 40px;
  height: 40px;
}

.p-side-sub [class].p-bnr-media dl {
  padding: 0 0 0 15px;
}

.p-side-sub [class].p-bnr-media dt {
  font-size: 2.4rem;
  margin-top: 0;
}

.p-side-sub [class].p-bnr-media dt.p--s {
  font-size: 2.2rem;
  margin-top: 2px;
}

.p-side-sub [class].p-bnr-media dd {
  font-size: 1.1rem;
}

.p-form-frame {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 42px 15px 60px;
  box-shadow: 0 1px 4px 0 rgba(7, 0, 2, 0.16);
}

.p-form-frame__inner {
  width: 770px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-form-frame--space-s {
  padding: 42px 15px 40px;
}

.p-form-flow-set {
  position: relative;
  z-index: 1;
}

.p-form-flow-set:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0);
  border-left: 2px dashed #360;
  z-index: -1;
}

.p-formset-group {
  margin-bottom: 30px;
}

.p-formset {
  position: relative;
  padding: 14px 0;
}

.p-formset [class].p--size370 {
  max-width: 370px !important;
}

.p-formset [class].p--size260 {
  max-width: 260px !important;
}

.p-formset [class].p--size200 {
  max-width: 200px !important;
}

.p-formset [class].p--size150 {
  max-width: 150px !important;
}

.p-formset label {
  cursor: pointer;
}

.p-formset [class].p-table-list {
  background-color: #fff;
}

.p-formset [class].c-selectbox {
  width: 270px;
  vertical-align: top;
}

.p-formset input {
  min-width: 0;
}

.p-formset
  input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
    [type='range']
  ):not([type='color']),
.p-formset textarea {
  width: auto;
  max-width: 100%;
  font-size: 1.6rem;
  height: auto;
  min-height: 60px;
  padding: 4px 10px;
  border: 1px solid #999;
  border-radius: 8px !important;
  background-color: #fff;
  vertical-align: middle;
}

.p-formset
  input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
    [type='range']
  ):not([type='color']):not([size]),
.p-formset textarea:not([size]) {
  width: 100%;
}

.p-formset
  input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
    [type='range']
  ):not([type='color'])[required],
.p-formset textarea[required] {
  background-color: #fff6f6;
}

.p-formset textarea {
  min-height: 4em;
}

.p-formset__header {
  min-width: 0;
  inline-size: auto;
}

.p-formset [class].wpcf7-form-control-wrap {
  width: 100%;
}

.p-formset-address {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.p-formset-address [class].c-selectbox {
  vertical-align: top;
}

.p-formset-address__col {
  flex: 0 1 auto;
}

.p-formset-address__col--i {
  flex: 0 0 auto;
  width: 40px;
  text-align: center;
}

.p-formset-address__col--postal-code {
  padding-right: 20px;
}

.p-formset-address__col--postal-code input {
  min-width: 140px;
}

.p-formset-address__col--region {
  width: 140px;
}

.p-formset-address__col--other {
  width: 100%;
  margin-top: 10px;
}

.p-formset-ymd,
.p-formset-ymd__col {
  display: flex;
  align-items: center;
}

.p-formset-ymd__col {
  flex: 0 1 auto;
}

.p-formset-ymd__col:not(:last-child) {
  padding-right: 40px;
}

.p-formset-ymd__col > span {
  flex: 0 1 auto;
  margin-right: 10px;
}

.p-formset-ymd__col--d [class].c-selectbox,
.p-formset-ymd__col--m [class].c-selectbox {
  width: 75px !important;
}

.p-formset-list {
  display: flex;
  flex-wrap: wrap;
}

.p-formset-list [class].p-formset-item {
  padding-right: 2.5em;
}

.p-formset-item {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 5px 0;
}

.p-formset-item__label {
  flex: 0 1 auto;
}

.p-formset-item__content {
  flex: 0 1 auto;
  white-space: nowrap;
}

.p-formset-layout {
  display: flex;
  align-items: center;
}

.p-formset-layout__col {
  flex: 0 1 auto;
}

.p-formset-label {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  min-width: 0;
  line-height: 1.2;
  max-width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.p-formset-label [class].p-formset-status {
  order: -1;
  margin-right: 1em;
}

.p-formset-status {
  display: flex;
  min-width: 0;
  flex: 0 0 auto;
  width: 40px;
  height: 20px;
  justify-content: center;
  align-items: center;
  background-color: #999;
  border-radius: 4px;
  line-height: 1;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 0 0 1px;
  margin: 0.5px 0 0;
}

.p-formset-status--required {
  background-color: #c60;
}

.p-formset-pr {
  color: #360;
  font-size: 1.5rem;
  padding: 10px 0 5px;
}

.p-formitem-list:not(.wpcf7-form-control) {
  display: inline-block;
  margin: 9px 0 3px;
  padding-right: 1.25em;
  min-width: 30%;
}

.p-formitem-list:not(.wpcf7-form-control) input {
  flex: 0 0 auto;
}

.p-formitem-list:not(.wpcf7-form-control) [type='radio'] {
  cursor: pointer;
  margin-top: -0.1875em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  flex: 0 0 auto;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid #999;
  box-shadow: inset 0 0 0 3px #fff;
  border-radius: 50%;
  margin-right: 5px;
  background-color: #fff;
  outline: none;
}

.p-formitem-list:not(.wpcf7-form-control) [type='radio']:checked {
  background-color: #360;
}

.p-formitem-list:not(.wpcf7-form-control) [type='checkbox'] {
  cursor: pointer;
  margin-top: -0.1875em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  flex: 0 0 auto;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid #360;
  box-shadow: inset 0 0 0 3px #fff;
  margin-right: 5px;
  background-color: #fff;
  outline: none;
  background-size: 0.8em;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.p-formitem-list:not(.wpcf7-form-control) [type='checkbox']:checked {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMzYwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4xMyAxNS4wNCI+PHBhdGggZD0iTTIuNTggNS42MkwwIDguMjJsNC4yIDQuMjMgMi41NyAyLjU5IDIuNTgtMi41OSA5Ljc4LTkuODVMMTYuNTUgMCA2Ljc3IDkuODUgMi41OCA1LjYyeiIvPjwvc3ZnPg==');
}

.p-formitem-list:not(.wpcf7-form-control)
  input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
    [type='range']
  ):not([type='color']) {
  min-height: 1.6em;
  padding: 0.33333em 0.66667em;
}

.p-formitem-list:not(.wpcf7-form-control)--in {
  display: flex;
  align-items: center;
}

.p-formitem-list-group {
  display: flex;
}

.p-formitem-list-group + .p-formitem-list-group {
  margin-top: 12px;
  margin-bottom: 2px;
}

.p-formitem-list-group__col {
  flex: 0 1 auto;
}

.p-formitem-list-group .p-formitem-list span.wpcf7-list-item {
  margin: 4px 0 3px;
}

.p-formitem-list-group
  input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
    [type='range']
  ):not([type='color']) {
  min-height: 40px;
  width: 100%;
}

.p-form-footer {
  width: 770px;
  max-width: 100%;
  margin: 15px auto 0;
  padding: 40px 0 0;
  border-top: 1px solid #ccc;
}

.p-form-confirmed {
  line-height: 1.4;
  max-width: 100%;
  margin: 0 auto 20px;
}

.p-form-confirmed .p-formset-status {
  margin-right: 15px;
}

.p-form-confirmed label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
  width: 370px;
  max-width: 100%;
  border-radius: 60px;
  background: #ede3dc;
  color: #333;
  font-size: 1.4rem;
  cursor: pointer;
  transition: box-shadow 0.3s;
  position: relative;
}

.p-form-confirmed label [class].wpcf7-list-item-label {
  margin-top: -2px;
}

html:not(.sp) .p-form-confirmed label:focus,
html:not(.sp) .p-form-confirmed label:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}

.p-form-confirmed label:before {
  content: '';
  border-color: #ede3dc transparent transparent;
  border-style: solid;
  border-width: 10px 9px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -9px;
}

.p-form-confirmed [type='checkbox'] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  flex: 0 0 auto;
  width: 1.42857em;
  height: 1.42857em;
  border: 1px solid #ccc;
  box-shadow: inset 0 0 0 3px #fff;
  margin-right: 10px;
  background-color: #fff;
  outline: none;
  background-size: 0.8em;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.p-form-confirmed [type='checkbox']:checked {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjYjgwMTAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4xMyAxNS4wNCI+PHBhdGggZD0iTTIuNTggNS42MkwwIDguMjJsNC4yIDQuMjMgMi41NyAyLjU5IDIuNTgtMi41OSA5Ljc4LTkuODVMMTYuNTUgMCA2Ljc3IDkuODUgMi41OCA1LjYyeiIvPjwvc3ZnPg==');
}

.p-form-button {
  margin: 0 auto;
}

.p-form-button,
.p-form-button-wrapper {
  display: flex;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}

.p-form-button-wrapper {
  width: 470px;
  height: 80px;
  border-radius: 80px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
  font-size: 2rem;
  line-height: 1.25;
  color: #fff;
  background: #b80101;
  transition:
    background 0.3s,
    color 0.3s;
}

.is-desabled .p-form-button-wrapper {
  cursor: not-allowed;
  background: #d9d9d9;
  color: #999;
  pointer-events: none;
}

html:not(.sp) .p-form-send:not(:disabled) .p-form-button-wrapper:focus,
html:not(.sp) .p-form-send:not(:disabled) .p-form-button-wrapper:hover {
  background: #970101;
}

.p-form-button-wrapper [class].p-form-button {
  width: 100%;
  height: 100%;
  color: inherit;
  font-size: 1em;
  font-weight: inherit;
  background: transparent;
  position: relative;
  z-index: 2;
  padding: 0 0 0 1.5em;
}

.p-form-button-wrapper__i {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0 0;
}

.p-form-button-wrapper__i [class].c-icon {
  font-size: 1.25em;
  margin-right: 5px;
}

.p-form-frame-title {
  display: table;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: 6px 15px 7px;
  border-collapse: separate;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  background: #360;
  position: relative;
  z-index: 1;
  margin-bottom: -20px;
  min-width: 200px;
}

.wpcf7-form .p-formitem-list.p-formitem-list--2col .wpcf7-list-item {
  min-width: 40%;
}

.wpcf7-form .p-formitem-list .wpcf7-list-item {
  font-size: 1.6rem;
  display: inline-block;
  margin: 9px 0 3px;
  padding-right: 1.25em;
  min-width: 20%;
}

.wpcf7-form .p-formitem-list .wpcf7-list-item input {
  flex: 0 0 auto;
}

.wpcf7-form .p-formitem-list .wpcf7-list-item [type='radio'] {
  cursor: pointer;
  margin-top: -0.1875em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  flex: 0 0 auto;
  width: 1.875em;
  height: 1.875em;
  color: #ddd;
  border: 2px solid;
  box-shadow: inset 0 0 0 3px currentColor;
  border-radius: 50%;
  margin-right: 0.625em;
  background-color: currentColor;
  outline: none;
  transition:
    box-shadow 0.2s,
    color 0.2s;
}

.wpcf7-form .p-formitem-list .wpcf7-list-item [type='radio']:checked {
  color: #360;
  box-shadow: inset 0 0 0 3px #fff;
}

.wpcf7-form .p-formitem-list .wpcf7-list-item [type='checkbox'] {
  cursor: pointer;
  margin-top: -0.1875em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  flex: 0 0 auto;
  width: 1.875em;
  height: 1.875em;
  border: 2px solid #ddd;
  box-shadow: inset 0 0 0 3px #ddd;
  margin-right: 0.625em;
  background-color: #ddd;
  outline: none;
  background-size: 0.8em;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.wpcf7-form .p-formitem-list .wpcf7-list-item [type='checkbox']:checked {
  border-color: #360;
  box-shadow: inset 0 0 0 3px #fff;
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMzYwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4xMyAxNS4wNCI+PHBhdGggZD0iTTIuNTggNS42MkwwIDguMjJsNC4yIDQuMjMgMi41NyAyLjU5IDIuNTgtMi41OSA5Ljc4LTkuODVMMTYuNTUgMCA2Ljc3IDkuODUgMi41OCA1LjYyeiIvPjwvc3ZnPg==');
}

.wpcf7-form
  .p-formitem-list
  .wpcf7-list-item
  input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
    [type='range']
  ):not([type='color']) {
  min-height: 1.6em;
  padding: 0.33333em 0.66667em;
}

.wpcf7-form .p-formitem-list--in {
  display: flex;
  align-items: center;
  padding-right: 0;
}

.wpcf7-form .p-formitem-list--in > input {
  flex: 1 1 auto;
}

.wpcf7-form .p-formitem-list--in [class].wpcf7-list-item {
  min-width: 3em;
  margin: 0;
}

.wpcf7-form .p-formitem-list--in [class].wpcf7-list-item label {
  display: flex;
  align-items: center;
}

.wpcf7-form .p-formitem-list--in [class].wpcf7-list-item label [type='checkbox'],
.wpcf7-form .p-formitem-list--in [class].wpcf7-list-item label [type='radio'] {
  flex: 0 0 auto;
}

.wpcf7-form .p-form-confirmed span:not(.p-formset-status) {
  display: block;
}

.wpcf7-form .p-form-button-wrapper [class].ajax-loader {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translate3d(-50%, -50%, 0);
}

.wpcf7-form .p-form-confirmed {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wpcf7-form .p-form-confirmed [class].p-formset-status {
  margin-right: 0;
}

.wpcf7-form .p-form-confirmed span.wpcf7-list-item {
  margin: 0;
}

html:not(.sp) .wpcf7-form .p-form-confirmed label:focus,
html:not(.sp) .wpcf7-form .p-form-confirmed label:hover {
  box-shadow: none;
}

.p-block-wrapper {
  padding: 40px 0;
}

.p-block-wrapper--s {
  padding: 25px 0 40px;
}

.p-inner {
  padding-left: 15px;
  padding-right: 15px;
}

.p-separater {
  border-bottom: 1px solid #d0c9c5;
  padding: 0 15px 35px;
}

.p-separater + .p-separater {
  padding-top: 35px;
}

.p-section-b80 {
  padding-bottom: 80px;
}

.p-section-b110 {
  padding-bottom: 110px;
}

.p-section-b120 {
  padding-bottom: 120px;
}

.p-stepflow {
  display: flex;
}

.p-stepflow-state {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 27.83505%;
  position: relative;
}

.p-stepflow-state__i {
  flex: 0 1 auto;
  padding: 0 0 30px;
}

.p-stepflow-main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 72.16495%;
  padding: 0 15px 0 30px;
}

.p-stepflow-header {
  display: flex;
  align-items: center;
  margin-top: -3px;
}

.p-stepflow-header__num {
  flex: 0 0 auto;
  padding-right: 19px;
}

.p-stepflow-header__main {
  display: flex;
  flex-direction: column;
  font-size: 3.6rem;
  line-height: 1.3;
  font-weight: 700;
}

.p-stepflow-header__label {
  font-size: 1em;
  margin-right: -0.5em;
}

.p-stepflow-header__sub {
  order: -1;
  font-size: 0.5em;
  margin: 0 0 0.11111em;
}

.p-stepflow-header--block {
  flex-direction: column;
  text-align: center;
}

.p-stepflow-header--block .p-stepflow-header__num {
  padding: 0 0 14px;
}

.p-stepflow-balloon {
  font-size: 2rem;
  font-weight: 700;
  background: #321d0f;
  border-radius: 8px;
  color: #fff;
  line-height: 1.4;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
}

.p-stepflow-balloon:before {
  content: '';
  display: block;
  position: absolute;
  border-right: 7.5px solid transparent;
  border-color: transparent #321d0f transparent transparent;
  border-style: solid;
  border-width: 7.5px 10px 7.5px 0;
  left: -10px;
  top: 50%;
  margin-top: -7.5px;
}

.p-stepflow-balloon--down {
  text-align: center;
}

.p-stepflow-balloon--down:before {
  transform: rotate(-90deg);
  margin: 0 0 0 -10px;
  top: auto;
  left: 50%;
  bottom: -12px;
}

.p-stepflow-frame {
  width: 1170px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #c60;
  display: flex;
  flex-direction: column;
}

.p-stepflow-frame--brown,
.p-stepflow-frame--brown [class].p-stepflow-header {
  color: #776045;
}

.p-stepflow-frame__label {
  display: table;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: 6px 15px 7px;
  border-collapse: separate;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  background: currentColor;
  position: relative;
  z-index: 1;
  margin-bottom: -27px;
  min-width: 200px;
}

.p-stepflow-frame__main {
  background: #fff;
  border-radius: 12px;
  border: 4px solid;
  padding: 50px 15px 55px;
  flex: 1 1 auto;
  display: flex;
}

.p-stepflow-frame__content {
  width: 970px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #321d0f;
  display: flex;
  flex-direction: column;
}

.p-stepflow-frame__content--s {
  width: 470px;
}

.p-stepflow-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.p-stepflow-item [class].p-stepflow-separater {
  margin-top: auto;
  flex: 1 1 auto;
}

.p-stepflow-separater {
  padding: 25px 15px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.p-pic-set {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-pic-set__main {
  display: flex;
  justify-content: flex-end;
}

.p-pic-set__main,
.p-pic-set__pic {
  flex: 0 1 auto;
  width: 100%;
  max-width: 100%;
}

.p-pic-set__pic {
  position: relative;
  z-index: 0;
}

.p-pic-set__pictext {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1.4rem;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  line-height: 1.5;
  padding: 15px 20px;
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}

.p-pic-set-content {
  background: #fff;
  border-radius: 12px;
  position: relative;
  z-index: 2;
  padding: 40px 50px 35px;
  width: 670px;
  max-width: calc(100% - 15px);
}

.p-pic-set-content [class].p-heading-symbol {
  border-bottom: none;
  padding: 0;
}

.p-pic-set--rv .p-pic-set__main {
  justify-content: flex-start;
}

.p-simple-frame {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #360;
  display: flex;
  flex-direction: column;
}

.p-simple-frame__label {
  display: table;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: 6px 15px 7px;
  border-collapse: separate;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  background: currentColor;
  position: relative;
  z-index: 1;
  margin-bottom: -22px;
  min-width: 200px;
}

.p-simple-frame__main {
  background: #fff;
  border-radius: 12px;
  border: 4px solid;
  padding: 45px 15px 55px;
  flex: 1 1 auto;
  display: flex;
}

.p-simple-frame__content {
  width: 970px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #321d0f;
  display: flex;
  flex-direction: column;
}

.p-simple-frame__content--s {
  width: 470px;
}

.p-emigration-frame {
  width: 920px;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #360;
  display: flex;
  flex-direction: column;
}

.p-emigration-frame__label {
  display: table;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: 6px 20px 7px;
  border-collapse: separate;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  background: currentColor;
  position: relative;
  z-index: 1;
  margin-bottom: -22px;
  min-width: 240px;
}

.p-emigration-frame__main {
  background: #fff;
  border-radius: 12px;
  border: 4px solid;
  padding: 35px 15px 45px;
  flex: 1 1 auto;
  display: flex;
}

.p-emigration-frame__content {
  width: 770px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #321d0f;
}

.p-emigration-frame__content--s {
  width: 470px;
}

.p-block-separte-both {
  border-top: 1px solid #d0c9c5;
  border-bottom: 1px solid #d0c9c5;
  padding: 15px;
}

.p-beginner-about-kv {
  text-align: center;
  padding: 5px;
  background: url(../images/common/ptn-icons.png) repeat-x top/695px auto;
}

.p-pager-wrapper {
  padding: 0 0 60px;
}

.p-pager {
  margin-top: 40px;
  display: flex;
  width: 100%;
  line-height: 1;
  align-items: center;
  justify-content: center;
  color: #321d0f;
}

.p-pager--stretch {
  align-items: stretch;
}

.p-pager__col {
  min-width: 0;
}

.p-pager__col.p-pager__col--both {
  flex: 0 0 auto;
  font-size: 1.5rem;
}

.p-pager__col.p-pager__col--both .p-pager__link {
  height: 40px;
  border-radius: 8px;
  padding: 5px;
  max-width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  position: relative;
}

.p-pager__col.p-pager__col--both .p-pager__link.is-disabled {
  background-color: #b9b9b9;
  color: #fff;
  cursor: not-allowed;
}

.p-pager__col.p-pager__col--both .p-pager__link [class].c-icon {
  font-size: 0.73333em;
  margin-top: 0.18182em;
}

html:not(.sp) .p-pager__col.p-pager__col--both .p-pager__link:not(.is-disabled):focus,
html:not(.sp) .p-pager__col.p-pager__col--both .p-pager__link:not(.is-disabled):hover {
  border-color: #360;
  background-color: #360;
  color: #fff;
}

.p-pager__col.p-pager__col--both.p-pager__col--prev [class].c-icon {
  margin-right: 8px;
}

.p-pager__col.p-pager__col--both.p-pager__col--prev .p-pager__link {
  padding: 5px 10px;
}

.p-pager__col.p-pager__col--both.p-pager__col--next [class].c-icon {
  margin-left: 8px;
}

.p-pager__col.p-pager__col--both.p-pager__col--next .p-pager__link {
  padding: 5px 10px;
}

.p-pager__col.p-pager__col--list {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1;
}

.p-pager__col.p-pager__col--list .p-pager__link {
  font-weight: 500;
}

.p-pager__col.p-pager__col--list li {
  flex: 0 1 auto;
  padding: 0 10px;
}

.p-pager__col.p-pager__col--list .p-pager__link {
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: normal;
  padding: 0 0 2px;
}

.p-pager__col.p-pager__col--sparate {
  flex: 0 1 auto;
  width: 50%;
  display: flex;
}

.p-pager__col.p-pager__col--sparate .p-pager__label {
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  background: #360;
  color: #fff;
  display: flex;
  width: 80px;
  height: 25px;
  border-radius: 8px;
  text-align: center;
  padding: 3px 5px;
  display: inline-block;
}

.p-pager__col.p-pager__col--sparate + .p-pager__col--sparate {
  border-left: 1px solid #705d4c;
}

.p-pager__col.p-pager__col--sparate .p-pager__text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  transition: color 0.3s;
  max-width: 240px;
  color: #222;
}

.p-pager__col.p-pager__col--sparate .p-pager__link {
  display: block;
  width: 100%;
  padding: 0 10px 0 0;
}

html:not(.sp) .p-pager__col.p-pager__col--sparate .p-pager__link:not([disabled]):focus .p-pager__text,
html:not(.sp) .p-pager__col.p-pager__col--sparate .p-pager__link:not([disabled]):hover .p-pager__text {
  color: #360;
  text-decoration: underline;
}

.p-pager__col.p-pager__col--sparate .p-pager__link[disabled] {
  opacity: 0.6;
}

.p-pager__col.p-pager__col--sparate.p-pager__col--next {
  text-align: right;
}

.p-pager__col.p-pager__col--sparate.p-pager__col--next .p-pager__link {
  padding: 0 0 0 10px;
}

.p-pager__col.p-pager__col--sparate.p-pager__col--next .p-pager__text {
  text-align: left;
  margin-left: auto;
}

html:not(.sp) a.p-pager__col--sparate:focus,
html:not(.sp) a.p-pager__col--sparate:hover {
  text-decoration: none;
}

.p-pager__link {
  position: relative;
  display: block;
  transition:
    color 0.3s ease-in-out,
    background-color 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out,
    border 0.3s ease-in-out;
}

html:not(.sp) .p-pager__link:focus,
html:not(.sp) .p-pager__link:hover {
  text-decoration: none;
}

.p-pager__link [class].c-icon {
  transition: transform 0.3s ease-in-out;
}

.p-pager__omission {
  justify-content: center;
  margin: 0 -10px;
}

.p-pager__g,
.p-pager__omission {
  display: flex;
  align-items: center;
}

.p-pager__g .p-pager__text {
  flex: 1 1 auto;
  padding: 0 15px;
}

.p-pager__g .p-pager__thumb {
  flex: 0 0 auto;
}

.u-color-white {
  color: #fff !important;
}

.u-color-black {
  color: #000 !important;
}

.u-color-gray,
.u-color-mask {
  color: #ccc !important;
}

.u-color-theme {
  color: #360 !important;
}

.u-color-accent {
  color: #b80101 !important;
}

.u-color-point {
  color: #c60 !important;
}

.u-color-text {
  color: #321d0f !important;
}

.u-color-danger {
  color: red !important;
}

.u-color-warning {
  color: #ff6c00 !important;
}

.u-bg-white {
  background-color: #fff !important;
}

.u-bg-black {
  background-color: #000 !important;
}

.u-bg-gray,
.u-bg-mask {
  background-color: #ccc !important;
}

.u-bg-theme {
  background-color: #360 !important;
}

.u-bg-accent {
  background-color: #b80101 !important;
}

.u-bg-point {
  background-color: #c60 !important;
}

.u-bg-text {
  background-color: #321d0f !important;
}

.u-bg-danger {
  background-color: red !important;
}

.u-bg-warning {
  background-color: #ff6c00 !important;
}

.u-empty:empty {
  display: none !important;
}

.u-hidden {
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  visibility: hidden !important;
  width: 0 !important;
}

.u-d {
  display: inherit !important;
}

.u-b {
  display: block !important;
}

.u-ib {
  display: inline-block !important;
}

.u-f {
  display: flex !important;
}

.u-n {
  display: none !important;
}

.u-justify-content-start {
  justify-content: flex-start;
}

.u-justify-content-end {
  justify-content: flex-end;
}

.u-justify-content-center {
  justify-content: center;
}

.u-justify-content-between {
  justify-content: space-between;
}

.u-flex-nowrap {
  flex-wrap: nowrap;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-align-items-start {
  align-items: flex-start;
}

.u-align-items-end {
  align-items: flex-end;
}

.u-align-items-center {
  align-items: center;
}

.u-align-items-baseline {
  align-items: baseline;
}

.u-align-items-stretch {
  align-items: stretch;
}

.u-order-0 {
  order: 0;
}

.u-order-1 {
  order: 1;
}

.u-order-_1 {
  order: -1;
}

.u-flex-00auto {
  flex: 0 0 auto !important;
}

.u-flex-01auto {
  flex: 0 1 auto !important;
}

.u-flex-11auto {
  flex: 1 1 auto !important;
}

.u-flex-10auto {
  flex: 1 0 auto !important;
}

.u-align-self-auto {
  -ms-grid-row-align: auto;
  align-self: auto;
}

.u-align-self-start {
  align-self: flex-start;
}

.u-align-self-end {
  align-self: flex-end;
}

.u-align-self-center {
  -ms-grid-row-align: center;
  align-self: center;
}

.u-align-self-baseline {
  align-self: baseline;
}

.u-align-self-stretch {
  align-items: stretch;
}

.u-100 {
  font-weight: 100 !important;
}

.u-200 {
  font-weight: 200 !important;
}

.u-300 {
  font-weight: 300 !important;
}

.u-400 {
  font-weight: 400 !important;
}

.u-500 {
  font-weight: 500 !important;
}

.u-600 {
  font-weight: 600 !important;
}

.u-700 {
  font-weight: 700 !important;
}

.u-900 {
  font-weight: 900 !important;
}

.u-family-gothic {
  font-family:
    YakuHanJP,
    HiraginoKakuGothic,
    Hiragino Kaku Gothic ProN,
    ヒラギノ角ゴ ProN,
    Hiragino Kaku Gothic Pro,
    ヒラギノ角ゴシック Pro,
    メイリオ,
    Meiryo,
    MS Pゴシック,
    MS PGothic,
    sans-serif !important;
}

.u-family-yumin {
  font-family:
    YuMinchoM_F,
    YuMincho,
    游明朝,
    Hiragino Mincho ProN,
    ヒラギノ明朝 Pro,
    Hiragino Mincho Pro,
    MS P明朝,
    MS PMincho,
    serif !important;
}

.u-family-mincho {
  font-family:
    YakuHanJP,
    Hiragino Mincho ProN,
    ヒラギノ明朝 Pro,
    Hiragino Mincho Pro,
    YuMinchoM_F,
    YuMincho,
    游明朝,
    HG明朝E,
    serif !important;
}

.u-family-noto {
  font-family:
    YakuHanJP,
    Noto-Sans-JP,
    source-han-sans-japanese,
    Noto Sans JP,
    HiraginoKakuGothic,
    Hiragino Kaku Gothic ProN,
    ヒラギノ角ゴ ProN,
    Hiragino Kaku Gothic Pro,
    ヒラギノ角ゴシック Pro,
    メイリオ,
    Meiryo,
    MS Pゴシック,
    MS PGothic,
    sans-serif !important;
}

.u-family-din-2014 {
  font-family: din-2014, sans-serif !important;
}

.u-ime-inherit {
  ime-mode: inherit;
}

.u-ime-auto {
  ime-mode: auto;
}

.u-ime-normal {
  ime-mode: normal;
}

.u-ime-active {
  ime-mode: active;
}

.u-ime-inactive {
  ime-mode: inactive;
}

.u-ime-disabled {
  ime-mode: disabled;
}

.u-size-xxsmall {
  font-size: 1.5rem;
}

.u-size-xsmall {
  font-size: 1.6rem;
}

.u-size-small {
  font-size: 1.7rem;
}

.u-size {
  font-size: 1.8rem !important;
}

.u-size-large {
  font-size: 1.9rem;
}

.u-size-xlarge {
  font-size: 2rem;
}

.u-size-xxlarge {
  font-size: 2.1rem;
}

.u-italic {
  font-style: italic;
}

.u-pre {
  white-space: pre;
}

.u-nowrap {
  white-space: nowrap;
}

.u-pre-wrap {
  white-space: pre-wrap;
}

.u-pre-line {
  white-space: pre-line;
}

.u-feature-normal {
  font-feature-settings: normal;
}

.u-feature-palt {
  font-feature-settings: 'palt' 1;
}

.u-font-smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-font-smoothing-n {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.u-of-auto {
  overflow: auto !important;
}

.u-of-hidden {
  overflow: hidden !important;
}

.u-of-visible {
  overflow: visible !important;
}

.u-position-static {
  position: static;
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

.u-textright {
  text-align: right;
}

.u-textcenter {
  text-align: center;
}

.u-textleft {
  text-align: left;
}

.u-textjustify {
  text-align: justify;
}

.u-top {
  vertical-align: top;
}

.u-middle {
  vertical-align: middle;
}

.u-bottom {
  vertical-align: bottom;
}

.u-baseline {
  vertical-align: baseline;
}

.u-indent-n {
  text-indent: 0 !important;
}

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

[class*='u-kome0.5'] {
  padding-left: 0.5em !important;
  text-indent: -0.5em !important;
}

[class*='u-kome0.85'] {
  padding-left: 0.85em !important;
  text-indent: -0.85em !important;
}

.u-kome {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

[class*='u-kome1.1'] {
  padding-left: 1.1em !important;
  text-indent: -1.1em !important;
}

[class*='u-kome1.2'] {
  padding-left: 1.2em !important;
  text-indent: -1.2em !important;
}

[class*='u-kome1.3'] {
  padding-left: 1.3em !important;
  text-indent: -1.3em !important;
}

[class*='u-kome1.4'] {
  padding-left: 1.4em !important;
  text-indent: -1.4em !important;
}

[class*='u-kome1.5'] {
  padding-left: 1.5em !important;
  text-indent: -1.5em !important;
}

[class*='u-kome1.6'] {
  padding-left: 1.6em !important;
  text-indent: -1.6em !important;
}

[class*='u-kome1.7'] {
  padding-left: 1.7em !important;
  text-indent: -1.7em !important;
}

[class*='u-kome1.8'] {
  padding-left: 1.8em !important;
  text-indent: -1.8em !important;
}

[class*='u-kome1.9'] {
  padding-left: 1.9em !important;
  text-indent: -1.9em !important;
}

[class*='u-kome2'] {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

.u-mt-n {
  margin-top: 0 !important;
}

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

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

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

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

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

.u-pt {
  padding-top: 1.65em !important;
}

.u-pt-s {
  padding-top: 0.7em !important;
}

.u-pt-p {
  padding-top: 1em !important;
}

.u-pt-m {
  padding-top: 2em !important;
}

.u-pt-l {
  padding-top: 3em !important;
}

.u-pb {
  padding-bottom: 1.65em !important;
}

.u-pb-s {
  padding-bottom: 0.7em !important;
}

.u-pb-p {
  padding-bottom: 1em !important;
}

.u-pb-m {
  padding-bottom: 2em !important;
}

.u-pb-l {
  padding-bottom: 3em !important;
}

.u-pt-n {
  padding-top: 0 !important;
}

.u-pr-n {
  padding-right: 0 !important;
}

.u-pb-n {
  padding-bottom: 0 !important;
}

.u-pl-n {
  padding-left: 0 !important;
}

.c-pb30 {
  padding-bottom: 30px;
}

@media screen and (max-width: 1169px) {
  .p-link [class].p-bnr-media {
    padding: 10px;
  }
}

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

  .l-hero {
    font-size: 3rem;
    padding: 60px 15px 15px;
  }

  .l-body__layout {
    flex-direction: column;
    align-items: center;
  }

  .l-body__main {
    flex: 0 1 auto;
    width: 100%;
  }

  .l-body__aside {
    max-width: 100%;
    padding-left: 0;
  }

  .l-trigger {
    top: 15px;
    right: 15px;
  }

  .c-table-scroll--lg {
    overflow-style: none;
    -ms-overflow-style: none;
    overflow-x: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .c-table-scroll--lg::-webkit-scrollbar,
  .c-table-scroll--lg::-webkit-scrollbar-thumb,
  .c-table-scroll--lg::-webkit-scrollbar-track {
    height: 0;
    width: 0;
    display: none;
    background-color: transparent;
  }

  .c-table-scroll--lg table {
    background-repeat: no-repeat;
    background-attachment: local;
    border-collapse: collapse;
    width: auto;
    min-width: 100%;
    white-space: nowrap;
  }

  .c-carousel--x15 {
    margin: 0 -7.5px;
  }

  .c-carousel--x15 .c-carousel-content > div > div {
    padding: 0 7.5px;
  }

  .c-carousel-button--prev {
    left: 5px;
  }

  .c-carousel-button--next {
    right: 5px;
  }

  .c-grid--lg-x {
    margin-right: -15px;
    margin-left: -15px;
  }

  .c-grid--lg-x > [class*='c-col'] {
    padding-right: 15px;
    padding-left: 15px;
  }

  .c-grid--lg-x_ {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }

  .c-grid--lg-x_ > [class*='c-col'] {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }

  .c-grid--lg-x0 {
    margin-right: 0;
    margin-left: 0;
  }

  .c-grid--lg-x0 > [class*='c-col'] {
    padding-right: 0;
    padding-left: 0;
  }

  .c-grid--lg-y {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .c-grid--lg-y > [class*='c-col'] {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .c-grid--lg-y_ {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
  }

  .c-grid--lg-y_ > [class*='c-col'] {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }

  .c-grid--lg-y0,
  .c-grid--lg-y0 > [class*='c-col'] {
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-selectbox {
    height: 45px;
  }

  .p-feed-job thead th {
    padding: 5px;
  }

  .p-info-header {
    padding-bottom: 100px;
  }

  .p-info-frame [class].p--kumamon {
    top: -110px;
    right: 45%;
    transform: translate3d(50%, 0, 0);
    max-width: 140px;
  }

  .p-info-frame__content {
    padding: 32px 30px 60px;
  }

  .p-info-frame-block__grid {
    flex-direction: column;
    justify-content: center;
  }

  .p-info-frame-block__col {
    width: 100%;
  }

  .p-info-frame-block__col + .p-info-frame-block__col {
    border-left: none;
    margin-top: 35px;
  }

  .p-link__media {
    flex-wrap: wrap;
    width: 370px;
  }

  .p-link__media li {
    width: 100%;
    padding: 15px 0;
  }

  .p-link__media li + li {
    border-top: 1px solid #d0c9c5;
  }

  .p-hsymbol {
    padding: 10px 5px;
    width: 162px;
    height: 186px;
  }

  .p-pagetop {
    margin: -40px auto 0;
    width: 90px;
  }

  .p-mokuji--pr .p-mokuji__frame {
    padding: 45px 25px 50px;
  }

  .p-table-onhead.c-table-scroll--lg table {
    width: 768px;
    white-space: normal;
  }

  .p-table-onhead.c-table-scroll--lg [class].p--heading {
    width: 200px !important;
  }

  .p-kv-main {
    width: 50%;
    margin: 0;
    padding: 8.215% 15px 0;
  }

  .p-kv-main__t {
    font-size: 1.953125vw;
  }

  .p-lets [class].c-object-fit {
    height: auto;
    padding-top: 135%;
    min-height: 0;
  }

  .p-lets [class].c-object-fit:before {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: linear-gradient(180deg, rgba(243, 241, 238, 0), #f3f1ee 50%, #f3f1ee);
  }

  .p-lets-list-group {
    flex-wrap: wrap;
  }

  .p-lets-list-group li {
    width: 33.33%;
    padding: 20px 6px;
  }

  .p-recruit {
    background-position: 63% bottom;
  }

  .p-recruit-main {
    width: 440px;
    padding: 45px 30px 40px;
  }

  .p-post [class].p-sharearea {
    margin-top: 30px;
  }

  .p-post__base {
    padding: 20px 0 50px;
  }

  .p-post__tag {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 15px;
    width: 670px;
    max-width: 100%;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
  }

  .p-side-wrapper {
    padding: 0 0 40px;
  }

  .p-formset-group {
    margin-bottom: 40px;
  }

  .p-formset [class].c-selectbox {
    width: 100%;
  }

  .p-formset
    input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
      [type='range']
    ):not([type='color']),
  .p-formset textarea {
    box-shadow: none;
    min-height: 45px;
  }

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

  .p-formset__header {
    margin-bottom: 2px;
  }

  .p-formset-label {
    font-size: 1.6rem;
    align-items: center;
    padding-bottom: 5px;
  }

  .p-formset-pr {
    padding: 0 0 5px;
  }

  .p-formitem-list:not(.wpcf7-form-control) {
    margin: 0 0 8px;
    min-width: 45%;
  }

  .p-formitem-list-group {
    margin-bottom: 12px !important;
  }

  .wpcf7-form .p-formitem-list .wpcf7-list-item {
    margin: 0 0 8px;
    min-width: 45%;
  }

  .p-pic-set__pic {
    overflow: hidden;
    border-radius: 12px 12px 0 0;
  }

  .p-pic-set-content {
    border-radius: 0 0 12px 12px;
    max-width: 100%;
  }

  .p-pic-set {
    width: 700px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }

  .p-pager-wrapper {
    padding: 0 15px 50px;
  }

  .p-pager__col.p-pager__col--both .p-pager__link:not(.is-disabled) {
    background-color: #360;
    border-color: #360;
    color: #fff;
  }

  .p-pager__col.p-pager__col--list li.is-current .p-pager__link {
    color: #fff;
    border-color: #b80101;
    background-color: #b80101;
  }

  .p-pager__omission {
    margin: 0 -5px;
  }

  .p-pager {
    flex-wrap: wrap;
  }

  .p-pager__col.p-pager__col--both {
    width: 50%;
    padding-right: 10px;
  }

  .p-pager__col.p-pager__col--both.p-pager__col--next {
    padding-right: 0;
    padding-left: 10px;
  }

  .p-pager__col.p-pager__col--both.p-pager__col--next .p-pager__link {
    margin-left: auto;
  }

  .p-pager__col.p-pager__col--both [class].c-icon {
    max-width: 100%;
  }

  .p-pager__col.p-pager__col--list {
    margin-bottom: 20px;
    width: 100%;
    order: -1;
  }

  .p-pager__col.p-pager__col--list li {
    padding: 6px;
  }

  .u-lg-d {
    display: inherit !important;
  }

  .u-lg-n {
    display: none !important;
  }

  .u-lg-justify-content-start {
    justify-content: flex-start;
  }

  .u-lg-justify-content-end {
    justify-content: flex-end;
  }

  .u-lg-justify-content-center {
    justify-content: center;
  }

  .u-lg-justify-content-between {
    justify-content: space-between;
  }

  .u-lg-flex-nowrap {
    flex-wrap: nowrap;
  }

  .u-lg-flex-wrap {
    flex-wrap: wrap;
  }

  .u-lg-align-items-start {
    align-items: flex-start;
  }

  .u-lg-align-items-end {
    align-items: flex-end;
  }

  .u-lg-align-items-center {
    align-items: center;
  }

  .u-lg-align-items-baseline {
    align-items: baseline;
  }

  .u-lg-align-items-stretch {
    align-items: stretch;
  }

  .u-lg-order-0 {
    order: 0;
  }

  .u-lg-order-1 {
    order: 1;
  }

  .u-lg-order-_1 {
    order: -1;
  }

  .u-lg-flex-00auto {
    flex: 0 0 auto !important;
  }

  .u-lg-flex-01auto {
    flex: 0 1 auto !important;
  }

  .u-lg-flex-11auto {
    flex: 1 1 auto !important;
  }

  .u-lg-flex-10auto {
    flex: 1 0 auto !important;
  }

  .u-lg-textright {
    text-align: right;
  }

  .u-lg-textcenter {
    text-align: center;
  }

  .u-lg-textleft {
    text-align: left;
  }

  .u-lg-textjustify {
    text-align: justify;
  }

  .u-lg-ml-auto {
    margin-left: auto !important;
  }

  .u-lg-mr-auto {
    margin-right: auto !important;
  }

  .u-lg-mt {
    margin-top: 1.65em !important;
  }

  .u-lg-mt-n {
    margin-top: 0 !important;
  }

  .u-lg-mt-s {
    margin-top: 0.7em !important;
  }

  .u-lg-mt-p {
    margin-top: 1em !important;
  }

  .u-lg-mt-m {
    margin-top: 2em !important;
  }

  .u-lg-mt-l {
    margin-top: 3em !important;
  }

  .u-lg-mr {
    margin-right: 1.65em !important;
  }

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

  .u-lg-mr-s {
    margin-right: 0.7em !important;
  }

  .u-lg-mr-p {
    margin-right: 1em !important;
  }

  .u-lg-mr-m {
    margin-right: 2em !important;
  }

  .u-lg-mr-l {
    margin-right: 3em !important;
  }

  .u-lg-mb {
    margin-bottom: 1.65em !important;
  }

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

  .u-lg-mb-s {
    margin-bottom: 0.7em !important;
  }

  .u-lg-mb-p {
    margin-bottom: 1em !important;
  }

  .u-lg-mb-m {
    margin-bottom: 2em !important;
  }

  .u-lg-mb-l {
    margin-bottom: 3em !important;
  }

  .u-lg-ml {
    margin-left: 1.65em !important;
  }

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

  .u-lg-ml-s {
    margin-left: 0.7em !important;
  }

  .u-lg-ml-p {
    margin-left: 1em !important;
  }

  .u-lg-ml-m {
    margin-left: 2em !important;
  }

  .u-lg-ml-l {
    margin-left: 3em !important;
  }

  .u-lg-pt {
    padding-top: 1.65em !important;
  }

  .u-lg-pt-n {
    padding-top: 0 !important;
  }

  .u-lg-pt-s {
    padding-top: 0.7em !important;
  }

  .u-lg-pt-p {
    padding-top: 1em !important;
  }

  .u-lg-pt-m {
    padding-top: 2em !important;
  }

  .u-lg-pt-l {
    padding-top: 3em !important;
  }

  .u-lg-pr {
    padding-right: 1.65em !important;
  }

  .u-lg-pr-n {
    padding-right: 0 !important;
  }

  .u-lg-pr-s {
    padding-right: 0.7em !important;
  }

  .u-lg-pr-p {
    padding-right: 1em !important;
  }

  .u-lg-pr-m {
    padding-right: 2em !important;
  }

  .u-lg-pr-l {
    padding-right: 3em !important;
  }

  .u-lg-pb {
    padding-bottom: 1.65em !important;
  }

  .u-lg-pb-n {
    padding-bottom: 0 !important;
  }

  .u-lg-pb-s {
    padding-bottom: 0.7em !important;
  }

  .u-lg-pb-p {
    padding-bottom: 1em !important;
  }

  .u-lg-pb-m {
    padding-bottom: 2em !important;
  }

  .u-lg-pb-l {
    padding-bottom: 3em !important;
  }

  .u-lg-pl {
    padding-left: 1.65em !important;
  }

  .u-lg-pl-n {
    padding-left: 0 !important;
  }

  .u-lg-pl-s {
    padding-left: 0.7em !important;
  }

  .u-lg-pl-p {
    padding-left: 1em !important;
  }

  .u-lg-pl-m {
    padding-left: 2em !important;
  }

  .u-lg-pl-l {
    padding-left: 3em !important;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.6rem;
  }

  .l-footer-main__list {
    font-size: 1.3rem;
  }

  .l-footer-main__list li {
    width: 50%;
    padding: 0;
  }

  .l-footer-main__list li a {
    display: flex;
    align-items: center;
    padding: 10px 5px;
  }

  .l-header {
    padding: 0 75px 0 10px;
  }

  .l-header__nav {
    padding: 14px 0 0;
  }

  .l-hero:after {
    height: 20px;
  }

  .l-hero {
    font-size: 2.6rem;
    height: 240px;
    padding: 95px 15px 20px;
  }

  .l-nav {
    flex-wrap: wrap;
  }

  .l-nav__ohter,
  .l-nav__sitemap {
    width: 100%;
    padding: 15px 20px;
  }

  .l-nav-header__base img {
    max-width: 200px;
  }

  .l-nav-list {
    padding: 0;
  }

  .l-nav-list__label {
    font-size: 1.8rem;
    padding: 15px 30px 15px 5px;
  }

  .l-nav-list [data-ui-accordion='trigger']:after,
  .l-nav-list [data-ui-accordion='trigger']:before {
    right: 5px;
  }

  .l-nav-list-child {
    font-size: 1.6rem;
  }

  .l-nav-list-child a {
    padding: 12px 15px 12px 20px;
  }

  .l-nav-btn {
    width: 45px;
    height: 45px;
  }

  .l-trigger {
    width: 60px;
    height: 60px;
    top: 5px;
    right: 5px;
  }

  .js-over-once-scroll .l-trigger {
    transform: translate3d(-5px, 5px, 0);
  }

  .l-trigger__line {
    margin: 10px 0 3px;
  }

  .l-trigger:after {
    font-size: 1rem;
  }

  .c-error {
    margin: 10px auto 40px;
  }

  .c-error__h {
    font-size: 2.6rem;
  }

  .c-map-wrapper {
    padding: 0 15px;
  }

  .c-map {
    min-height: 0;
    height: 350px;
    padding-top: 0;
  }

  .c-md-column,
  .c-md-column tbody,
  .c-md-column td,
  .c-md-column tfoot,
  .c-md-column th,
  .c-md-column thead,
  .c-md-column tr {
    display: block;
    width: 100% !important;
  }

  .c-table-scroll {
    overflow-style: none;
    -ms-overflow-style: none;
    overflow-x: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .c-table-scroll::-webkit-scrollbar,
  .c-table-scroll::-webkit-scrollbar-thumb,
  .c-table-scroll::-webkit-scrollbar-track {
    height: 0;
    width: 0;
    display: none;
    background-color: transparent;
  }

  .c-table-scroll table {
    background-repeat: no-repeat;
    background-attachment: local;
    border-collapse: collapse;
    width: auto;
    min-width: 100%;
    white-space: nowrap;
  }

  .js-anchor-target {
    margin-top: -60px;
    padding-top: 60px;
  }

  .c-carousel-button {
    border-radius: 8px;
    height: 6.66667em;
    margin-top: -2.5em;
  }

  .c-carousel-button svg {
    font-size: 0.83333em;
  }

  .c-gallerry-slide-list--md-150 li {
    width: 150px;
  }

  .c-grid--md-x {
    margin-right: -15px;
    margin-left: -15px;
  }

  .c-grid--md-x > [class*='c-col'] {
    padding-right: 15px;
    padding-left: 15px;
  }

  .c-grid--md-x_ {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }

  .c-grid--md-x_ > [class*='c-col'] {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }

  .c-grid--md-x0 {
    margin-right: 0;
    margin-left: 0;
  }

  .c-grid--md-x0 > [class*='c-col'] {
    padding-right: 0;
    padding-left: 0;
  }

  .c-grid--md-y {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .c-grid--md-y > [class*='c-col'] {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .c-grid--md-y_ {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
  }

  .c-grid--md-y_ > [class*='c-col'] {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }

  .c-grid--md-y0,
  .c-grid--md-y0 > [class*='c-col'] {
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-st5 {
    margin-top: 5px;
  }

  .c-sr5 {
    padding-right: 5px;
  }

  .c-sb5 {
    margin-bottom: 5px;
  }

  .c-sl5 {
    padding-left: 5px;
  }

  .c-st10 {
    margin-top: 10px;
  }

  .c-sr10 {
    padding-right: 10px;
  }

  .c-sb10 {
    margin-bottom: 10px;
  }

  .c-sl10 {
    padding-left: 10px;
  }

  .c-st15 {
    margin-top: 15px;
  }

  .c-sr15 {
    padding-right: 15px;
  }

  .c-sb15 {
    margin-bottom: 15px;
  }

  .c-sl15 {
    padding-left: 15px;
  }

  .c-st20 {
    margin-top: 20px;
  }

  .c-sr20 {
    padding-right: 20px;
  }

  .c-sb20 {
    margin-bottom: 20px;
  }

  .c-sl20 {
    padding-left: 20px;
  }

  .c-st25 {
    margin-top: 20px;
  }

  .c-sr25 {
    padding-right: 20px;
  }

  .c-sb25 {
    margin-bottom: 20px;
  }

  .c-sl25 {
    padding-left: 20px;
  }

  .c-st30 {
    margin-top: 25px;
  }

  .c-sr30 {
    padding-right: 25px;
  }

  .c-sb30 {
    margin-bottom: 25px;
  }

  .c-sl30 {
    padding-left: 25px;
  }

  .c-st35 {
    margin-top: 25px;
  }

  .c-sr35 {
    padding-right: 25px;
  }

  .c-sb35 {
    margin-bottom: 25px;
  }

  .c-sl35 {
    padding-left: 25px;
  }

  .c-st40 {
    margin-top: 30px;
  }

  .c-sr40 {
    padding-right: 30px;
  }

  .c-sb40 {
    margin-bottom: 30px;
  }

  .c-sl40 {
    padding-left: 30px;
  }

  .c-st45 {
    margin-top: 30px;
  }

  .c-sr45 {
    padding-right: 30px;
  }

  .c-sb45 {
    margin-bottom: 30px;
  }

  .c-sl45 {
    padding-left: 30px;
  }

  .c-st50 {
    margin-top: 35px;
  }

  .c-sr50 {
    padding-right: 35px;
  }

  .c-sb50 {
    margin-bottom: 35px;
  }

  .c-sl50 {
    padding-left: 35px;
  }

  .c-st55 {
    margin-top: 35px;
  }

  .c-sr55 {
    padding-right: 35px;
  }

  .c-sb55 {
    margin-bottom: 35px;
  }

  .c-sl55 {
    padding-left: 35px;
  }

  .c-st60 {
    margin-top: 35px;
  }

  .c-sr60 {
    padding-right: 35px;
  }

  .c-sb60 {
    margin-bottom: 35px;
  }

  .c-sl60 {
    padding-left: 35px;
  }

  .c-editor {
    font-size: 0.88889em;
  }

  dl.c-mokuji {
    font-size: 1.4rem;
  }

  dl.c-mokuji dd {
    padding: 10px 10px 15px;
  }

  .p-btn--w300,
  .p-btn--w320,
  .p-btn--w340,
  .p-btn--w370 {
    width: 290px;
  }

  .p-btn--h60,
  .p-btn--h80 {
    height: 50px;
  }

  .p-btn--auto-height,
  .p-btn.p-btn--transform {
    height: auto;
  }

  .p-btn.p-btn--transform .p-btn__sep {
    padding: 0 15px 0 0;
  }

  .p-btn.p-btn--transform .p-btn__sep:before {
    max-height: 100%;
  }

  .p-btn.p-btn--transform .p-btn__sep [class].c-icon {
    max-width: 20px;
  }

  .p-btn.p-btn--transform .p-btn__sep + .p-btn__label {
    padding-left: 15px;
  }

  .p-btn.p-btn--transform .p-btn__label--2line [class].p--t-l {
    font-size: 1.3em;
  }

  .p-feed-job.c-table-scroll table {
    width: 768px;
    white-space: normal;
  }

  .p-feed-job.c-table-scroll .p-feed-job__area {
    width: 100px;
  }

  .p-feed-job.c-table-scroll .p-feed-job__title {
    width: 150px;
  }

  .p-feed-job.c-table-scroll .p-feed-job__sakumotsu {
    width: 190px;
  }

  .p-feed-event--finish [class].p--finish-text {
    font-size: 1.2rem;
  }

  .p-feed-event {
    width: 290px;
  }

  .p-feed-list__base {
    padding: 15px 40px 15px 5px;
  }

  .p-feed-list__time {
    padding: 0 15px 0 0;
  }

  .p-feed-list__base {
    flex-wrap: wrap;
  }

  .p-feed-list__title {
    width: 100%;
    margin-top: 5px;
  }

  .p-feed-list--md-auto .p-feed-list__title {
    white-space: normal;
  }

  .p-feed-radio {
    padding: 25px 0;
  }

  .p-feed-radio__base {
    flex-wrap: wrap;
  }

  .p-feed-radio__main {
    width: 100%;
    padding: 20px 0;
  }

  .p-feed-radio__btn {
    width: 100%;
  }

  .p-feed-radio__btn .p-feed-radio-btn {
    margin-left: 0;
  }

  .p-feed-radio__title {
    font-size: 2rem;
  }

  .p-heading-36 {
    font-size: 3rem;
  }

  .p-heading-30 {
    font-size: 2.4rem;
  }

  .p-heading-28 {
    font-size: 2.2rem;
  }

  .p-heading-24 {
    font-size: 2rem;
  }

  .p-heading-20 {
    font-size: 1.8rem;
  }

  .p-heading-18 {
    font-size: 1.6rem;
  }

  .p-heading-18--p {
    padding: 0 10px;
  }

  .p-heading-16 {
    font-size: 1.4rem;
  }

  .p-heading-symbol {
    padding: 0 5px 10px;
    font-size: 2.2rem;
  }

  .p-heading-disc {
    font-size: 1.8rem;
  }

  .p-heading-num,
  .p-heading-q {
    font-size: 1.6rem;
  }

  .p-info-frame__label {
    font-size: 1.8rem;
    padding: 8px 1em;
  }

  .p-info-frame__content {
    padding: 32px 15px 45px;
  }

  .p-info-frame__please {
    font-size: 2.4rem;
  }

  .p-info-item-label {
    font-size: 1.4rem;
  }

  .p-info-item [class].p-number {
    font-size: 3rem;
  }

  .p-hsymbol {
    padding: 5px;
    width: 94.5px;
    height: 108.5px;
  }

  .p-hsymbol__ontext {
    width: 62%;
  }

  .p-bnr-media dl {
    padding: 0 0 0 15px;
  }

  .p-bnr-media dt {
    font-size: 2.4rem;
  }

  .p-bnr-media dd {
    font-size: 1.3rem;
    line-height: 1.4;
  }

  .p-bnr-media--in dd {
    font-size: 1.1rem;
  }

  .p-list-link {
    font-size: 1.6rem;
  }

  .p-list-link__base {
    padding: 15px 35px 15px 10px;
  }

  .p-list-link__i {
    right: 10px;
  }

  .p-list-mokuji {
    font-size: 1.4rem;
  }

  .p-list-mokuji__base {
    padding: 15px 35px 15px 10px;
  }

  .p-list-mokuji__i {
    right: 10px;
  }

  .p-list-disc,
  .p-list-i,
  .p-list-num,
  .p-list-num-simple {
    font-size: 1.6rem;
  }

  .p-mokuji__caption {
    font-size: 2.2rem;
  }

  .p-mokuji--pr .p-mokuji__frame,
  .p-mokuji__frame {
    padding: 35px 15px 30px;
  }

  .p-infobox__caption {
    font-size: 2.2rem;
  }

  .p-infobox__frame {
    padding: 40px 15px 30px;
  }

  .p-table-onhead.c-table-scroll table {
    width: 768px;
    white-space: normal;
  }

  .p-table-onhead.c-table-scroll [class].p--heading {
    width: 200px !important;
  }

  .p-table-a [class].c-md-column th {
    border-bottom: none;
  }

  .p-table-a [class].c-md-column tr:not(:first-child) th {
    border-top: none;
  }

  .p-table-num [class].c-md-column th {
    border-bottom: none;
  }

  .p-table-num [class].c-md-column tr:not(:first-child) th {
    border-top: none;
  }

  .p-table-num [class].c-md-column td:not(:last-child) {
    border-bottom: none;
    padding-bottom: 5px;
  }

  .p-table-num [class].c-md-column td:not(:last-child) + td {
    border-top: none;
    padding-top: 0;
  }

  .p-table-num [class].c-md-column th {
    padding: 5px 15px;
  }

  .p-table-num [class].c-md-column td {
    text-align: left;
    padding: 10px 15px;
  }

  .p-frame,
  .p-frame-guide {
    padding: 20px 15px;
  }

  .p-frame-guide {
    flex-direction: column;
    align-items: center;
  }

  .p-frame-guide__label {
    font-size: 2rem;
  }

  .p-frame-guide__thumb {
    margin-bottom: 20px;
  }

  .p-frame-guide__main {
    padding: 0;
  }

  .p-nav-sort li {
    padding: 0 5px;
  }

  .p-answer,
  .p-nav-sort__link {
    font-size: 1.6rem;
  }

  .p-answer {
    padding: 0.16667em 15px 0 50px;
  }

  .p-answer:before {
    left: 0;
  }

  .p-case {
    font-size: 2rem;
  }

  .p-ux-modal__content {
    margin-top: 45px;
    max-height: calc(100% - 65px);
  }

  .p-ux-modal__close {
    height: 45px;
  }

  .p-kv [class].c-object-fit {
    position: relative;
    padding-top: 133.33333%;
  }

  .p-kv [class].c-object-fit__cover {
    -o-object-position: center top;
    object-position: center top;
  }

  .p-kv-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 26.2% 27.5px 0;
    z-index: 1;
    text-align: center;
    display: block;
  }

  .p-kv-main__line img {
    width: 36.61972%;
  }

  .p-kv-main__copy img {
    width: 100%;
  }

  .p-kv-main__t {
    white-space: nowrap;
    font-size: 3.7vw;
  }

  .p--wave-beige {
    padding-top: 20px;
  }

  .p-lets {
    margin-top: -2.357vw;
    padding: 20px 0 80px;
  }

  .p-lets__text {
    text-shadow:
      0 0 2px #fff,
      0 0 2px #fff;
  }

  .p-lets [class].c-object-fit {
    padding-top: 0;
    height: 490px;
  }

  .p-lets-list {
    font-size: 1.4rem;
  }

  .p-lets-list__base {
    height: 160px;
    border-radius: 30px;
    padding: 20px 5px;
  }

  .p-lets-list__label img {
    max-width: 75%;
  }

  .p-event {
    padding: 45px 0 50px;
  }

  .p-cover__base {
    padding: 65px 20px 60px;
  }

  .p-news,
  .p-voice {
    padding: 45px 0 65px;
  }

  .p-recruit {
    background-position: 98% top;
    background-size: 170%;
    padding: 60% 0 0;
  }

  .p-recruit-main {
    margin: 0 auto;
    padding: 45px 20px 40px;
    box-shadow: 0 1px 4px 0 rgba(7, 0, 2, 0.16);
  }

  .p-post__base {
    padding: 20px 0 30px;
  }

  .p-post__header {
    max-width: 100%;
    padding: 0;
  }

  .p-post__header [class].p-heading-symbol {
    font-size: 2rem;
    padding: 0 15px 20px;
  }

  .p-post [class].p-pager {
    padding: 0;
  }

  .p-sharearea__header {
    padding-top: 3px;
    margin-bottom: 15px;
    justify-content: center;
  }

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

  .p-sharearea__content li {
    flex: 0 0 auto !important;
  }

  .p-post-voice {
    font-size: 1.6rem;
    padding: 15px 15px 50px;
  }

  .p-post-voice-block {
    flex-direction: column;
    align-items: center;
  }

  .p-post-voice-block__pic,
  .p-post-voice-block__text {
    padding: 7.5px 0;
  }

  .p-post-voice [class].p-heading-q {
    margin-bottom: 15px;
  }

  .p-post-voice__faq {
    margin-top: 40px;
  }

  .p-post-voice__faq:not(:last-child) {
    margin-bottom: 40px;
  }

  .p-form-frame {
    padding: 42px 15px 40px;
  }

  .p-formset [class].p-table-list table {
    table-layout: auto;
  }

  .p-formset [class].p-table-list th {
    width: auto !important;
  }

  .p-formset
    input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']):not([type='reset']):not(
      [type='range']
    ):not([type='color']),
  .p-formset textarea {
    width: 100%;
  }

  .p-formset-address__col--region {
    margin-top: 10px;
    width: 100%;
  }

  .p-formset-ymd {
    flex-wrap: wrap;
  }

  .p-formset-ymd__col:not(:last-child) {
    padding-right: 25px;
  }

  .p-formset-ymd__col--y {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0 !important;
  }

  .p-formitem-list-group {
    margin-bottom: 15px !important;
    flex-wrap: wrap;
  }

  .p-formitem-list-group__col {
    width: 100%;
  }

  .p-formitem-list-group__col--md-indent {
    padding-left: 40px;
  }

  .p-form-footer {
    padding: 0;
  }

  .p-form-confirmed {
    font-size: 1.4rem;
    margin: 30px auto;
  }

  .p-form-button-wrapper {
    font-size: 1.6rem;
  }

  .p-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .p-separater {
    padding: 0 0 20px;
  }

  .p-separater + .p-separater {
    padding-top: 20px;
  }

  .p-section-b80,
  .p-section-b110,
  .p-section-b120 {
    padding-bottom: 65px;
  }

  .p-stepflow {
    flex-wrap: wrap;
    margin-bottom: 25px;
  }

  .p-stepflow-state {
    width: 100%;
  }

  .p-stepflow-main {
    width: 100%;
    padding: 0 5px;
  }

  .p-stepflow-header__num {
    width: 65px;
  }

  .p-stepflow-header__main {
    font-size: 2.4rem;
  }

  .p-stepflow-balloon {
    font-size: 1.8rem;
    padding: 12px;
  }

  .p-stepflow-separater {
    padding: 20px 0;
  }

  .p-pic-set-content {
    padding: 20px 15px;
  }

  .p-pager__col.p-pager__col--list .p-pager__link {
    width: 35px;
    height: 35px;
    white-space: nowrap;
    border-radius: 50%;
    border: 1px solid #321d0f;
    background-color: #fff;
  }

  .p-pager__col.p-pager__col--sparate .p-pager__text {
    margin-top: 5px;
    font-size: 1.3rem;
  }

  .p-pager__g {
    flex-wrap: wrap;
  }

  .p-pager__g .p-pager__text {
    width: 100%;
    padding: 0;
  }

  .p-pager__g .p-pager__thumb {
    width: 100%;
  }

  .u-md-d {
    display: inherit !important;
  }

  .u-md-n {
    display: none !important;
  }

  .u-md-justify-content-start {
    justify-content: flex-start;
  }

  .u-md-justify-content-end {
    justify-content: flex-end;
  }

  .u-md-justify-content-center {
    justify-content: center;
  }

  .u-md-justify-content-between {
    justify-content: space-between;
  }

  .u-md-flex-nowrap {
    flex-wrap: nowrap;
  }

  .u-md-flex-wrap {
    flex-wrap: wrap;
  }

  .u-md-align-items-start {
    align-items: flex-start;
  }

  .u-md-align-items-end {
    align-items: flex-end;
  }

  .u-md-align-items-center {
    align-items: center;
  }

  .u-md-align-items-baseline {
    align-items: baseline;
  }

  .u-md-align-items-stretch {
    align-items: stretch;
  }

  .u-md-order-0 {
    order: 0;
  }

  .u-md-order-1 {
    order: 1;
  }

  .u-md-order-_1 {
    order: -1;
  }

  .u-md-flex-00auto {
    flex: 0 0 auto !important;
  }

  .u-md-flex-01auto {
    flex: 0 1 auto !important;
  }

  .u-md-flex-11auto {
    flex: 1 1 auto !important;
  }

  .u-md-flex-10auto {
    flex: 1 0 auto !important;
  }

  .u-md-textright {
    text-align: right;
  }

  .u-md-textcenter {
    text-align: center;
  }

  .u-md-textleft {
    text-align: left;
  }

  .u-md-textjustify {
    text-align: justify;
  }

  .u-md-ml-auto {
    margin-left: auto !important;
  }

  .u-md-mr-auto {
    margin-right: auto !important;
  }

  .u-md-mt {
    margin-top: 1.65em !important;
  }

  .u-md-mt-n {
    margin-top: 0 !important;
  }

  .u-md-mt-s {
    margin-top: 0.7em !important;
  }

  .u-md-mt-p {
    margin-top: 1em !important;
  }

  .u-md-mt-m {
    margin-top: 2em !important;
  }

  .u-md-mt-l {
    margin-top: 3em !important;
  }

  .u-md-mr {
    margin-right: 1.65em !important;
  }

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

  .u-md-mr-s {
    margin-right: 0.7em !important;
  }

  .u-md-mr-p {
    margin-right: 1em !important;
  }

  .u-md-mr-m {
    margin-right: 2em !important;
  }

  .u-md-mr-l {
    margin-right: 3em !important;
  }

  .u-md-mb {
    margin-bottom: 1.65em !important;
  }

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

  .u-md-mb-s {
    margin-bottom: 0.7em !important;
  }

  .u-md-mb-p {
    margin-bottom: 1em !important;
  }

  .u-md-mb-m {
    margin-bottom: 2em !important;
  }

  .u-md-mb-l {
    margin-bottom: 3em !important;
  }

  .u-md-ml {
    margin-left: 1.65em !important;
  }

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

  .u-md-ml-s {
    margin-left: 0.7em !important;
  }

  .u-md-ml-p {
    margin-left: 1em !important;
  }

  .u-md-ml-m {
    margin-left: 2em !important;
  }

  .u-md-ml-l {
    margin-left: 3em !important;
  }

  .u-md-pt {
    padding-top: 1.65em !important;
  }

  .u-md-pt-n {
    padding-top: 0 !important;
  }

  .u-md-pt-s {
    padding-top: 0.7em !important;
  }

  .u-md-pt-p {
    padding-top: 1em !important;
  }

  .u-md-pt-m {
    padding-top: 2em !important;
  }

  .u-md-pt-l {
    padding-top: 3em !important;
  }

  .u-md-pr {
    padding-right: 1.65em !important;
  }

  .u-md-pr-n {
    padding-right: 0 !important;
  }

  .u-md-pr-s {
    padding-right: 0.7em !important;
  }

  .u-md-pr-p {
    padding-right: 1em !important;
  }

  .u-md-pr-m {
    padding-right: 2em !important;
  }

  .u-md-pr-l {
    padding-right: 3em !important;
  }

  .u-md-pb {
    padding-bottom: 1.65em !important;
  }

  .u-md-pb-n {
    padding-bottom: 0 !important;
  }

  .u-md-pb-s {
    padding-bottom: 0.7em !important;
  }

  .u-md-pb-p {
    padding-bottom: 1em !important;
  }

  .u-md-pb-m {
    padding-bottom: 2em !important;
  }

  .u-md-pb-l {
    padding-bottom: 3em !important;
  }

  .u-md-pl {
    padding-left: 1.65em !important;
  }

  .u-md-pl-n {
    padding-left: 0 !important;
  }

  .u-md-pl-s {
    padding-left: 0.7em !important;
  }

  .u-md-pl-p {
    padding-left: 1em !important;
  }

  .u-md-pl-m {
    padding-left: 2em !important;
  }

  .u-md-pl-l {
    padding-left: 3em !important;
  }
}

@media screen and (max-width: 567px) {
  .c-grid--sm-x {
    margin-right: -15px;
    margin-left: -15px;
  }

  .c-grid--sm-x > [class*='c-col'] {
    padding-right: 15px;
    padding-left: 15px;
  }

  .c-grid--sm-x_ {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }

  .c-grid--sm-x_ > [class*='c-col'] {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }

  .c-grid--sm-x0 {
    margin-right: 0;
    margin-left: 0;
  }

  .c-grid--sm-x0 > [class*='c-col'] {
    padding-right: 0;
    padding-left: 0;
  }

  .c-grid--sm-y {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .c-grid--sm-y > [class*='c-col'] {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .c-grid--sm-y_ {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
  }

  .c-grid--sm-y_ > [class*='c-col'] {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }

  .c-grid--sm-y0,
  .c-grid--sm-y0 > [class*='c-col'] {
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-selectbox:after {
    right: 10px;
  }

  .c-selectbox select {
    padding-right: 15px;
  }

  .p-btn {
    width: 100% !important;
    font-size: 1.4rem;
  }

  .p-lets-list-group {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
  }

  .p-lets-list-group li {
    width: 50%;
    padding: 15px 5px;
  }

  .u-sm-d {
    display: inherit !important;
  }

  .u-sm-n {
    display: none !important;
  }
}

@media screen and (max-width: 411px) {
  .u-xs-d {
    display: inherit !important;
  }

  .u-xs-n {
    display: none !important;
  }
}

@media print, screen and (min-width: 412px) {
  .u-over-xs-d {
    display: inherit !important;
  }

  .u-over-xs-n {
    display: none !important;
  }
}

@media print, screen and (min-width: 568px) {
  .c-col-sm-12 {
    width: 100%;
  }

  .c-col-sm-11 {
    width: 91.66666667%;
  }

  .c-col-sm-10 {
    width: 83.33333333%;
  }

  .c-col-sm-9 {
    width: 75%;
  }

  .c-col-sm-8 {
    width: 66.66666667%;
  }

  .c-col-sm-7 {
    width: 58.33333333%;
  }

  .c-col-sm-6 {
    width: 50%;
  }

  .c-col-sm-5col {
    width: 20%;
  }

  .c-col-sm-5 {
    width: 41.66666667%;
  }

  .c-col-sm-4 {
    width: 33.33333333%;
  }

  .c-col-sm-3 {
    width: 25%;
  }

  .c-col-sm-2 {
    width: 16.66666667%;
  }

  .c-col-sm-1 {
    width: 8.33333333%;
  }

  .c-col-sm-auto {
    width: auto;
  }

  .u-over-sm-d {
    display: inherit !important;
  }

  .u-over-sm-n {
    display: none !important;
  }
}

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

  .c-col-md-11 {
    width: 91.66666667%;
  }

  .c-col-md-10 {
    width: 83.33333333%;
  }

  .c-col-md-9 {
    width: 75%;
  }

  .c-col-md-8 {
    width: 66.66666667%;
  }

  .c-col-md-7 {
    width: 58.33333333%;
  }

  .c-col-md-6 {
    width: 50%;
  }

  .c-col-md-5col {
    width: 20%;
  }

  .c-col-md-5 {
    width: 41.66666667%;
  }

  .c-col-md-4 {
    width: 33.33333333%;
  }

  .c-col-md-3 {
    width: 25%;
  }

  .c-col-md-2 {
    width: 16.66666667%;
  }

  .c-col-md-1 {
    width: 8.33333333%;
  }

  .c-col-md-auto {
    width: auto;
  }

  .p-kv {
    height: 51.4285714vw;
    min-height: 720px;
    max-height: 100vh;
  }

  .p-sharearea__skin {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .p-post-voice__content {
    padding: 0 15px;
  }

  .p-post-voice-block__text + .p-post-voice-block__pic {
    padding: 0 25px 0 40px;
  }

  .p-stepflow-state:after {
    content: '';
    display: block;
    width: 2px;
    flex: 1 1 auto;
    border-left: 2px dashed #c60;
  }

  .p-stepflow-state:before {
    content: '';
    display: block;
    position: absolute;
    border-top: 12px solid transparent;
    border-color: #c60 transparent transparent;
    border-style: solid;
    border-width: 11px 12px 0;
    left: 50%;
    bottom: -1px;
    margin-left: -12px;
  }

  .p-pager__col.p-pager__col--list .p-pager__link {
    width: 40px;
    height: 40px;
    white-space: nowrap;
    border-radius: 50%;
    border: 1px solid #321d0f;
    background-color: #fff;
  }

  .u-over-md-d {
    display: inherit !important;
  }

  .u-over-md-n {
    display: none !important;
  }

  .u-over-md-flex-nowrap {
    flex-wrap: nowrap;
  }

  .u-over-md-flex-wrap {
    flex-wrap: wrap;
  }

  .u-over-md-order-0 {
    order: 0;
  }

  .u-over-md-order-1 {
    order: 1;
  }

  .u-over-md-order-_1 {
    order: -1;
  }

  .u-over-md-flex-00auto {
    flex: 0 0 auto !important;
  }

  .u-over-md-flex-01auto {
    flex: 0 1 auto !important;
  }

  .u-over-md-nowrap {
    white-space: nowrap;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-col-lg-12 {
    width: 100%;
  }

  .c-col-lg-11 {
    width: 91.66666667%;
  }

  .c-col-lg-10 {
    width: 83.33333333%;
  }

  .c-col-lg-9 {
    width: 75%;
  }

  .c-col-lg-8 {
    width: 66.66666667%;
  }

  .c-col-lg-7 {
    width: 58.33333333%;
  }

  .c-col-lg-6 {
    width: 50%;
  }

  .c-col-lg-5col {
    width: 20%;
  }

  .c-col-lg-5 {
    width: 41.66666667%;
  }

  .c-col-lg-4 {
    width: 33.33333333%;
  }

  .c-col-lg-3 {
    width: 25%;
  }

  .c-col-lg-2 {
    width: 16.66666667%;
  }

  .c-col-lg-1 {
    width: 8.33333333%;
  }

  .c-col-lg-auto {
    width: auto;
  }

  .p-link__media li {
    border-left: 1px solid #d0c9c5;
  }

  .p-link__media li:last-child {
    border-right: 1px solid #d0c9c5;
  }

  .p-pagetop {
    position: fixed;
    right: 40px;
    bottom: 40px;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.3s ease-in-out,
      visibility 0.3s ease-in-out;
  }

  .js-over-header .p-pagetop {
    opacity: 1;
    visibility: visible;
  }

  .js-over-header .p-pagetop__kumamon,
  .js-over-header .p-pagetop__label {
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
    transform: scale(1) translateZ(0);
  }

  html:not(.sp) .p-pagetop:hover .p-pagetop__kumamon {
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    transform: scale(1.1) translate3d(0, -10px, 0);
  }

  .p--wave-beige:after {
    height: 40px;
    top: -40px;
  }

  .p-lets-list:before {
    content: '';
    display: block;
    width: 80px;
    height: 60px;
    position: absolute;
    top: -60px;
    z-index: -1;
    left: 33%;
    opacity: 0;
    background: url(../images/common/kumamon-type-a.png) no-repeat 0 0/100%;
    transform: translate3d(0, 65px, 0);
    transition:
      transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86),
      opacity 0s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s;
  }

  .p-lets-list:after {
    left: 0;
    width: 100%;
    border-radius: 40px;
    z-index: 0;
    opacity: 0;
    border: 2px solid #fff;
    background: url(../images/common/bg-orange.jpg) repeat top/485px;
    transition: opacity 0.3s ease-in-out;
  }

  .p-cover + .p-cover:after,
  .p-lets-list:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
  }

  .p-cover + .p-cover:after {
    left: -1px;
    width: 2px;
    background: #f3f0ed;
  }

  .p-post__tag {
    order: -1;
    margin-top: -33px;
    padding: 15px 15px 0 140px;
  }

  .p-formset:after {
    content: '';
    display: block;
    clear: both;
  }

  .p-formset [class].c-selectbox {
    width: 400px;
  }

  .p-formset__header {
    padding: 19px 10px 0 0;
    width: 220px;
    float: left;
  }

  .p-formset__header--other {
    padding: 5px 10px 0 0;
  }

  .p-formset__content {
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    padding: 1px;
  }

  .p-formset-label {
    width: 195px;
  }

  .p-pic-set__main {
    width: 56.07143%;
    margin-right: -6.07143%;
  }

  .p-pic-set__pic {
    width: 56.07143%;
    margin-left: -6.07143%;
  }

  .p-pic-set--rv .p-pic-set__main {
    margin-right: 0;
    margin-left: -6.07143%;
  }

  .p-pic-set--rv .p-pic-set__pic {
    margin-left: 0;
    margin-right: -6.07143%;
  }

  .p-pager__col.p-pager__col--both.p-pager__col--next {
    order: 1;
  }

  .p-pager__col.p-pager__col--list li.is-current .p-pager__link {
    color: #fff;
    border-color: #b80101;
    background-color: #b80101;
  }

  html:not(.sp) .p-pager__col.p-pager__col--list li:not(.is-current) .p-pager__link:focus,
  html:not(.sp) .p-pager__col.p-pager__col--list li:not(.is-current) .p-pager__link:hover {
    color: #fff;
    border-color: #360;
    background-color: #360;
  }

  .p-pager__col.p-pager__col--list {
    padding: 0 10px;
  }

  .u-over-lg-d {
    display: inherit !important;
  }

  .u-over-lg-n {
    display: none !important;
  }

  .u-over-lg-flex-nowrap {
    flex-wrap: nowrap;
  }

  .u-over-lg-flex-wrap {
    flex-wrap: wrap;
  }

  .u-over-lg-order-0 {
    order: 0;
  }

  .u-over-lg-order-1 {
    order: 1;
  }

  .u-over-lg-order-_1 {
    order: -1;
  }

  .u-over-lg-flex-00auto {
    flex: 0 0 auto !important;
  }

  .u-over-lg-flex-01auto {
    flex: 0 1 auto !important;
  }

  .u-over-lg-nowrap {
    white-space: nowrap;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .l-drawer-scroll:before,
  html {
    background-image: url(../images/common/bg@2x.jpg);
  }

  .l-hero:after {
    background-image: url(../images/common/hero-curve@2x.png);
  }

  .p-heading-symbol:before {
    background-image: url(../images/common/symbol@2x.png);
  }

  .p-lets-list__base {
    background-image: url(../images/common/bg-red@2x.jpg);
  }

  .p-side__header:before {
    background-image: url(../images/common/kumamon-type-a@2x.png);
  }

  .p-beginner-about-kv {
    background-image: url(../images/common/ptn-icons@2x.png);
  }
}

@media screen {
  .js [data-ioa-effect]:not(.is-observed) {
    transition-delay: 0s;
    transition-duration: 0s;
  }

  .js .js-lazyload:not(.is-observed) img[data-src] {
    background-color: #f4f4f4;
  }

  .js [data-ioa-effect^='blur']:not(.is-observed) {
    opacity: 0;
    filter: blur(0.5em);
  }

  .js [data-ioa-effect^='fade']:not(.is-observed) {
    opacity: 0;
  }

  .js [data-ioa-effect='fade-up']:not(.is-observed) {
    transform: translate3d(0, 15px, 0);
  }

  .js [data-ioa-effect='fade-down']:not(.is-observed) {
    transform: translate3d(0, -15px, 0);
  }

  .js [data-ioa-effect='fade-down-bounce']:not(.is-observed) {
    transform: translate3d(0, -20px, 0);
  }

  .js [data-ioa-effect='fade-right']:not(.is-observed) {
    transform: translate3d(15px, 0, 0);
  }

  .js [data-ioa-effect='fade-left']:not(.is-observed) {
    transform: translate3d(-15px, 0, 0);
  }

  .js [data-ioa-effect^='zoom']:not(.is-observed) {
    opacity: 0;
  }

  .js [data-ioa-effect='zoom-in']:not(.is-observed) {
    transform: scale(0.6);
  }

  .js [data-ioa-effect='zoom-in-up']:not(.is-observed) {
    transform: translate3d(0, 30px, 0) scale(0.6);
  }

  .js [data-ioa-effect='zoom-in-down']:not(.is-observed) {
    transform: translate3d(0, -30px, 0) scale(0.6);
  }

  .js [data-ioa-effect='zoom-in-right']:not(.is-observed) {
    transform: translate3d(-30px, 0, 0) scale(0.6);
  }

  .js [data-ioa-effect='zoom-in-left']:not(.is-observed) {
    transform: translate3d(30px, 0, 0) scale(0.6);
  }

  .js [data-ioa-effect='zoom-out']:not(.is-observed) {
    transform: scale(1.05);
  }

  .js [data-ioa-effect='zoom-out-up']:not(.is-observed) {
    transform: translate3d(0, 30px, 0) scale(1.1);
  }

  .js [data-ioa-effect='zoom-out-down']:not(.is-observed) {
    transform: translate3d(0, -30px, 0) scale(1.1);
  }

  .js [data-ioa-effect='zoom-out-right']:not(.is-observed) {
    transform: translate3d(30px, 0, 0) scale(1.1);
  }

  .js [data-ioa-effect='zoom-out-left']:not(.is-observed) {
    transform: translate3d(-30px, 0, 0) scale(1.1);
  }

  [data-ioa-effect] {
    transition-delay: 0.2s;
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
  }

  [data-ioa-effect^='fade'] {
    transition:
      opacity 0.75s ease-in-out 0.2s,
      transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
  }

  [data-ioa-effect^='fade-down-bounce'] {
    transition:
      opacity 0.5s ease-in-out 0s,
      transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
  }

  [data-ioa-effect^='blur'] {
    transition:
      opacity 0.35s ease-in-out 0.2s,
      filter 0.5s ease-in 0.25s;
  }

  [data-ioa-effect^='zoom'] {
    transition:
      opacity 0.5s ease-in-out 0.2s,
      transform 2.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  }

  [data-ioa-effect^='mask'] {
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden;
  }

  [data-ioa-effect^='mask']:before {
    background-color: #fff;
    z-index: 30;
  }

  [data-ioa-effect^='mask']:after,
  [data-ioa-effect^='mask']:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  [data-ioa-effect^='mask']:after {
    background-color: #f4f4f4;
    z-index: 31;
  }

  [data-ioa-effect^='mask'].is-observed:after,
  [data-ioa-effect^='mask'].is-observed:before {
    width: 0;
    visibility: hidden;
  }

  [data-ioa-effect^='mask'].is-observed:before {
    transition:
      width 1.5s cubic-bezier(0.19, 1, 0.22, 1) 1s,
      visibility 0s linear 2.5s;
  }

  [data-ioa-effect^='mask'].is-observed:after {
    transition:
      width 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s,
      visibility 0s linear 1.5s;
  }

  [data-ioa-effect$='-theme']:before {
    background-color: #360;
  }

  [data-ioa-effect$='-white']:before {
    background-color: #fff;
  }

  [data-ioa-effect$='-accent']:before {
    background-color: #b80101;
  }

  [data-ioa-effect^='mask-right']:after,
  [data-ioa-effect^='mask-right']:before {
    left: auto;
    right: 0;
  }

  [data-ioa-effect^='bounce'] {
    opacity: 0;
    transition-duration: 0.5s;
  }

  [data-ioa-effect^='bounce'].is-observed {
    -webkit-animation-name: _bouncebounce;
    animation-name: _bouncebounce;
    opacity: 1;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform-origin: 50% 50%;
  }

  .u-screen-d {
    display: inherit !important;
  }

  .u-screen-n {
    display: none !important;
  }
}

@media screen and (max-width: 374px) {
  .p-info-frame__please {
    font-size: 2.2rem;
  }

  .p-lets-list__base {
    height: 155px;
    border-radius: 25px;
    padding: 15px 5px;
  }

  .p-lets-list__i svg {
    max-width: 75%;
  }

  .u-xxs-d {
    display: inherit !important;
  }

  .u-xxs-n {
    display: none !important;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .p-info-frame [class].p--i--ichigo,
  .p-info-frame [class].p--i--meron,
  .p-info-frame [class].p--i--nasubi,
  .p-info-frame [class].p--i--piman,
  .p-info-frame [class].p--i--suica,
  .p-info-frame [class].p--i--tomato {
    background-image: url(../images/sprite@2x.png?1647233821066);
    background-size: 511px 386px;
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 768px) and (min-resolution: 2dppx) {
  .p-hsymbol {
    background-image: url(../images/common/bg-label@2x.png);
  }

  .p-recruit.is-observed {
    background-image: url(../images/home/recruit-bg@2x.jpg);
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-kv {
    height: 80vw;
    min-height: 615px;
  }

  .p-kv [class].c-object-fit__cover {
    -o-object-position: 67% center;
    object-position: 67% center;
  }
}

@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .p-lets-list:before {
    background-image: url(../images/common/kumamon-type-a@2x.png);
  }

  .p-lets-list:after {
    background-image: url(../images/common/bg-orange@2x.jpg);
  }
}

@media print {
  .u-print-d {
    display: inherit !important;
  }

  .u-print-n {
    display: none !important;
  }
}

@media print, screen and (min-width: 375px) {
  .u-over-xxs-d {
    display: inherit !important;
  }

  .u-over-xxs-n {
    display: none !important;
  }
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.p-bnr-line {
  padding-bottom: 100px;
}

.p-bnr-line__link {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.p-bnr-line__link img {
  transition: opacity 0.3s ease-in-out;
}

.p-bnr-line__link:hover img {
  opacity: 0.8;
}

@media screen and (min-width: 1024px) {
  .p-cover__base--be {
    margin-left: calc((50% - 500px) / 2);
  }
}