/***** var set *****/
:root {
  --site-body-color: #fcfcfc;
  --site-color-red: #d1003a;
  --site-color-red-action: #b00031;
  --site-color-red-current: #eee;
  --site-color-blue: #2665c3;
  --site-color-lightblue: #f0f6ff;
  --site-color-darkblue: #09449d;
  --site-color-white: #fff;
  --site-color-black: #353332;
  --site-color-gray: #717071;
  --site-color-lightgray: #d0d0d0;
  --site-color-verylightgray: #f0f0f0;
  --site-color-beige: #fbf8f2;
  --site-color-pink: #fcf1f4;

  --font-color: #333;
  --font-family-noto: 'Noto Sans JP', sans-serif;
  --font-family-robot: 'Roboto Condensed', sans-serif;
  --font-family-hybrid: 'Roboto Condensed', 'Noto Sans JP', sans-serif;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --error-color: #ec5464;
  --required-color: #007cca;
  --header-height: 10rem;
  --footer-top-height: 13.6rem;
  --footer-bottom-height: 6.8rem;
  --gnavi-height: 5.5rem;
  --search-panel-margin: 2.4rem;

  --content-size: 920px;
  --content-size-small: 920px;
  --content-size-mid: 1080px;
  --content-size-max: 1366px;

  --content-margin-top: 6.4rem;
  --layout-main-side: 2rem;
  --layout-main-bottom: 16rem;
  --base-duration: .2s;

  --scroll-padding: calc(var(--gnavi-height) + var(--search-panel-height, 0rem));
}
body {
  --bem: / 16 * var(--body-em, 1.6rem);
}

/***** layout set *****/
@media screen and (min-width: 1366px) {
  :root { --ss1366: / 1366 * 1366px; }
}
@media screen and (min-width: 0px) and (max-width: 1365px) {
  :root { --ss1366: / 1366 * 100vw; }
}
@media screen and (min-width: 0px) {
  html { font-size: 10px; }
  .sp { display: none !important; }
}
/*
@media screen and (min-width: 600px) {
  html { font-size: 10px; }
  .sp { display: none !important; }
}
@media screen and (max-width: 599px) {
  .pc { display: none !important; }
}
*/

/***** base set *****/
html {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: scroll;
  scroll-behavior: smooth;
  scroll-padding-top: var(--scroll-padding);
}
body,
.site :is(button, input, select, optgroup, textarea) {
  color: var(--font-color);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-noto);
  font-size: 1.6rem;
  line-height: 1.5;
}
body {
  position: relative;
  background-color: var(--site-body-color);
  min-width: 96rem;
  visibility: visible;
}
body.font-size-id1 { --body-em: 1.4rem; font-size: 1.4rem; }
body.font-size-id2 { --body-em: 1.6rem; font-size: 1.6rem; }
body.font-size-id3 { --body-em: 1.9rem; font-size: 1.9rem; }

/***** template *****/
.post, .page {
  margin: 0;
}
article:is(.post, .info, .page, .list) {
  margin-top: 4rem;
}
.page-content, .entry-content, .entry-summary {
  margin-top: 4rem;
}
.error-404 {
  margin-top: 4rem;
}

/***** wrapper *****/
.site [class$="wrap"] {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}
.site .cwrap {
  max-width: var(--content-size-max);
}
.site .mwrap {
  max-width: var(--content-size-mid);
}
.site .swrap {
  max-width: var(--content-size-small);
}

/***** common form style *****/
.site :is(button, input[type="submit"], input[type="radio"], input[type="checkbox"]) {
  cursor: pointer;
}
.site input:focus,
.site textarea:focus {
  outline: none;
}

/* input text */
.site input[type="text"],
.site textarea {
  --border-width: .1rem;
  font-weight: var(--font-weight-regular);
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  background-color: var(--site-color-white);
  border: var(--border-width) solid var(--site-color-lightgray);
  border-radius: calc(4 var(--bem));
  padding: calc(7 var(--bem) - var(--border-width)) calc(11 var(--bem) - var(--border-width));
}
.site input[type="text"]:focus,
.site textarea:focus {
  --border-width: .2rem;
  border: var(--border-width) solid #75a6f0;
}
.site input[type="text"] {
  height: calc(43 var(--bem));
}
.site textarea {
  height: calc(136 var(--bem));
}

/* label */
.site label {
  user-select: none;
}
.site label i {
  display: none;
}
.site label:is(.fp-cbox, .fp-rbtn) {
  display: inline-flex;
  align-items: center;
  gap: 0 calc(8 var(--bem));
  vertical-align: top;
  cursor: pointer;
}
.site label:is(.fp-cbox, .fp-rbtn) input {
  display: none;
}
.site label:is(.fp-cbox, .fp-rbtn) input + i {
  flex: 0 0 auto;
  display: block;
  position: relative;
  box-sizing: content-box;
  width: calc(24 var(--bem));
  height: calc(24 var(--bem));
  padding: 0;
}
.site label:is(.fp-cbox, .fp-rbtn) input + i::before,
.site label:is(.fp-cbox, .fp-rbtn) input + i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(24 var(--bem));
}
.site label:is(.fp-cbox, .fp-rbtn) input + i::after {
  opacity: 0;
  transition: opacity .1s;
}
.site label:is(.fp-cbox, .fp-rbtn) input:checked + i::after {
  opacity: 1;
}
.site label:is(.fp-cbox, .fp-rbtn) span {
  font-weight: var(--font-weight-regular);
  font-size: calc(16 var(--bem));
  line-height: 1;
  padding: 0;
  transform: rotate(.028deg);
}

/* input checkbox */
.site label.fp-cbox input[type="checkbox"] + i::before {
  background: url(../images/commons/icon-checkbox-off.svg) no-repeat center center / calc(16 var(--bem)) auto;
}
.site label.fp-cbox input[type="checkbox"] + i::after {
  background: url(../images/commons/icon-checkbox-on.svg) no-repeat center center / calc(16 var(--bem)) auto;
}

/* input radio button */
.site label.fp-rbtn input[type="radio"] + i::before {
  background: url(../images/commons/icon-radio-off.svg) no-repeat center center / calc(18 var(--bem)) auto;
}
.site label.fp-rbtn input[type="radio"] + i::after {
  background: url(../images/commons/icon-radio-on.svg) no-repeat center center / calc(18 var(--bem)) auto;
}

/* placeholder */
.site ::-webkit-input-placeholder { color: var(--site-color-lightgray); }
.site ::-moz-placeholder { color: var(--site-color-lightgray); opacity: 1; }
.site ::placeholder { color: var(--site-color-lightgray); }

/***** page(.site) *****/
#page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
}

/***** masthead(header) & colophon(footer) *****/
:is(#masthead, #colophon) a {
  display: flex;
  align-items: center;
  position: relative;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color var(--base-duration);
}
:is(#masthead, #colophon) a span {
  position: relative;
  color: var(--font-color);
  line-height: 1;
  transition: color var(--base-duration);
}
:is(#masthead, #colophon) a:hover {
  text-decoration-color: var(--site-color-red);
}
:is(#masthead, #colophon) a:hover span {
  color: var(--site-color-red);
}
:is(#masthead, #colophon) .site-branding {
  display: flex;
  align-items: center;
  gap: 0 2.4rem;
}
:is(#masthead, #colophon) .site-branding .site-logo {
  width: 9rem;
  height: 5rem;
}
:is(#masthead, #colophon) .site-branding .site-logo a {
  display: flex;
}
:is(#masthead, #colophon) .site-branding .site-logo a img.custom-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:is(#masthead, #colophon) .site-branding .site-title-set {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: .8rem 0;
}
:is(#masthead, #colophon) .site-branding .site-title-set span {
  font-weight: var(--font-weight-bold);
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
}
:is(#masthead, #colophon) .site-branding .site-title-set .site-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
:is(#masthead, #colophon) .site-branding .site-title-set .site-catch {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2665c3;
  border-radius: .4rem;
  width: 12rem;
  padding: .6rem .8rem;
}
:is(#masthead, #colophon) .site-branding .site-title-set .site-catch span {
  color: var(--site-color-white);
  font-weight: var(--font-weight-medium);
  transform: rotate(.028deg) translateY(-.1rem);
}

/***** masthead(header) *****/
#masthead {
  position: relative;
  z-index: 300;
  background-color: var(--site-color-white);
  width: 100%;
}
#masthead .cwrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem calc(40 var(--ss1366));
}
#masthead .site-branding .site-logo {
  width: 8.5rem;
  height: 4.8rem;
}
#masthead .site-options {
  display: flex;
  gap: 0 3.2rem;
}
#masthead .site-options .site-snavi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
  gap: 1.2rem;
}
#masthead .site-options .site-snavi .tnavi ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
#masthead .site-options .site-tools {
  border-left: .11rem solid var(--site-color-verylightgray);
  padding-left: 3.2rem;
  display: none;
}
#masthead .site-options .site-tools .font-size-changer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem 0;
}
#masthead .site-options .site-tools .font-size-changer .title {
  font-weight: var(--font-weight-regular);
  font-size: 1.3rem;
  line-height: 1;
}
#masthead .site-options .site-tools .font-size-changer .btns {
  display: flex;
  border: .11rem solid var(--site-color-lightgray);
  border-radius: 0.4rem;
  overflow: hidden;
}
#masthead .site-options .site-tools .font-size-changer .btns .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8;
  border: none;
  border-radius: 0;
  padding: 0;
  width: 3.2rem;
  height: 3.2rem;
}
#masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(1),
#masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(3) {
  width: 3.1rem;
}
#masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(2) {
  border-right: .11rem solid var(--site-color-lightgray);
  border-left: .11rem solid var(--site-color-lightgray);
}
.font-size-id1 #masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(1),
.font-size-id2 #masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(2),
.font-size-id3 #masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(3) {
  background-color: #2665c3;
}

#masthead .site-options .site-tools .font-size-changer .btns .btn span {
  font-weight: var(--font-weight-medium);
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
}
.font-size-id1 #masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(1) span,
.font-size-id2 #masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(2) span,
.font-size-id3 #masthead .site-options .site-tools .font-size-changer .btns .btn:nth-of-type(3) span {
  color: var(--site-color-white);
  background-color: #2665c3;
}
#masthead #snavi1 {
  order: 1;
}
#masthead #snavi1 ul {
  gap: 0 calc(24 var(--bem));
}
#masthead #snavi1 ul a {
  gap: 0 calc(6 var(--bem));
  height: calc(20 var(--bem));
}
#masthead #snavi1 ul a::before {
  content: "";
  width: calc(20 var(--bem));
  height: calc(20 var(--bem));
}
#masthead #snavi1 ul .link-application a::before {
  background: var(--site-color-white) url(../images/commons/icon-application-red.svg) no-repeat center center / 100% auto;
}
#masthead #snavi1 ul .link-suggestion a::before {
  background: var(--site-color-white) url(../images/commons/icon-suggestion-red.svg) no-repeat center center / 100% auto;
}
#masthead #snavi1 ul .link-contact a::before {
  background: var(--site-color-white) url(../images/commons/icon-contact-red.svg) no-repeat center center / 100% auto;
}
#masthead #snavi1 ul a span {
  font-weight: var(--font-weight-bold);
  font-size: calc(14 var(--bem));
  transform: rotate(.028deg);
}
#masthead #snavi2 {
  order: 0;
}
#masthead #snavi2 ul {
  gap: 0 calc(16 var(--bem));
}
#masthead #snavi2 ul a {
  height: calc(22 var(--bem));
  padding-right: calc((4 var(--bem)) + (12 var(--bem)));
}
#masthead #snavi2 ul .link-external a {
  padding-right: calc((4 var(--bem)) + (16 var(--bem)));
}
#masthead #snavi2 ul a::before,
#masthead #snavi2 ul a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(12 var(--bem));
  height: calc(12 var(--bem));
  margin: auto 0;
  transition: opacity var(--base-duration);
}
#masthead #snavi2 ul a::before {
  z-index: 2;
  background: var(--site-color-white) url(../images/commons/icon-link-red.svg) no-repeat center center / 100% auto;
  opacity: 0;
}
#masthead #snavi2 ul a::after {
  z-index: 1;
  background: var(--site-color-white) url(../images/commons/icon-link.svg) no-repeat center center / 100% auto;
}
#masthead #snavi2 ul .link-external a::before,
#masthead #snavi2 ul .link-external a::after {
  width: calc(16 var(--bem));
  height: calc(16 var(--bem));
}
#masthead #snavi2 ul .link-external a::before {
  background: url(../images/commons/icon-link-external-red.svg) no-repeat center center / 100% auto;
}
#masthead #snavi2 ul .link-external a::after {
  background: url(../images/commons/icon-link-external.svg) no-repeat center center / 100% auto;
}
#masthead #snavi2 ul a span {
  font-weight: var(--font-weight-regular);
  font-size: calc(13 var(--bem));
}
#masthead #snavi2 ul a:hover::before {
  opacity: 1;
}
#masthead .site-options .links {
  display: flex;
  align-items: center;
;
}
#masthead .site-options .links a.btn {
  text-decoration: none;
  padding: 5px 20px;
  background: #2665c3;
  border-radius: 10px;
  color: #fff!important;
  text-align: center;
  font-size: 14px;
  line-height: 1.5em;
  transition: .3s
}
#masthead .site-options .links a.btn:hover {
  text-decoration: none;
  opacity: .8;
}

/***** pagetop-set *****/
.site .pagetop-set {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 400;
  width: calc(100% - 2rem);
  max-width: 134.6rem;
  height: 100%;
  margin: 0 auto;
  pointer-events: none;
}
.site .pagetop-set .btn-pagetop {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: sticky;
  right: 3rem;
  bottom: 2rem;
  gap: .4rem 0;
  text-decoration: none;
  width: 5.558rem; /* 6.6rem */
  height: 5.6rem;
  padding: 1.2rem 0 1.6rem;
  outline: none;
  opacity: 0;
  pointer-events: fill;
  transition: transform var(--base-duration), opacity .3s;
}
.site .pagetop-set .btn-pagetop.is-visible {
  opacity: 1;
}
.site .pagetop-set .btn-pagetop::before {
  content: "";
  background: url(../images/commons/icon-pagetop-whtie.svg) no-repeat center center / 100% auto;
  width: 1.2rem;
  height: 1.2rem;
}
.site .pagetop-set .btn-pagetop .text {
  color: var(--site-color-white);
  font-family: var(--font-family-robot);
  font-weight: var(--font-weight-medium);
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
}
.site .pagetop-set .btn-pagetop .square {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: var(--site-color-red);
  width: 100%;
  height: 100%;
  box-shadow: .4rem .8rem 1.6rem 0rem rgba(49, 49, 49, .40);
  transform: skew(-10.22deg, 0deg);
}
.site .pagetop-set .btn-pagetop:hover {
  transform: translateY(.4rem);
}
.site .pagetop-set .btn-pagetop:hover .square {
  background-color: var(--site-color-red-action);
}

/***** colophon(footer) *****/
#colophon {
  position: relative;
  z-index: 300;
  width: 100%;
  margin-top: auto;
}

/* site-footer-navi */
#colophon .site-footer-navi {
  background-color: var(--site-color-white);
  border-top: .11rem solid #ededed;
  padding: 0 2rem;
}
#colophon .site-footer-navi .mwrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 8rem;
  min-height: var(--footer-top-height);
  padding: 3rem 0;
}
#colophon .site-footer-navi .mwrap #fnavi ul {
  display: grid;
  justify-content: flex-end;
  grid-template-columns: repeat(4, minmax(6rem, auto));
  gap: calc(8 var(--bem)) calc(32 var(--bem));
  grid-template-areas: ". . . .";
  list-style: none;
  margin: 0;
  padding: 0;
}
#colophon .site-footer-navi .mwrap #fnavi ul .menu-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#colophon .site-footer-navi .mwrap #fnavi ul .menu-item a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.2;
  height: auto;
  min-height: calc(22 var(--bem));
  padding: 0 calc(4 var(--bem));
  overflow: hidden;
}
#colophon .site-footer-navi .mwrap #fnavi ul .menu-item a span {
  font-weight: var(--font-weight-bold);
  font-size: calc(13 var(--bem));
}

/* site-footer-snavi */
#colophon .site-footer-snavi {
  background-color: var(--site-color-black);
  padding: 0 2rem;
}
#colophon .site-footer-snavi .mwrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  min-height: var(--footer-bottom-height);
  padding: 2.4rem 0;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem 4rem;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi .tnavi ul {
  display: flex;
  gap: 0 calc(24 var(--bem));
  list-style: none;
  margin: 0;
  padding: 0;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi .tnavi ul a {
  height: calc(20 var(--bem));
}
#colophon .site-footer-snavi .mwrap .site-fsnavi .tnavi ul a span {
  color: var(--site-color-white);
  font-weight: var(--font-weight-regular);
}
#colophon .site-footer-snavi .mwrap .site-fsnavi .tnavi ul a:hover {
  text-decoration-color: var(--site-color-white);
}
#colophon .site-footer-snavi .mwrap .site-fsnavi .tnavi ul a:hover span {
  color: var(--site-color-white);
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi1 a {
  gap: 0 .6rem;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi1 a::before {
  content: "";
  width: calc(20 var(--bem));
  height: calc(20 var(--bem));
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi1 .link-application a::before {
  background: url(../images/commons/icon-application-white.svg) no-repeat center center / 100% auto;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi1 .link-suggestion a::before {
  background: url(../images/commons/icon-suggestion-white.svg) no-repeat center center / 100% auto;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi1 .link-contact a::before {
  background: url(../images/commons/icon-contact-white.svg) no-repeat center center / 100% auto;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi1 a span {
  font-size: calc(13 var(--bem));
  transform: rotate(.028deg);
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi2 a {
  padding-right: calc(calc(4 var(--bem)) + calc(12 var(--bem)));
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi2 .link-external a {
  padding-right: calc(calc(4 var(--bem)) + calc(16 var(--bem)));
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi2 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(12 var(--bem));
  height: calc(12 var(--bem));
  margin: auto 0;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi2 a::after {
  z-index: 1;
  background: url(../images/commons/icon-link-white.svg) no-repeat center center / 100% auto;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi2 .link-external a::after {
  width: calc(16 var(--bem));
  height: calc(16 var(--bem));
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi2 .link-external a::after {
  background: url(../images/commons/icon-link-external-white.svg) no-repeat center center / 100% auto;
}
#colophon .site-footer-snavi .mwrap .site-fsnavi #fsnavi2 a span {
  font-size: calc(12 var(--bem));
  transform: rotate(.028deg) translateY(calc(-.5 var(--bem)));
}
#colophon .site-footer-snavi .mwrap .copyright {
  display: flex;
  align-items: center;
  height: 2rem;
  margin-left: auto;
}
#colophon .site-footer-snavi .mwrap .copyright span {
  color: #999;
  font-family: var(--font-family-robot);
  font-size: calc(12 var(--bem)); /* 1.2rem */
  line-height: 1;
  white-space: nowrap;
}

/***** primary(main) *****/
#primary {
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 var(--layout-main-side) var(--layout-main-bottom);
}
:is(.search) #primary {
  padding-right: 0;
  padding-left: 0;
}
:is(.single-post) #primary {
  padding: 0;
}
#primary::before,
#primary::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  background: url(../images/commons/bg-body-dots.png) repeat-x 0 0 / auto 100%;
  height: 24rem;
}
#primary::before {
  top: 0;
}
#primary::after{
  bottom: 0;
  transform: scaleY(-1);
}

/***** global-navi *****/
#global-navi {
  position: sticky;
  top: 0;
  z-index: 200;
  background-color: var(--site-color-red);
}
#global-navi #gnavi ul {
  display: flex;
  list-style: none;
  border-right: .1rem solid #d14b70;
  width: 100%;
  margin: 0;
  padding: 0;
}
#global-navi #gnavi ul .menu-item {
  flex: 1 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: .1rem solid #d14b70;
  min-height: var(--gnavi-height, 5.5rem);
}
#global-navi #gnavi ul .menu-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: var(--site-color-red);
  width: 100%;
  height: 100%;
  padding: .6rem;
  transition: background-color .3s;
}
#global-navi #gnavi ul .menu-item a:hover {
  background-color: var(--site-color-red-action);
}
#global-navi #gnavi ul .menu-item a span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: var(--site-color-white);
  font-weight: var(--font-weight-bold);
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: .128rem;
  overflow: hidden;
}
body:not(.search) #global-navi #gnavi ul .current-menu-item a {
  background-color: var(--site-color-red-current);
}
body:not(.search) #global-navi #gnavi ul .current-menu-item a span {
  color: var(--site-color-red);
}

/***** search-panel *****/
.search-panel {

  top: calc(var(--search-panel-margin) + var(--gnavi-height));
  z-index: 100;
  margin: var(--search-panel-margin) auto 0;
}
:is(.search) .search-panel {
  position: relative;
  top: 0;
  background-color: var(--site-color-beige);
  height: 0;
  margin: 0;
  overflow: hidden;
  transition: height .4s;
}
:is(.search) .search-panel .swrap {
  border: none;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
}
:is(.search) .search-panel .search-simple,
:is(.search) .search-panel .search-advanced.content {
  max-width: var(--content-size-small);
  margin: 0 auto;
}
:is(.search) .search-panel .search-simple {
  margin-bottom: .8rem;
  padding-right: 0;
  padding-left: 0;
}
:is(.search) .search-panel .search-advanced.content .wrap {
  padding-right: 0;
  padding-left: 0;
}
.search-panel .swrap {
  position: relative;
  background-color: var(--site-color-beige);
  border: .1rem solid var(--site-color-verylightgray);
  border-radius: .8rem;
  box-shadow: .1rem 1.6rem 2.4rem 0 rgba(219, 221, 225, .60);
  padding-bottom: 3.4rem;
  overflow: hidden;
}

/* search-simple */
.search-panel .search-simple {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  padding: 1.6rem 4rem;
}
.search-panel .search-simple .search-base {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.search-panel .search-simple .search-base h2 {
  display: flex;
  align-items: center;
  gap: .8rem;
  height: 3.6rem;
  margin: 0 2.4rem 0 0;
}
.search-panel .search-simple .search-base h2::before {
  content: "";
  background: #f1ece2 url(../images/commons/icon-search-red.svg) no-repeat center center / 1.3327rem auto;
  border-radius: 50%;
  width: 3.6rem;
  height: 100%;
  overflow: hidden;
}
.search-panel .search-simple .search-base h2 span {
  font-weight: var(--font-weight-bold);
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: .064rem;
}
.search-panel .search-simple .search-base .input-query {
  flex: 1 0 0;
}
.search-panel .search-simple .search-base .input-query input[type="text"] {
  font-size: 1.5rem;
  letter-spacing: 0;
  border-radius: .4rem 0 0 .4rem;
  width: 100%;
  height: 4.8rem;
  padding: 1.6rem 1.2rem;
}
.search-panel .search-simple .search-base .input-query input[type="text"]:focus {
  padding: 1.5rem 1.1rem;
}
.search-panel .search-simple .search-base .button-submit button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--site-color-red);
  border: .11rem solid #b00031;
  border-radius: 0 .4rem .4rem 0;
  width: 10rem;
  min-width: 10rem;
  height: 4.8rem;
  padding: 0;
  transition: background-color var(--base-duration);
}
.search-panel .search-simple .search-base .button-submit button:hover {
  background-color: var(--site-color-red-action);
}
.search-panel .search-simple .search-base .button-submit button span {
  color: var(--site-color-white);
  font-weight: var(--font-weight-bold);
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: .32rem;
  text-align: center;
  transform: rotate(.028deg) translateY(-.1rem);
}
.search-panel .search-simple .search-option .input-within-file span {
  font-size: calc(14 var(--bem));
}

/* search-advanced button */
.search-panel .search-advanced.button {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background-color: #f1ece2;
  width: 100%;
  height: 3.4rem;
  cursor: pointer;
  transition: background-color var(--base-duration);
}
.search-panel .search-advanced.button span {
  position: absolute;
  top: 0;
  bottom: 0;
  color: #231815;
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: calc(20 var(--bem));
  letter-spacing: calc(.56 var(--bem));
  height: calc(20 var(--bem));
  margin: auto;
  padding: 0 calc(28 var(--bem)) 0 calc(12 var(--bem));
  transition: color var(--base-duration);
}
.search-panel .search-advanced.button span::before,
.search-panel .search-advanced.button span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(20 var(--bem));
  height: calc(20 var(--bem));
  margin: auto 0;
  transition: opacity var(--base-duration), transform var(--base-duration);
}
.search-panel .search-advanced.button span::before {
  background: #f1ece2 url(../images/commons/icon-open-black.svg) no-repeat center center / 100% auto;
}
.search-panel .search-advanced.button span::after {
  background: #d4cec0 url(../images/commons/icon-open-white.svg) no-repeat center center / 100% auto;
  opacity: 0;
}
.search-panel .search-advanced.button span.open,
.search-panel .search-advanced.button.is-open span.close { opacity: 1; }
.search-panel .search-advanced.button span.close,
.search-panel .search-advanced.button.is-open span.open { opacity: 0; }
.search-panel .search-advanced.button.is-open span::before,
.search-panel .search-advanced.button.is-open span::after { transform: scaleY(-1); }
.search-panel .search-advanced.button:hover {
  background-color: #d4cec0;
}
.search-panel .search-advanced.button:hover span {
  color: var(--site-color-white);
}
.search-panel .search-advanced.button:hover span::after {
  opacity: 1;
}

/* search-advanced content */
.search-panel .search-advanced.content {
  display: flex;
  flex-direction: column;
  height: 0;
  overflow: hidden;
  transition: height .4s;
}
.search-panel .search-advanced.content .wrap {
  padding: 0 4rem;
}
.search-panel .search-advanced.content .taxonomy {
  display: flex;
  align-items: flex-start;
  gap: 0 2.4rem;
  padding: 2.4rem 1.6rem;
}
.search-panel .search-advanced.content .taxonomy + .taxonomy {
  border-top: .11rem solid var(--site-color-lightgray);
}
.search-panel .search-advanced.content .taxonomy h3 {
  flex: 0 0 auto;
  font-weight: var(--font-weight-bold);
  font-size: calc(16 var(--bem));
  line-height: calc(21 var(--bem));
  letter-spacing: calc(.64 var(--bem));
  white-space: nowrap;
  width: 12rem;
  margin: 0;
  padding: calc(3 var(--bem)) 0;
}
.search-panel .search-advanced.content .taxonomy .list-term {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-auto-flow: row;
  grid-template-areas: ". . .";
  gap: 1.2rem 1.6rem;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.search-panel .search-advanced.content .taxonomy .list-term .term {
  overflow: hidden;
}
.search-panel .search-advanced.content .taxonomy .list-term .term label {
  align-items: flex-start;
  width: 100%;
}
.search-panel .search-advanced.content .taxonomy .list-term .term label i {
  height: calc(24 var(--bem));
  padding: calc(3 var(--bem)) 0 0;
}
.search-panel .search-advanced.content .taxonomy .list-term .term label i::before,
.search-panel .search-advanced.content .taxonomy .list-term .term label i::after {
  top: calc(3 var(--bem));
}
.search-panel .search-advanced.content .taxonomy .list-term .term label span {
  font-size: calc(16 var(--bem));
  line-height: calc(21 var(--bem));
  letter-spacing: calc(.64 var(--bem));
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: calc(3 var(--bem)) 0;
  overflow: hidden;
}

/***** breadcrumbs *****/
.breadcrumbs {
  width: 100%;
  max-width: var(--content-size-small);
  margin: 4.8rem auto 0;
}
.breadcrumbs ul {
  display: flex;
  align-items: center;
  gap: 0 calc(8 var(--bem));
  list-style: none;
  height: calc(22 var(--bem));
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li {
  display: flex;
  align-items: center;
}
.breadcrumbs ul li + li:before {
  content: "";
  background: url(../images/commons/icon-breadcrumbs.svg) no-repeat center center / 100% auto;
  width: calc(12 var(--bem));
  height: calc(12 var(--bem));
  margin-right: calc(8 var(--bem));
}
.breadcrumbs ul li span {
  font-size: calc(13 var(--bem));
  line-height: 1;
  letter-spacing: calc(.52 var(--bem));
  transform: translateY(calc(-.5 var(--bem)));
}
.breadcrumbs ul li a {
  display: flex;
  align-items: center;
  position: relative;
  text-decoration-color: var(--site-color-red);
  transition: text-decoration-color var(--base-duration);
}
.breadcrumbs ul li a span {
  position: relative;
  color: var(--site-color-red);
  transition: color var(--base-duration);
}
.breadcrumbs ul li a:hover {
  text-decoration-color: transparent;
}
.breadcrumbs ul li:last-of-type {
  flex: 1 0 0;
}
.breadcrumbs ul li:last-of-type span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

/***** primary commons *****/
.site-main .hdset {
  display: flex;
  margin: 0;
}
.site-main :is(.entry-title, .page-title) {
  margin: 0;
}

/* header type1 */
:is(.page-new, .page-info, .page-sitemap, .category, .page-contact, .page-mypage, .error404) .site-main :is(.page-header, .entry-header) :is(.page-title, .entry-title) {
  display: flex;
  position: relative;
  margin: 0;
  padding-left: calc((19 + 16) var(--bem));
}
:is(.page-new, .page-info, .page-sitemap, .category, .page-contact, .page-mypage, .error404) .site-main :is(.page-header, .entry-header) :is(.page-title, .entry-title)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/commons/icon-header-type1.svg) no-repeat center center / 100% auto;
  width: calc(19 var(--bem));
  height: calc(16 var(--bem));
}
:is(.page-new, .page-info, .page-sitemap, .category, .page-contact, .page-mypage, .error404) .site-main :is(.page-header, .entry-header) :is(.page-title, .entry-title) span {
  font-weight: var(--font-weight-bold);
  font-size: calc(32 var(--bem));
  line-height: 1;
  letter-spacing: calc(1.28 var(--bem));
}
:is(.page-new, .page-info, .page-sitemap, .category, .page-contact, .page-mypage, .error404) .site-main :is(.page-header, .entry-header) :is(.page-title, .entry-title) span.font-robot,
.page-new .site-main .entry-header .entry-title span {
  font-weight: var(--font-weight-medium);
  font-family: var(--font-family-robot);
  line-height: 1;
  letter-spacing: 0;
}

/* header type2 */
.site-main .hdset.type2 .title {
  display: flex;
  align-items: center;
  gap: 0 calc(16 var(--bem));
}
.site-main .hdset.type2 .title::before {
  content: "";
  width: calc(40 var(--bem));
  height: calc(40 var(--bem));
}
.site-main .hdset.type2 .title span {
  font-weight: var(--font-weight-bold);
  font-size: calc(32 var(--bem));
  line-height: 170%;
  letter-spacing: calc(1.28 var(--bem));
  transform: rotate(.028deg) translateY(calc(-2 var(--bem)));
}

/* header type3 */
.site-main .hdset.type3 {
  align-items: center;
  justify-content: space-between;
}
.site-main .hdset.type3 .entry-title,
.site-main .hdset.type3 .title {
  display: flex;
  position: relative;
  margin: 0;
  padding-left: calc((9.5 + 8) var(--bem));
}
.site-main .hdset.type3 .entry-title::before,
.site-main .hdset.type3 .title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/commons/icon-header-type3.svg) no-repeat center center / 100% auto;
  width: calc(9.5 var(--bem));
  height: calc(8 var(--bem));
}
.site-main .hdset.type3 .entry-title span,
.site-main .hdset.type3 .title span {
  font-weight: var(--font-weight-regular);
  font-size: calc(24 var(--bem));
  line-height: 1;
  letter-spacing: calc(.96 var(--bem));
}
.site-main .hdset.type3 .entry-title span.font-robot,
.site-main .hdset.type3 .title span.font-robot {
  font-family: var(--font-family-robot);
  font-size: calc(30 var(--bem));
  letter-spacing: 0;
}

/* header type4 */
.site-main .hdset.type4 {
  flex-direction: column;
}
.site-main .hdset.type4 .entry-title,
.site-main .hdset.type4 .title {
  display: flex;
  position: relative;
  margin: 0;
}
.site-main .hdset.type4 .entry-title::after,
.site-main .hdset.type4 .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--site-color-lightgray);
  width: 100%;
  height: .1rem;
}
.site-main .hdset.type4 .entry-title span,
.site-main .hdset.type4 .title span {
  position: relative;
  font-weight: var(--font-weight-bold);
  font-size: calc(28 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(1.12 var(--bem));
  padding-bottom: calc(8 var(--bem) + .1rem);
}
.site-main .hdset.type4 .entry-title span::after,
.site-main .hdset.type4 .title span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--site-color-red);
  width: 100%;
  height: .1rem;
}

/* btn-list-all */
.site-main .btn-list-all {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-verylightgray);
  border-radius: calc(17 var(--bem));
  height: calc(34 var(--bem));
  padding: 0 calc(40 var(--bem)) 0 calc(16 var(--bem));
  transition: background-color var(--base-duration), border-color var(--base-duration);
}
.site-main .btn-list-all::before,
.site-main .btn-list-all::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(12 var(--bem));
  bottom: 0;
  width: calc(12 var(--bem));
  height: calc(12 var(--bem));
  margin: auto 0;
  transition: opacity var(--base-duration);
}
.site-main .btn-list-all::before {
  z-index: 2;
  background: var(--site-color-gray) url(../images/commons/icon-link-list-white.svg) no-repeat center center / 100% auto;
  opacity: 0;
}
.site-main .btn-list-all::after {
  z-index: 1;
  background: var(--site-color-white) url(../images/commons/icon-link-list-gray.svg) no-repeat center center / 100% auto;
}
.site-main .btn-list-all span {
  color: var(--site-color-gray);
  font-size: calc(13 var(--bem));
  line-height: 1;
  transform: rotate(.028deg) translateY(calc(-.5 var(--bem)));
  transition: color var(--base-duration);
}
.site-main .btn-list-all:hover {
  background-color: var(--site-color-gray);
  border: .11rem solid var(--site-color-gray);
}
.site-main .btn-list-all:hover::before {
  opacity: 1;
}
.site-main .btn-list-all:hover span {
  color: var(--site-color-white);
}

/***** simple-list *****/
.simple-list .list-items {
  display: flex;
  flex-direction: column;
  gap: 1.2rem 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.simple-list .list-items .item {
  border: .11rem solid var(--site-color-verylightgray);
  border-radius: .8rem;
  box-shadow: .4rem .4rem 2.4rem 0 rgba(219, 221, 225, .60);
  overflow: hidden;
}
.simple-list .list-items .item a {
  display: flex;
  align-items: center;
  gap: 0 calc(16 var(--bem));
  position: relative;
  text-decoration: none;
  background-color: var(--site-color-white);
  min-height: calc(66 var(--bem));
  padding: calc(16 var(--bem)) calc(1.6rem + 2.4rem + 1.6rem) calc(16 var(--bem)) 2.4rem;
  transition: background-color var(--base-duration);
}
.simple-list .list-items .item a::before,
.simple-list .list-items .item a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.6rem;
  bottom: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin: auto 0;
  transition: opacity var(--base-duration), transform var(--base-duration);
}
.simple-list .list-items .item a::before {
  z-index: 2;
  background: #f5f5f5 url(../images/commons/icon-link-single-red.svg) no-repeat center center / 100% auto;
  opacity: 0;
  transform: translateX(0);
}
.simple-list .list-items .item a::after {
  z-index: 1;
  background: url(../images/commons/icon-link-single-gray.svg) no-repeat center center / 100% auto;
}
.simple-list .list-items.type1 .item a .date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: calc(80 var(--bem));
}
.simple-list .list-items.type2 .item a .date {
  width: calc(80 var(--bem));
}
.simple-list .list-items .item a .date span {
  color: var(--font-color);
  font-family: var(--font-family-hybrid);
  font-size: calc(16 var(--bem));
  white-space: nowrap;
  transform: rotate(.028deg);
}
.simple-list .list-items.type1 .item a .date span {
  line-height: 1.3;
}
.simple-list .list-items.type2 .item a .date span {
  line-height: 1;
}
.simple-list .list-items .item a .cate {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--site-color-gray);
  border-radius: .2rem;
  width: calc(128 var(--bem));
  height: calc(26 var(--bem));
  padding: 0 1rem;
}
.simple-list .list-items .item a .cate span {
  color: var(--site-color-white);
  text-align: center;
  font-size: calc(13 var(--bem));
  line-height: 1;
  letter-spacing: calc(.52 var(--bem));
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transform: rotate(.028deg) translateY(calc(-1 var(--bem)));
}
.simple-list .list-items .item a .ttle {
  flex: 1 0 0;
}
.simple-list .list-items .item a .ttle span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--textblack, #333);
  font-size: 1.6rem;
  line-height: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  transform: rotate(.028deg) translateY(-.1rem);
  transition: color var(--base-duration);
}
.simple-list .list-items .item a:hover {
  background-color: #f5f5f5;
}
.simple-list .list-items .item a:hover::before {
  transform: translateX(.8rem);
  opacity: 1;
}
.simple-list .list-items .item a:hover .ttle span {
  color: var(--site-color-red);
}

/***** category-list *****/
.category-list .list-items {
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
  list-style: none;
  margin: 2.4rem 0 0;
  padding: 0;
}
.category-list .list-items .item a {
  display: flex;
  align-items: flex-start;
  gap: 0 1.6rem;
  position: relative;
  text-decoration: none;
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-verylightgray);
  border-radius: .8rem;
  box-shadow: .4rem .4rem 2.4rem 0 rgba(219, 221, 225, .60);
  padding: 0 3.2rem 0 1.6rem;
  overflow: hidden;
  transition: background-color var(--base-duration), border var(--base-duration);
}
.category-list .list-items .item a::before,
.category-list .list-items .item a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 100%;
  transition: opacity var(--base-duration);
}
.category-list .list-items .item a::before {
  z-index: 2;
  background: var(--site-color-red) url(../images/commons/icon-link-single-white.svg) no-repeat center center / 2.4rem auto;
  opacity: 0;
}
.category-list .list-items .item a::after {
  z-index: 1;
  background: var(--site-color-gray) url(../images/commons/icon-link-single-gray.svg) no-repeat center center / 2.4rem auto;
}
.category-list .list-items .item a .tr {
  flex-grow: 0;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(4 var(--bem));
  min-height: calc(72 var(--bem));
  padding: calc(12 var(--bem)) 0;
  overflow: hidden;
}
.category-list .list-items .item a .tr .th {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: var(--site-color-gray);
  font-weight: var(--font-weight-regular);
  font-size: calc(12 var(--bem));
  line-height: calc(20 var(--bem));
  text-overflow: ellipsis;
  height: calc(20 var(--bem));
  overflow: hidden;
}
.category-list .list-items .item a .tr .td {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #231815;
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: calc(18 var(--bem));
  word-break: break-all;
  max-width: none;
  height: auto;
  padding: calc(3 var(--bem)) 0;
  overflow: hidden;
}
.category-list .list-items .item a .date {
  flex: 1 0 auto;
  text-overflow: initial;
  height: auto;
}
.category-list .list-items .item a .date .td {
  display: inherit;
  font-family: var(--font-family-robot);
  transform: rotate(.028deg) translateY(calc(2 var(--bem)));
}
.category-list .list-items .item a .car-maker {
  flex-basis: 9.6rem;
}
.category-list .list-items .item a .car-name {
  flex-basis: 14rem;
}
.category-list .list-items .item a .car-model {
  flex-basis: 8.4rem;
}
.category-list .list-items .item a .title {
  flex: 0 0 42rem;
  display: flex;
  align-items: center;
  align-self: stretch;
  border-left: .11rem solid var(--site-color-verylightgray);
  padding: calc(12 var(--bem)) 1.6rem;
}
.category-list .list-items .item a .title span {
  flex: 1 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #231815;
  font-size: calc(16 var(--bem));
  font-weight: var(--font-weight-regular);
  line-height: 1.5;
  text-overflow: ellipsis;
  overflow: hidden;
}
.category-list .list-items .item a:hover {
  background-color: var(--site-color-pink);
  border: .11rem solid var(--site-color-red);
}
.category-list .list-items .item a:hover::before {
  opacity: 1;
}

/***** pagination *****/
.pagination {
  margin-top: 4rem;
}
.pagination .wp-pagenavi {
  display: flex;
  justify-content: center;
  gap: 0 calc(8 var(--bem));
  opacity: 0;
}
.pagination .wp-pagenavi > * {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--font-color);
  font-family: var(--font-family-robot);
  font-weight: var(--font-weight-regular);
  font-size: calc(16 var(--bem));
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-verylightgray);
  border-radius: calc(4 var(--bem));
  height: calc(40 var(--bem));
  margin: 0;
  padding: 0 calc(4 var(--bem));
  overflow: hidden;
  user-select: none;
}
.pagination .wp-pagenavi > *.disabled {
  color: var(--site-color-lightgray);
  background-color: var(--site-color-verylightgray);
}
.pagination .wp-pagenavi a {
  transition: color var(--base-duration), border-color var(--base-duration);
}
.pagination .wp-pagenavi a:hover {
  color: var(--site-color-red);
  border-color: var(--site-color-red);
}
.pagination .wp-pagenavi .page {
  min-width: calc(40 var(--bem));
}
.pagination .wp-pagenavi .current {
  color: var(--site-color-white);
  background-color: var(--site-color-red);
  border: .11rem solid var(--site-color-red);
  min-width: calc(40 var(--bem));
}
.pagination .wp-pagenavi :is(.first, .last, .previouspostslink, .nextpostslink) {
  position: relative;
}
.pagination .wp-pagenavi :is(.first, .last, .previouspostslink, .nextpostslink)::before,
.pagination .wp-pagenavi :is(.first, .last, .previouspostslink, .nextpostslink)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: calc(16 var(--bem));
  height: calc(16 var(--bem));
  margin: auto;
}
.pagination .wp-pagenavi :is(.first, .last, .previouspostslink, .nextpostslink):not(.disabled)::before {
  z-index: 2;
  opacity: 0;
  transition: opacity var(--base-duration);
}
.pagination .wp-pagenavi :is(.first, .last, .previouspostslink, .nextpostslink)::after {
  z-index: 1;
}
.pagination .wp-pagenavi :is(.first, .last, .previouspostslink, .nextpostslink):not(.disabled):hover::before {
  opacity: 1;
}
.pagination .wp-pagenavi :is(.first, .last) {
  width: calc(32 var(--bem));
}
.pagination .wp-pagenavi :is(.first, .last)::before {
  background: var(--site-color-white) url(../images/commons/icon-pagination-last-red.svg) no-repeat center center / 100% auto;
}
.pagination .wp-pagenavi :is(.first, .last)::after {
  background: var(--site-color-white) url(../images/commons/icon-pagination-last-gray.svg) no-repeat center center / 100% auto;
}
.pagination .wp-pagenavi :is(.first, .last).disabled::after {
  background: var(--site-color-verylightgray) url(../images/commons/icon-pagination-last-lightgray.svg) no-repeat center center / 100% auto;
}
.pagination .wp-pagenavi .first::before,
.pagination .wp-pagenavi .first::after {
  transform: scaleX(-1);
}
.pagination .wp-pagenavi :is(.previouspostslink, .nextpostslink) {
  font-size: calc(14 var(--bem));
  width: calc(74 var(--bem));
  padding: 0 calc(16 var(--bem));
}
.pagination .wp-pagenavi :is(.previouspostslink, .nextpostslink)::before {
  background: var(--site-color-white) url(../images/commons/icon-pagination-right-red.svg) no-repeat center center / 100% auto;
}
.pagination .wp-pagenavi :is(.previouspostslink, .nextpostslink)::after {
  background: var(--site-color-white) url(../images/commons/icon-pagination-right-gray.svg) no-repeat center center / 100% auto;
}
.pagination .wp-pagenavi :is(.previouspostslink, .nextpostslink).disabled::after {
  background: var(--site-color-verylightgray) url(../images/commons/icon-pagination-right-lightgray.svg) no-repeat center center / 100% auto;
}
.pagination .wp-pagenavi .previouspostslink {
  margin-right: calc(8 var(--bem));
  padding-left: calc(32 var(--bem));
}
.pagination .wp-pagenavi .previouspostslink::before,
.pagination .wp-pagenavi .previouspostslink::after {
  right: auto;
  left: calc(8 var(--bem));
  transform: scaleX(-1);
}
.pagination .wp-pagenavi .nextpostslink {
  margin-left: calc(8 var(--bem));
  padding-right: calc(32 var(--bem));
}
.pagination .wp-pagenavi .nextpostslink::before,
.pagination .wp-pagenavi .nextpostslink::after {
  right: calc(8 var(--bem));
  left: auto;
}

/***** site-home *****/
.home .list-set {
  margin-top: var(--content-margin-top);
}
.home .list-box + .list-box {
  margin-top: 4.8rem;
}
.home .list-items {
  margin-top: 2.4rem;
}

.home .list_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 25px;
}
.home .list_wrap .list-box {
  width: calc((100% - 25px) / 2);
  margin: 0 !important;
}
.home .simple-list .list_wrap .list-box .list-items .item a {
  gap: 0 calc(10 var(--bem));
  min-height: 72px;
}
.home .simple-list .list_wrap .list-box .list-items.type1 .item a .date {
  min-width: calc(70 var(--bem));
}
.home .simple-list .list_wrap .list-box .list-items.type2 .item a .date {
  width: calc(70 var(--bem));
  line-height: 1em;
}
.home .simple-list .list_wrap .list-box .list-items .item a .date span {
  font-size: calc(14 var(--bem));
  line-height: 1.4em;
}
.home .simple-list .list_wrap .list-box .list-items .item a .ttle span {
  font-size: 1.3rem;
  line-height: 1.4em;
}
.home .simple-list .list_wrap .list-box .list-items .item a .cate {
  width: calc(98 var(--bem));
  height: calc(26 var(--bem));
}
.home .simple-list .list_wrap .list-box .list-items .item a .cate span {
  font-size: calc(10 var(--bem));
  transform: rotate(.028deg) translateY(calc(0 var(--bem)));
}

/*** search-header ***/
body.search .search-header h1 {
  display: none;
}
/* search-bar */
body.search .search-header .search-bar {
  border-bottom: .11rem solid #f1ece2;
  background: var(--site-color-beige);
  padding: .8rem 0rem;
}
body.search .search-header .search-bar .swrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 calc(24 var(--bem));
}
body.search .search-header .search-bar .search-condition {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  gap: 0 calc(24 var(--bem));
}
body.search .search-header .search-bar .search-condition .title {
  flex: 0 0 auto;
  font-weight: var(--font-weight-bold);
  font-size: calc(14 var(--bem));
  line-height: 1;
  letter-spacing: calc(.56 var(--bem));
}
body.search .search-header .search-bar .search-condition .condition {
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 0;
}
body.search .search-header .search-bar .search-condition .condition dt,
body.search .search-header .search-bar .search-condition .condition dd {
  font-size: calc(13 var(--bem));
  font-weight: var(--font-weight-regular);
  letter-spacing: calc(.52 var(--bem));
  margin: 0;
}
body.search .search-header .search-bar .search-condition .condition dt {
  flex: 0 0 auto;
}
body.search .search-header .search-bar .search-condition .condition dt:nth-of-type(n+2) {
  margin-left: calc(16 var(--bem));
}
body.search .search-header .search-bar .search-condition .condition dt.keywords + dd,
body.search .search-header .search-bar .search-condition .condition dt.categories + dd {
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body.search .search-header .search-bar .search-condition .condition dt.files + dd {
  flex: 0 0 auto;
}

body.search .search-header .search-bar .search-panel-control {
  flex: 0 0 auto;
  position: relative;
  width: calc(120 var(--bem));
  height: calc(40 var(--bem));
}
body.search .search-header .search-bar .search-panel-control .btn-open,
body.search .search-header .search-bar .search-panel-control .btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
body.search .search-header .search-bar .search-panel-control .btn-open {
  z-index: 2;
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-red);
  border-radius: calc(4 var(--bem));
  width: 100%;
  height: 100%;
  visibility: visible;
  transition: background-color var(--base-duration), opacity var(--base-duration);
}
body.search .search-header .search-bar .search-panel-control .btn-open span {
  color: var(--site-color-red);
  font-weight: var(--font-weight-bold);
  font-size: calc(14 var(--bem));
  line-height: 1;
  letter-spacing: calc(.56 var(--bem));
  text-align: center;
  transition: color var(--base-duration);
}
body.search .search-header .search-bar .search-panel-control .btn-open:hover {
  background-color: var(--site-color-red);
}
body.search .search-header .search-bar .search-panel-control .btn-open:hover span {
  color: var(--site-color-white);
}
body.search .search-header .search-bar .search-panel-control .btn-close {
  bottom: 0;
  z-index: 1;
  text-indent: 200%;
  white-space: nowrap;
  background-color: cyan;
  background: url(../images/commons/icon-btn-close.svg) no-repeat center center / 100% auto;
  border: none;
  width: calc(32 var(--bem));
  height: calc(32 var(--bem));
  margin: auto 0;
  overflow: hidden;
  transition: opacity var(--base-duration);
}
body.search .search-header .search-bar .search-panel-control.is-open .btn-open {
  opacity: 0;
  visibility: hidden;
  transition: background-color var(--base-duration), opacity var(--base-duration), visibility var(--base-duration);
}
body.search .search-header .search-bar .search-panel-control.is-open .btn-close:hover {
  opacity: .5;
}

/* search-navi */
body.search .search-header .search-navi {
  background-color: var(--site-color-white);
  border-bottom: .11rem solid var(--lightgray, #d0d0d0);
}
body.search .search-header .search-navi .cwrap {
  display: flex;
  border-right: .11rem solid var(--lightgray, #d0d0d0);
  border-left: .11rem solid var(--lightgray, #d0d0d0);
  margin: 0 auto;
}
body.search .search-header .search-navi .btn-anchor {
  flex: 1 0 0;
}
body.search .search-header .search-navi .btn-anchor:nth-of-type(n+2) {
  border-left: .11rem solid var(--lightgray, #d0d0d0);
}
body.search .search-header .search-navi .btn-anchor .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: .8rem;
  text-decoration: none;
  background-color: var(--site-color-white);
  height: 5.1rem;
  padding: .2rem calc(36 / 228 * 100%);
  transition: background-color var(--base-duration);
}
body.search .search-header .search-navi .btn-anchor .wrap::before,
body.search .search-header .search-navi .btn-anchor .wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(6 / 228 * 100%);
  bottom: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin: auto 0;
  transform: translateY(0);
  transition: opacity var(--base-duration), transform var(--base-duration);
}
body.search .search-header .search-navi .btn-anchor .wrap::before {
  z-index: 2;
  background: url(../images/commons/icon-search-anchor-red.svg) no-repeat center center / 100% auto;
  opacity: 0;
}
body.search .search-header .search-navi .btn-anchor .wrap::after {
  z-index: 1;
  background: url(../images/commons/icon-search-anchor-lightgray.svg) no-repeat center center / 100% auto;
}
body.search .search-header .search-navi .btn-anchor .wrap .cat {
  display: flex;
  position: relative;
  z-index: 3;
}
body.search .search-header .search-navi .btn-anchor .wrap .cat span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: var(--font-color);
  line-height: 1;
  transform: rotate(.028deg) translateY(-.1rem);
  overflow: hidden;
}
body.search .search-header .search-navi .btn-anchor .wrap .num {
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative;
  z-index: 3;
  background-color: var(--site-color-red);
  border-radius: 1rem;
  height: 2rem;
  padding: .4rem .6rem .2rem;
}
body.search .search-header .search-navi .btn-anchor .wrap .num span {
  color: var(--site-color-white);
  font-family: var(--font-family-robot);
  font-size: 1.4rem;
  line-height: 1;
}
body.search .search-header .search-navi .btn-anchor .wrap .num span + span {
  font-family: var(--font-family-noto);
  font-size: 1.2rem;
}
body.search .search-header .search-navi .btn-anchor:not(.empty) .wrap:hover {
  background-color: var(--site-color-pink);
}
body.search .search-header .search-navi .btn-anchor:not(.empty) .wrap:hover::before {
  transform: translateY(.4rem);
  opacity: 1;
}
body.search .search-header .search-navi .btn-anchor:not(.empty) .wrap:hover::after {
  transform: translateY(.4rem);
}
body.search .search-header .search-navi .btn-anchor.empty .wrap {
  background-color: var(--site-color-verylightgray);
}
body.search .search-header .search-navi .btn-anchor.empty .wrap::before {
  display: none;
}
body.search .search-header .search-navi .btn-anchor.empty .wrap .cat span {
  color: var(--site-color-gray);
}
body.search .search-header .search-navi .btn-anchor.empty .wrap .num {
  background-color: var(--site-color-gray);
}

/*** search-content ***/
body.search .search-content {
  margin-top: var(--content-margin-top);
}
body.search .search-content .swrap {
  display: flex;
  flex-direction: column;
  gap: 6.4rem 0;
}
body.search .search-content .category-set {
  scroll-margin-top: calc(20 var(--bem));
}

/***** single-post *****/
/* entry-header */
.single-post .entry-header .entry-title span {
  font-weight: var(--font-weight-bold);
  font-size: calc(32 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(1.28 var(--bem));
}

/* entry-content */
.single-post .entry-content {
  margin-top: 1.6rem;
}
.single-post .entry-content .content-text p {
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: 1.7;
}

/* content-notes */
.single-post .entry-content .content-notes p {
  color: var(--site-color-red);
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: 1.7;
}

/* wpulike */
.single-post .entry-content .viewer-response {
  display: flex;
  align-items: center;
  gap: 0 2.4rem;
}
.single-post .entry-content :is(.content-text, .content-notes) + .viewer-response {
  margin-top: 4rem;
}
.single-post .entry-content .viewer-response .wpulike {
  display: block;
  position: relative;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class {
  position: relative;
  border: none;
  border-radius: 0;
  height: 4rem;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class span {
  color: var(--site-color-gray);
  font-weight: var(--font-weight-regular);
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .056rem;
  text-decoration: none;
  transition: color var(--base-duration);
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class .wp_ulike_btn {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-lightgray);
  border-radius: .4rem;
  width: 100%;
  min-width: 11.5rem;
  height: 100%;
  padding: .8rem 0 .8rem 4.4rem;
  transition: border-color var(--base-duration);
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class .wp_ulike_btn::before,
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class .wp_ulike_btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.6rem;
  width: 2rem;
  height: 2rem;
  margin: auto 0;
  transition: opacity var(--base-duration);
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class .wp_ulike_btn::before {
  z-index: 2;
  background: url(../images/commons/icon-ulike-orange.svg) no-repeat center center / 100% auto;
  opacity: 0;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class .wp_ulike_btn::after {
  z-index: 1;
  background: url(../images/commons/icon-ulike-gray.svg) no-repeat center center / 100% auto;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class .count-box {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 4;
  height: 100%;
  padding: 0 1.6rem 0 14.3rem;
  pointer-events: none;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class:hover span {
  color: #eea313;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class:hover .wp_ulike_btn {
  border: .11rem solid #eea313;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class:hover .wp_ulike_btn::before {
  opacity: 1;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class.wp_ulike_is_liked span {
  font-weight: var(--font-weight-bold);
  color: #eea313;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class.wp_ulike_is_liked .wp_ulike_btn {
  background-color: #fdf3df;
  border: .11rem solid #eea313;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class.wp_ulike_is_liked .wp_ulike_btn::before {
  opacity: 1;
}
.single-post .entry-content .viewer-response .wpulike .wp_ulike_general_class.wp_ulike_is_not_liked .count-box {
  padding-left: calc(14.3rem - .8rem);
}

/* link-anchor-comments */
.single-post .entry-content .viewer-response .link-anchor-comments {
  align-self: stretch;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration-color: transparent;
  transition: text-decoration-color var(--base-duration);
}
.single-post .entry-content .viewer-response .link-anchor-comments span {
  position: relative;
  color: var(--site-color-blue);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
}
.single-post .entry-content .viewer-response .link-anchor-comments:hover {
  text-decoration-color: var(--site-color-darkblue);
}

/* content-detail */
.single-post .entry-content .content-detail {
  margin-top: 4rem;
}
.single-post .entry-content .content-detail table {
  text-align: left;
  background-color: var(--site-color-white);
  border-collapse: collapse;
  border: none;
  border-top: .11rem solid var(--site-color-lightgray);
  border-bottom: .11rem solid var(--site-color-lightgray);
  margin: 0;
}
.single-post .entry-content .content-detail table th,
.single-post .entry-content .content-detail table td {
  vertical-align: top;
}
.single-post .entry-content .content-detail table .files th,
.single-post .entry-content .content-detail table .files td {
  border-bottom: .11rem solid var(--site-color-lightgray);
}
.single-post .entry-content .content-detail table .files td {
  padding: 2.4rem 1.6rem;
}
.single-post .entry-content .content-detail table tr:first-of-type th:first-of-type,
.single-post .entry-content .content-detail table th[rowspan] {
  font-weight: var(--font-weight-bold);
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  background-color: var(--site-color-beige);
  width: calc(160 var(--bem));
  padding: 2.4rem;
}
.single-post .entry-content .content-detail table tr:not(.files) th:not([rowspan]) {
  font-weight: var(--font-weight-bold);
  font-size: calc(14 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.56 var(--bem));
  width: calc(144 var(--bem));
  padding: 1.6rem 1.6rem 1.6rem 2.4rem;
}
.single-post .entry-content .content-detail table tr:not(.files) td {
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: 1.7;
  padding: 1.6rem 2.4rem 1.6rem 0;
}
.single-post .entry-content .content-detail table tr:not(.files):nth-of-type(n+2) th,
.single-post .entry-content .content-detail table tr:not(.files):nth-of-type(n+2) td {
  border-top: .11rem solid var(--site-color-lightgray);
}
.single-post .entry-content .content-detail table :is(.files-pdf, .files-movie) {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-post .entry-content .content-detail table :is(.files-pdf, .files-movie) + :is(.files-pdf, .files-movie) {
  margin-top: 1.6rem;
}
.single-post .entry-content .content-detail table :is(.files-pdf, .files-movie) :is(a, button) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: .11rem solid transparent;
  border-radius: calc(16 var(--bem));
  height: calc(32 var(--bem));
  padding: calc(4 var(--bem)) calc(16 var(--bem));
  transition: border-color var(--base-duration);
}
.single-post .entry-content .content-detail table :is(.files-pdf, .files-movie) :is(a, button) span {
  position: relative;
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: 1;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  transition: color var(--base-duration), text-decoration-color var(--base-duration);
}
.single-post .entry-content .content-detail table .files-pdf a {
  background-color: var(--site-color-pink);
}
.single-post .entry-content .content-detail table .files-pdf a span {
  color: var(--site-color-red);
}
.single-post .entry-content .content-detail table .files-pdf a:hover {
  border: .11rem solid var(--site-color-red);
}
.single-post .entry-content .content-detail table .files-pdf a:hover span {
  text-decoration-color: var(--site-color-red);
}
.single-post .entry-content .content-detail table .files-movie .btn-video {
  background-color: var(--site-color-lightblue);
}
.single-post .entry-content .content-detail table .files-movie .btn-video span.type {
  color: var(--font-color);
}
.single-post .entry-content .content-detail table .files-movie .btn-video span:not(.type) {
  color: var(--site-color-blue);
}
.single-post .entry-content .content-detail table .files-movie .btn-video:hover {
  border: .11rem solid var(--site-color-blue);
}
.single-post .entry-content .content-detail table .files-movie .btn-video:hover span:not(.type) {
  text-decoration-color: var(--site-color-blue);
}

/*** comments-area ***/
.single-post .comments-area {
  margin-top: 6.4rem;
  padding-bottom: var(--layout-main-bottom);
  scroll-margin-top: calc(40 var(--bem));
}
.single-post .comments-area .comments-header .comments-title {
  gap: 0 calc(8 var(--bem));
}
.single-post #primary .comments-area .comments-header .comments-title span:nth-of-type(2) {
  font-family: var(--font-family-robot);
  font-weight: var(--font-weight-regular);
  font-size: calc(20 var(--bem));
  line-height: 1;
  letter-spacing: calc(.8 var(--bem));
  transform: rotate(.028deg) translateY(.2rem);
}
.single-post .comments-area .comments-header .comment-form-open .btn-open {
  display: flex;
  align-items: center;
  gap: calc(8 var(--bem));
  border-radius: calc(4 var(--bem));
  background: var(--site-color-blue);
  border: none;
  height: calc(40 var(--bem));
  padding: calc(8 var(--bem)) calc(16 var(--bem));
  transition: background-color var(--base-duration);
}
.single-post .comments-area .comments-header .comment-form-open .btn-open::before {
  content: "";
  background: url(../images/commons/icon-comment-open.svg) no-repeat center center / 100% auto;
  width: calc(16 var(--bem));
  height: calc(16 var(--bem));
}
.single-post .comments-area .comments-header .comment-form-open .btn-open span {
  color: var(--site-color-white);
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: 1;
}
.single-post .comments-area .comments-header .comment-form-open .btn-open:hover {
  background: var(--site-color-darkblue);
}
.single-post .comments-area .comment-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  border-bottom: .11rem solid var(--site-color-lightgray);
  margin: 2.4rem 0 0;
  padding: 0;
}
.single-post .comments-area .comment-list li {
  display: flex;
  flex-direction: column;
  gap: calc(12 var(--bem)) 0;
  border-top: .11rem solid var(--site-color-lightgray);
  width: 100%;
  padding: calc(24 var(--bem));
}
.single-post .comments-area .comment-list li .comment-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single-post .comments-area .comment-list li .comment-header .comment-author {
  font-size: calc(13 var(--bem));
  line-height: calc(24 var(--bem));
  letter-spacing: calc(.52 var(--bem));
}
.single-post .comments-area .comment-list li .comment-header .comment-date {
  font-family: var(--font-family-robot);
  font-size: calc(13 var(--bem));
  line-height: calc(24 var(--bem));
  letter-spacing: calc(.52 var(--bem));
}
.single-post .comments-area .comment-list li .comment-header .comment-title {
  width: 100%;
  margin-top: calc(4 var(--bem));
}
.single-post .comments-area .comment-list li .comment-header .comment-title h3 {
  font-weight: var(--font-weight-bold);
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  margin: 0;
}
.single-post .comments-area .comment-list li .comment-content .comment-txt p {
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  margin: 0;
}

/*** comment-form-set ***/
.single-post .comment-form-set {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 400;
  background-color: rgba(255, 255, 255, .70);
  width: 100%;
  height: 0;
  backdrop-filter: blur(1.2rem);
  transition: height .4s;
}
.single-post .comment-form-set::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--site-color-white);
  height: .11rem;
}
.single-post .comment-form-set .swrap {
  padding: 2.4rem 0 4rem;
}
.single-post .comment-form-set p {
  margin: 0;
}
.single-post .comment-form-set .comment-form {
  display: flex;
  flex-direction: column;
  gap: .8rem 0;
}
.single-post .comment-form-set .comment-form .comment-form-header {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 0 6.4rem;
}
.single-post .comment-form-set .comment-form .comment-form-header label,
.single-post .comment-form-set .comment-form .comment-form-header .comment-user-label {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-regular);
  font-size: calc(14 var(--bem));
  line-height: 1;
  letter-spacing: calc(.56 var(--bem));
  height: calc(24 var(--bem));
}
.single-post .comment-form-set .comment-form .comment-form-header .comment-form-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .4rem 0;
  width: 46rem;
}
.single-post .comment-form-set .comment-form .comment-form-header .comment-form-title #comment-title {
  width: 100%;
}
.single-post .comment-form-set .comment-form .comment-form-header .comment-form-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .4rem 0;
}
.single-post .comment-form-set .comment-form .comment-form-header .comment-form-user .comment-user-name {
  display: flex;
  align-items: center;
  height: calc(43 var(--bem));
}
.single-post .comment-form-set .comment-form .comment-form-header .comment-form-user .comment-user-name span {
  color: var(--site-color-gray);
  font-weight: var(--font-weight-regular);
  font-size: calc(16 var(--bem));
  line-height: 1;
  letter-spacing: calc(.64 var(--bem));
  transform: rotate(.028deg) translateY(-.1rem);
}
.single-post .comment-form-set .comment-form .comment-form-comment label {
  display: none;
}
.single-post .comment-form-set .comment-form .form-submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .8rem;
}
.single-post .comment-form-set .comment-form .form-submit .submit {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--site-color-blue);
  border: none;
  border-radius: .4rem;
  width: calc(200 var(--bem));
  max-width: 20rem;
  height: calc(60 var(--bem));
  max-height: 6rem;
  padding: calc(16 var(--bem)) 0;
  transition: background-color var(--base-duration);
}
.single-post .comment-form-set .comment-form .form-submit .submit span {
  color: var(--site-color-white);
  font-weight: var(--font-weight-bold);
  font-size: calc(16 var(--bem));
  line-height: 1;
  letter-spacing: calc(3.2 var(--bem));
}
.single-post .comment-form-set .comment-form .form-submit .submit:hover {
  background: var(--site-color-darkblue);
}
.single-post .comment-form-set .comment-form .form-submit .btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  height: calc(30 var(--bem));
  padding: 0;
}
.single-post .comment-form-set .comment-form .form-submit .btn-close span {
  position: relative;
  font-weight: var(--font-weight-regular);
  font-size: calc(16 var(--bem));
  line-height: 1;
  text-decoration-line: underline;
  text-decoration-color: var(--font-color);
  transition: text-decoration-color var(--base-duration);
}
.single-post .comment-form-set .comment-form .form-submit .btn-close:hover span {
  text-decoration-color: transparent;
}
.single-post .comment-form-set.is-open {
  height: auto;
}

/***** single-info *****/
/* entry-header */
.single-info #primary .entry-header .date {
  display: flex;
  align-items: center;
}
.single-info #primary .entry-header .date span {
  color: var(--site-color-gray);
  font-family: var(--font-family-robot);
  font-size: calc(16 var(--bem));
  line-height: 1.7;
}
.single-info #primary .entry-header .entry-title {
  margin-top: calc(4 var(--bem));
}

/*** entry-content ***/
.single-info .entry-content > * {
  margin-top: calc(32 var(--bem));
}
.single-info .entry-content > h2 {
  margin-top: calc(48 var(--bem));
}
.single-info .entry-content > p {
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
}
.single-info .entry-content figure figcaption {
  font-size: calc(14 var(--bem));
  margin-top: calc(16 var(--bem));
}
.single-info .entry-content :is(ul, ol) {
  list-style: none;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
}
.single-info .entry-content :is(ul, ol) > li {
  position: relative;
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
}
.single-info .entry-content ul > li {
  padding-left: calc(20 var(--bem));
}
.single-info .entry-content ul > li + li {
  margin-top: calc(8 var(--bem));
}
.single-info .entry-content ul > li:before {
  content: "";
  position: absolute;
  top: calc(((16 * 1.7 - 6) / 2) var(--bem));
  left: calc(((16 - 6) / 2) var(--bem));
  background-color: var(--site-color-red);
  border-radius: 50%;
  width: calc(6 var(--bem));
  height: calc(6 var(--bem));
  transform: rotate(.028deg) translateY(.1rem);
}
.single-info .entry-content ol {
  counter-reset: count;
}
.single-info .entry-content ol > li {
  counter-increment: count;
  padding-left: calc(36 var(--bem));
}
.single-info .entry-content ol > li + li {
  margin-top: calc(24 var(--bem));
}
.single-info .entry-content ol > li:before {
  content: counter(count);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  color: var(--site-color-white);
  font-family: var(--font-family-robot);
  font-size: calc(14 var(--bem));
  line-height: 1;
  letter-spacing: calc(.56 var(--bem));
  background-color: var(--site-color-red);
  border-radius: calc(4 var(--bem));
  width: calc(24 var(--bem));
  height: calc(32 var(--bem));
  transform: rotate(.028deg);
}

/*** post-navigation ***/
.single-info .post-navigation {
  margin-top: var(--content-margin-top);
}
.single-info .post-navigation .swrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-info .post-navigation .swrap > :is(a, div) {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-verylightgray);
  border-radius: calc(4 var(--bem));
  height: calc(48 var(--bem));
  margin: 0;
  padding: 0;
  overflow: hidden;
  user-select: none;
}
.single-info .post-navigation .swrap > :is(a, div) span {
  color: var(--font-color);
  font-weight: var(--font-weight-regular);
  font-size: calc(16 var(--bem));
  line-height: 1;
  text-decoration: none;
}
.single-info .post-navigation .swrap > :is(a, div).disabled {
  background-color: var(--site-color-verylightgray);
}
.single-info .post-navigation .swrap > :is(a, div).disabled span {
  color: var(--site-color-lightgray);
}
.single-info .post-navigation .swrap a {
  transition: color var(--base-duration), border-color var(--base-duration);
}
.single-info .post-navigation .swrap a:hover {
  color: var(--site-color-red);
  border-color: var(--site-color-red);
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next) {
  position: relative;
  width: calc(120 var(--bem));
  padding: 0 calc(16 var(--bem));
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next)::before,
.single-info .post-navigation .swrap :is(.link-prev, .link-next)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: calc(16 var(--bem));
  height: calc(16 var(--bem));
  margin: auto;
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next)::before {
  background: var(--site-color-white) url(../images/commons/icon-pagination-right-red.svg) no-repeat center center / 100% auto;
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next)::after {
  background: var(--site-color-white) url(../images/commons/icon-pagination-right-gray.svg) no-repeat center center / 100% auto;
  z-index: 1;
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next):not(.disabled)::before {
  z-index: 2;
  opacity: 0;
  transition: opacity var(--base-duration);
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next):not(.disabled):hover::before {
  opacity: 1;
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next) span {
  font-family: var(--font-family-robot);
  transform: rotate(.028deg) translateY(.05rem);
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next):not(.disabled):hover span {
  color: var(--site-color-red);
}
.single-info .post-navigation .swrap :is(.link-prev, .link-next).disabled::after {
  background: var(--site-color-verylightgray) url(../images/commons/icon-pagination-right-lightgray.svg) no-repeat center center / 100% auto;
}
.single-info .post-navigation .swrap .link-prev {
  padding-left: calc(76 var(--bem));
}
.single-info .post-navigation .swrap .link-prev::before,
.single-info .post-navigation .swrap .link-prev::after {
  right: auto;
  left: calc(8 var(--bem));
  transform: scaleX(-1);
}
.single-info .post-navigation .swrap .link-next {
  padding-right: calc(76 var(--bem));
}
.single-info .post-navigation .swrap .link-next::before,
.single-info .post-navigation .swrap .link-next::after {
  right: calc(8 var(--bem));
  left: auto;
}
.single-info .post-navigation .swrap .link-return {
  gap: 0 calc(8 var(--bem));
  padding: 0 calc(24 var(--bem));
}
.single-info .post-navigation .swrap .link-return::before {
  content: "";
  background: url(../images/commons/icon-pagination-return-red.svg) no-repeat center center / 100% auto;
  width: calc(16 var(--bem));
  height: calc(16 var(--bem));
}
.single-info .post-navigation .swrap .link-return span {
  color: var(--site-color-red);
  transform: rotate(.028deg) translateY(-.1rem);
}

/***** page-application & page-suggestion *****/
:is(.page-application) .hdset.type2 .title::before {
  background: url(../images/commons/icon-application-red.svg) no-repeat center center / 100% auto;
}
:is(.page-suggestion) .hdset.type2 .title::before {
  background: url(../images/commons/icon-suggestion-red.svg) no-repeat center center / 100% auto;
}
:is(.page-application, .page-suggestion) .entry-content {
  --element-margin-top: calc(16 var(--bem));
  --element-margin-bottom: calc(24 var(--bem));
  --element-margin: var(--element-margin-top) 0 var(--element-margin-bottom);
  margin-top: 5.6rem;
}
:is(.page-application, .page-suggestion) .entry-content .content-section + .content-section {
  margin-top: 8rem;
}
:is(.page-application, .page-suggestion) .entry-content .content-section .content-header + p {
  margin-top: 2.4rem;
}
:is(.page-application, .page-suggestion) .entry-content .content-section .content-body {
  margin-top: 2.4rem;
}
:is(.page-application, .page-suggestion) .entry-content .flow .flow-item + .flow-item {
  margin-top: 1.6rem;
}
:is(.page-application, .page-suggestion) .entry-content .flow .flow-item .item-hd {
  gap: 0 calc(24 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .flow .flow-item .item-hd .num {
  color: var(--site-color-red);
  font-family: var(--font-family-robot);
  font-weight: var(--font-weight-bold);
  font-size: calc(32 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(1.28 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .item-hd {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0;
}
:is(.page-application, .page-suggestion) .entry-content .item-hd .ttl {
  font-weight: var(--font-weight-bold);
  font-size: calc(24 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.96 var(--bem));
  transform: rotate(.028deg) translateY(calc(-2 var(--bem)));
}
:is(.page-application, .page-suggestion) .entry-content .item-hd + .set {
  margin-top: 1.6rem;
}
:is(.page-application, .page-suggestion) .entry-content .set.nest {
  position: relative;
  padding: 0 0 calc(4rem - var(--element-margin-bottom)) calc(4.2rem + 1rem);
}
:is(.page-application, .page-suggestion) .entry-content .set.nest::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  background-color: var(--site-color-lightgray);
  width: .11rem;
  height: 100%;
}
:is(.page-application, .page-suggestion) .entry-content p {
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  margin: var(--element-margin);
}
:is(.page-application, .page-suggestion) .entry-content p a {
  color: var(--site-color-red);
  text-decoration-line: underline;
  text-decoration-color: var(--site-color-red);
  transition: text-decoration-color var(--base-duration);
}
:is(.page-application, .page-suggestion) .entry-content p a:hover {
  text-decoration-color: transparent;
}
:is(.page-application, .page-suggestion) .entry-content .btns {
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 1.6rem;
  list-style: none;
  margin: var(--element-margin);
  padding: 0;
}
:is(.page-application, .page-suggestion) .entry-content .btns.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-auto-flow: row;
  grid-template-areas: ". . .";
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .8rem;
  text-decoration: none;
  border-radius: .4rem;
  min-height: 7.6rem;
  padding: 2rem 2.4rem;
  transition: background-color var(--base-duration);
}
:is(.page-application, .page-suggestion) .entry-content .btns.grid .btn {
  padding: 2rem 1.6rem;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn span {
  font-weight: var(--font-weight-bold);
  line-height: 1.7;
  transform: rotate(.028deg) translateY(calc(-.5 var(--bem)));
  transition: color var(--base-duration);
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-download {
  position: relative;
  padding-left: calc(2.4rem + (24 var(--bem)) + (8 var(--bem)));
}
:is(.page-application, .page-suggestion) .entry-content .btns.grid .btn-download {
  padding-left: calc(1.6rem + (24 var(--bem)) + (8 var(--bem)));
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-download::before,
:is(.page-application, .page-suggestion) .entry-content .btns .btn-download::after {
  content: "";
  position: absolute;
  top: 0;
  left: 2.4rem;
  bottom: 0;
  width: calc(24 var(--bem));
  height: calc(24 var(--bem));
  margin: auto 0;
  transition: opacity var(--base-duration);
}
:is(.page-application, .page-suggestion) .entry-content .btns.grid .btn-download::before,
:is(.page-application, .page-suggestion) .entry-content .btns.grid .btn-download::after {
  left: 1.6rem;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-download::before {
  z-index: 2;
  opacity: 0;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-download::after {
  z-index: 1;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-red {
  background-color: var(--site-color-red);
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-red span {
  color: var(--site-color-white);
  font-size: calc(18 var(--bem));
  letter-spacing: calc(.72 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-red::after {
  background: url(../images/commons/icon-download-white.svg) no-repeat center center / 100% auto;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-red:hover {
  background-color: var(--site-color-red-action);
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-white {
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-red);
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-white span {
  color: var(--site-color-red);
  font-size: calc(16 var(--bem));
  letter-spacing: calc(.64 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-white::before {
  background: var(--site-color-red) url(../images/commons/icon-download-white.svg) no-repeat center center / 100% auto;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-white::after {
  background: var(--site-color-white) url(../images/commons/icon-download-red.svg) no-repeat center center / 100% auto;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-white:hover {
  background-color: var(--site-color-red);
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-white:hover::before {
  opacity: 1;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-white:hover span {
  color: var(--site-color-white);
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-taller {
  min-height: 7.6rem;
}
:is(.page-application, .page-suggestion) .entry-content .btns .btn-shorter {
  min-height: 7.2rem;
}
:is(.page-application, .page-suggestion) .entry-content .highlight {
  background-color: var(--site-color-verylightgray);
  border-radius: .8rem;
  margin: var(--element-margin);
  padding: 3.2rem;
}
:is(.page-application, .page-suggestion) .entry-content .highlight dl {
  display: flex;
  flex-direction: column;
  margin: 0;
}
:is(.page-application, .page-suggestion) .entry-content .highlight dt {
  display: flex;
  gap: 0 calc(8 var(--bem));
  font-weight: var(--font-weight-bold);
  font-size: calc(16 var(--bem));
  line-height: 1;
  letter-spacing: calc(.64 var(--bem));
  margin: 0;
}
:is(.page-application, .page-suggestion) .entry-content .highlight dt::before {
  content: "";
  align-self: flex-start;
  background: url(../images/commons/icon-header-type3.svg) no-repeat center center / 100% auto;
  width: calc(9.5 var(--bem));
  height: calc(8 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .highlight dt:nth-of-type(n+2) {
  margin-top: calc(24 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .highlight dd {
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  margin: calc(8 var(--bem)) 0 0;
}
:is(.page-application, .page-suggestion) .entry-content .list-num {
  display: flex;
  flex-direction: column;
  gap: .8rem 0;
  margin: var(--element-margin);
  padding: 0 0 0 calc(26 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .highlight .list-num {
  margin: 0;
}
:is(.page-application, .page-suggestion) .entry-content .list-num > li {
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .list-num-strong {
  counter-reset: count;
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
  list-style: none;
  margin: var(--element-margin);
  padding: 0;
}
:is(.page-application, .page-suggestion) .entry-content .list-num-strong > li {
  counter-increment: count;
  position: relative;
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  padding-left: calc(36 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .list-num-strong > li h4,
:is(.page-application, .page-suggestion) .entry-content .list-num-strong > li p {
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  margin: 0;
}
:is(.page-application, .page-suggestion) .entry-content .list-num-strong > li h4 {
  color: var(--site-color-red);
  font-weight: var(--font-weight-bold);
}
:is(.page-application, .page-suggestion) .entry-content .list-num-strong > li:before {
  content: counter(count);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  color: var(--site-color-white);
  font-family: var(--font-family-robot);
  font-size: calc(14 var(--bem));
  line-height: 1;
  letter-spacing: calc(.56 var(--bem));
  background-color: var(--site-color-red);
  border-radius: calc(4 var(--bem));
  width: calc(24 var(--bem));
  height: calc(32 var(--bem));
  transform: rotate(.028deg);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap {
  margin: var(--element-margin);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table {
  border-collapse: collapse;
  background-color: var(--site-color-white);
  border-top: .11rem solid var(--site-color-lightgray);
  border-bottom: .11rem solid var(--site-color-lightgray);
  width: 100%;
  margin: 0;
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table th:nth-of-type(n+2),
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td:nth-of-type(n+2) {
  border-left: .11rem solid var(--site-color-lightgray);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table tr:first-child th {
  font-weight: var(--font-weight-bold);
  font-size: calc(14 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.56 var(--bem));
  background-color: var(--site-color-beige);
  height: 4rem;
  padding: calc(8 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table tr:nth-of-type(n+2) td {
  border-top: .11rem solid var(--site-color-lightgray);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td {
  font-size: calc(16 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  position: relative;
  text-decoration: none;
  background-color: var(--site-color-lightblue);
  border: .11rem solid var(--site-color-blue);
  border-radius: calc(4 var(--bem));
  height: calc(32 var(--bem));
  padding: calc(4 var(--bem)) calc(12 var(--bem)) calc(4 var(--bem)) calc((12 + 20 + 4)  var(--bem));
  transition: background-color var(--base-duration);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo::before,
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(12 var(--bem));
  width: calc(20 var(--bem));
  height: calc(20 var(--bem));
  margin: auto 0;
  transition: opacity var(--base-duration);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo::before {
  z-index: 2;
  background: url(../images/commons/icon-photo-white.svg) no-repeat center center / 100% auto;
  opacity: 0;
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo::after {
  background: url(../images/commons/icon-photo-blue.svg) no-repeat center center / 100% auto;
  z-index: 1;
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo span {
  color: var(--site-color-blue);
  font-size: calc(14 var(--bem));
  line-height: 1;
  letter-spacing: calc(.56 var(--bem));
  transform: rotate(.028deg) translateY(calc(-.5 var(--bem)));
  transition: color var(--base-duration);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo:hover {
  background-color: var(--site-color-blue);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo:hover::before {
  opacity: 1;
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table td .btn-photo:hover span {
  color: var(--site-color-white);
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table.type1 th,
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table.type1 td {
  text-align: center;
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table.type1 td {
  padding: calc(16 var(--bem)) calc(10 var(--bem));
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table.type2 th {
  text-align: center;
}
:is(.page-application, .page-suggestion) .entry-content .table-wrap .table.type2 td {
  text-align: left;
  padding: calc(16 var(--bem));
}
:is(.page-application, .page-suggestion):is(.page-suggestion) .entry-content .content-section.cs01 .content-body {
  margin-top: 4.8rem;
}
:is(.page-application, .page-suggestion):is(.page-suggestion) .entry-content .content-section.cs01 .content-body .flow-title {
  display: flex;
  align-items: center;
  background-color: var(--site-color-beige);
  border-bottom: .21rem solid #f1ece2;
  border-radius: .8rem;
  height: calc(66 var(--bem));
  padding: 1.6rem 2.4rem;
}
:is(.page-application, .page-suggestion):is(.page-suggestion) .entry-content .content-section.cs01 .content-body .flow-title span {
  color: var(--site-color-red);
  font-weight: var(--font-weight-bold);
  font-size: calc(20 var(--bem));
  line-height: 1;
  letter-spacing: calc(.8 var(--bem));
}
:is(.page-application, .page-suggestion):is(.page-suggestion) .entry-content .content-section.cs01 .content-body .flow-title + .flow-item {
  margin-top: 2.4rem;
}
:is(.page-application, .page-suggestion):is(.page-suggestion) .entry-content .content-section.cs01 .content-body .notes {
  font-size: calc(14 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.56 var(--bem));
  margin: var(--element-margin);
}

/***** site-map *****/
.page-sitemap .entry-content {
  margin-top: 5.6rem;
}
.page-sitemap .sitemap-navigation {
  width: 100%;
}
.page-sitemap .sitemap-navigation .list-items {
  display: flex;
  flex-direction: column;
  gap: 6.4rem 0;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-sitemap .sitemap-navigation .list-items .item {
  display: flex;
}
.page-sitemap .sitemap-navigation .list-items .item.submenu {
  flex-direction: column;
}
.page-sitemap .sitemap-navigation .list-items .line {
  position: relative;
}
.page-sitemap .sitemap-navigation .list-items .line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--site-color-lightgray);
  width: 100%;
  height: .1rem;
}
.page-sitemap .sitemap-navigation .list-items .line .link {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 2;
  text-decoration: none;
  border-bottom: .1rem solid var(--site-color-red);
  height: calc(49 var(--bem));
  padding-bottom: calc(8 var(--bem));
}
.page-sitemap .sitemap-navigation .list-items .line .link.internal {
  gap: 0 calc(12 var(--bem));
}
.page-sitemap .sitemap-navigation .list-items .line .link.internal::before {
  content: "";
  background: url(../images/commons/icon-link-red.svg) no-repeat center center / 100% auto;
  width: calc(24 var(--bem));
  height: calc(24 var(--bem));
}
.page-sitemap .sitemap-navigation .list-items .line .link.external {
  gap: 0 calc(12 var(--bem));
}
.page-sitemap .sitemap-navigation .list-items .line .link.external::after {
  content: "";
  background: url(../images/commons/icon-link-external-red.svg) no-repeat center center / 100% auto;
  width: calc(24 var(--bem));
  height: calc(24 var(--bem));
}
.page-sitemap .sitemap-navigation .list-items .line .link span {
  color: var(--font-color);
  font-weight: var(--font-weight-bold);
  font-size: calc(24 var(--bem));
  line-height: 1;
  letter-spacing: calc(.96 var(--bem));
  transform: rotate(.028deg) translateY(calc(-2 var(--bem)));
  transition: color var(--base-duration);
}
.page-sitemap .sitemap-navigation .list-items .line .link:not(div):hover span {
  color: var(--site-color-red);
}
.page-sitemap .sitemap-navigation .list-items-sub {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 1.6rem 4rem;
  list-style: none;
  margin: 2.4rem 0 0;
  padding: 0;
}
.page-sitemap .sitemap-navigation .list-items-sub .menu-item a {
  display: flex;
  align-items: center;
  gap: 0 calc(12 var(--bem));
  position: relative;
  text-decoration: none;
}
.page-sitemap .sitemap-navigation .list-items-sub .menu-item a::before {
  content: "";
  background: var(--site-color-verylightgray) url(../images/commons/icon-link-red.svg) no-repeat calc(7 var(--bem)) center / 50% auto;
  border-radius: 50%;
  width: calc(24 var(--bem));
  height: calc(24 var(--bem));
}
.page-sitemap .sitemap-navigation .list-items-sub .menu-item a span {
  color: var(--site-color-red);
  font-weight: var(--font-weight-bold);
  font-size: calc(18 var(--bem));
  line-height: 1;
  letter-spacing: calc(.72 var(--bem));
  transform: rotate(.028deg) translateY(calc(-1 var(--bem)));
}
.page-sitemap .sitemap-navigation .list-items-sub .menu-item a span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: calc(-4 var(--bem));
  left: 0;
  background-color: transparent;
  height: .11rem;
  transition: background-color var(--base-duration);
}
.page-sitemap .sitemap-navigation .list-items-sub .menu-item a:hover span::after {
  background-color: var(--site-color-red);
}

/***** wp-members *****/
.page #wpmem_login,
.page #wpmem_msg,
.page #wpmem_reg,
.page .wpmem_msg {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.page #wpmem_msg,
.page .wpmem_msg {
  width: 100%;
}
.button_div input[type="submit"] {
  border-radius: .4rem;
  padding: .6rem 2rem;
}

/***** mypage *****/
.page-mypage .profile table {
  text-align: left;
  background-color: var(--site-color-white);
  border-collapse: collapse;
  border: none;
  border-top: .11rem solid var(--site-color-lightgray);
  border-bottom: .11rem solid var(--site-color-lightgray);
  margin: 0;
}
.page-mypage .profile table th,
.page-mypage .profile table td {
  vertical-align: top;
}
.page-mypage .profile table th {
  font-weight: var(--font-weight-bold);
  font-size: calc(15 var(--bem));
  line-height: 1.7;
  letter-spacing: calc(.64 var(--bem));
  white-space: nowrap;
  background-color: var(--site-color-beige);
  width: 20rem;
  padding: 1.6rem 2.4rem;
}
.page-mypage .profile table td {
  font-weight: var(--font-weight-regular);
  font-size: calc(15 var(--bem));
  line-height: 1.7;
  padding: 1.6rem 2.4rem;
}
.page-mypage .profile table tr:nth-of-type(n+2) th,
.page-mypage .profile table tr:nth-of-type(n+2) td {
  border-top: .11rem solid var(--site-color-lightgray);
}
.page-mypage .profile table :is(.uid, .email) td {
  font-family: var(--font-family-robot);
  font-size: calc(16 var(--bem));
}
.page-mypage .profile + .tools {
  margin-top: 3rem;
}
.page-mypage .tools ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-mypage .tools ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--font-color);
  font-size: calc(16 var(--bem));
  text-decoration: none;
  background-color: var(--site-color-white);
  border: .11rem solid var(--site-color-lightgray);
  border-radius: .4rem;
  padding: 1rem 2rem;
  transition-property: color, border-color;
  transition-duration: var(--base-duration);
}
.page-mypage .tools ul li a:hover {
  color: var(--site-color-red);
  border-color: var(--site-color-red);
}
.page-mypage .button_div input[type="submit"] {
  border-radius: .4rem;
  padding: .8rem 2rem;
}

/***** PDFjs Viewer fix *****/
.single-post .pdfjs-fullscreen,
.single-post .entry-content .content-detail table .files-movie {
  opacity: 0;
  transition: opacity .05s;
}
.single-post .pdfjs-fullscreen + div {
  display: none;
}
.page-application .pdfjs-fullscreen {
  opacity: 0;
  transition: opacity .05s;
}
.page-application .pdfjs-fullscreen + div {
  display: none;
}
#pdfjs-viewer-skip {
	display: none;
}

/***** mobile ************************************************/
@media screen and (max-width: 599px) {

}/* @media screen and (max-width: 599px) end */