@charset "UTF-8";
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */
  font-size: 62.5%;
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2rem;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */
hr {
  color: inherit;
  /* 1 */
  height: 0;
  /* 2 */
  overflow: visible;
  /* 3 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
  overflow: auto;
  /* 3 */
  -ms-overflow-style: scrollbar;
  /* 3 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
table {
  border-collapse: collapse;
  /* 1 */
  border-color: inherit;
  /* 2 */
  text-indent: 0;
  /* 3 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
  resize: block;
  /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

body {
  padding-top: 95px;
}

@media screen and (max-width: 800px) {
  body {
    padding-top: 54px;
  }
}

.header {
  height: 95px;
  background-color: #000000;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

@media screen and (max-width: 800px) {
  .header {
    height: 54px;
  }
}

.header__container {
  width: 1280px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1280px) {
  .header__container {
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 0 4%;
  }
}

@media screen and (max-width: 800px) {
  .header__container {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 4%;
  }
}

.header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 4rem;
  line-height: 6rem;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 138px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
  .header__title {
    padding-left: 0;
  }
}

@media screen and (max-width: 800px) {
  .header__title {
    font-size: 2rem;
    line-height: 1;
  }
}

.header__title a {
  color: #FFFFFF;
}

.header__nav {
  margin-right: 138px;
}

@media screen and (max-width: 1280px) {
  .header__nav {
    margin-right: 0;
  }
}

@media screen and (max-width: 800px) {
  .header__nav {
    display: none;
  }
}

.header__nav__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0;
}

.header__nav__item {
  height: 100%;
  margin: 0 15px;
}

.header__nav__item a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-size: 1.6rem;
  letter-spacing: 0.02rem;
  line-height: 3.2rem;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}

.header__nav__item__active a {
  color: #789089;
}

.header__hamberger {
  cursor: pointer;
  width: 26px;
  display: none;
}

@media screen and (max-width: 800px) {
  .header__hamberger {
    display: block;
  }
}

.header__hamberger span {
  display: block;
  height: 3px;
  background-color: #FFFFFF;
  margin-bottom: 4px;
}

.header__hamberger span:nth-child(2) {
  width: 73%;
}

.header__hamberger span:nth-child(3) {
  width: 50%;
}

.sp_nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  z-index: 19000;
  padding: 5%;
}

.sp_nav__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sp_nav__top p {
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}

.sp_nav__top img {
  width: 22px;
  cursor: pointer;
}

.sp_nav__list {
  text-align: center;
  margin-top: 32px;
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sp_nav__list li {
  list-style: none;
}

.sp_nav__list li a {
  color: #FFFFFF;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000000;
  height: 254px;
}

.footer__title {
  font-size: 3rem;
  letter-spacing: .55rem;
  line-height: 5rem;
  color: #FFFFFF;
  text-align: center;
  font-family: din-condensed,sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 60px;
  list-style: none;
  padding: 0;
}

.footer__list li {
  margin: 0 20px;
  margin-left: 0;
}

.footer__list li:first-child {
  margin-left: 0;
}

.footer__list li a {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  font-family: 'Roboto Condensed', sans-serif;
}

.footer__copyright {
  margin: 0;
  font-family: "Helvetica Neue";
  color: #FFFFFF;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: .1rem;
  line-height: 2.5rem;
}

.hamburger {
  display: none;
}

.hamburger.active span:nth-of-type(1) {
  -webkit-transform: translateY(1.35rem) rotate(45deg);
          transform: translateY(1.35rem) rotate(45deg);
}

.hamburger.active span:nth-of-type(2) {
  opacity: 0;
}

.hamburger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-1.35rem) rotate(-45deg);
          transform: translateY(-1.35rem) rotate(-45deg);
}

@media screen and (max-width: 800px) {
  .hamburger {
    display: block;
    z-index: 109000;
    position: fixed;
    top: 0;
    right: 2rem;
    cursor: pointer;
    width: 5rem;
    height: 5.6rem;
  }
}

@media screen and (max-width: 800px) {
  .hamburger span {
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.4rem;
    background-color: #FFFFFF;
    border-radius: 4px;
  }
  .hamburger span:nth-child(1) {
    top: 25%;
  }
  .hamburger span:nth-of-type(2) {
    top: 50%;
  }
  .hamburger span:nth-of-type(3) {
    top: 75%;
  }
}

.drawer-nav {
  width: 200px;
  background-color: #fd624a;
  z-index: 10000;
}

.drawer-menu {
  padding-top: 120px;
}

.drawer--right .drawer-nav {
  right: -200px;
}

.drawer-menu-item {
  padding-left: 40px;
  color: #FFFFFF !important;
  margin-bottom: 10px;
  text-decoration: none !important;
}

.drawer-menu-item span {
  display: inline-block;
  font-size: 1.6rem;
}

.drawer-menu-item span::after {
  -webkit-transition: .2s;
  transition: .2s;
  display: block;
  content: '';
  width: 0%;
  height: 2px;
  margin-top: 2px;
  background-color: black;
}

.drawer-menu-item span:hover {
  color: black !important;
}

.drawer-menu-item span:hover::after {
  width: 100%;
}

.drawer-overlay {
  z-index: 9000;
}

.white-button {
  width: 296px;
  height: 60px;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .white-button {
    width: 228px;
    font-size: 1.6rem;
    letter-spacing: 0.02rem;
    line-height: 3.2rem;
  }
}

@media screen and (max-width: 480px) {
  .white-button {
    width: 148px;
    height: 32px;
    font-size: 1.6rem;
    letter-spacing: 0.02rem;
    line-height: 3.2rem;
  }
}

.white-button span {
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
  color: #000000;
  font-family: 'Roboto Condensed', sans-serif;
}

@media screen and (max-width: 480px) {
  .white-button span {
    font-size: 1.4rem;
  }
}

.white-button img {
  width: 24px;
}

@media screen and (max-width: 480px) {
  .white-button img {
    width: 14px;
  }
}

.white-button img:first-child {
  visibility: hidden;
}

.black-radius-button {
  width: 313px;
  height: 74px;
  background-color: #000000;
  border-radius: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  .black-radius-button {
    width: 100%;
    height: 64px;
    font-size: 1.6rem;
    letter-spacing: 0.02rem;
    line-height: 3.2rem;
  }
}

.black-button {
  font-size: 1.8rem;
  line-height: 3rem;
  width: 344px;
  height: 63px;
  background-color: #000000;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 480px) {
  .black-button {
    width: 178px;
    height: 42px;
  }
}

.section {
  width: 1004px;
  margin: 0 auto;
  margin-top: 100px;
}

@media screen and (max-width: 1004px) {
  .section {
    width: 90%;
  }
}

.section__title {
  margin: 0;
  font-size: 3.6rem;
  line-height: 5rem;
  font-weight: bold;
  line-height: 1;
  color: #789089;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
}

.section__subtitle {
  margin: 0;
  margin-top: 10px;
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.section__categories {
  margin-top: 100px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 800px) {
  .section__categories {
    margin-top: 20px;
  }
}

.section__categories__title {
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  margin: 0;
  margin-right: 60px;
  color: #789089;
}

@media screen and (max-width: 800px) {
  .section__categories__title {
    display: none;
  }
}

.section__categories__list {
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

@media screen and (max-width: 800px) {
  .section__categories__list {
    display: none;
  }
}

.section__categories__list li {
  margin-right: 60px;
}

.section__categories__list li a {
  color: #000000;
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: bold;
}

.section__categories__list li:last-child {
  margin-right: 0;
}

.section__categories__list li.active a {
  color: #789089;
}

.section__categories__select {
  display: none;
  padding: 10px 40px;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 1;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .section__categories__select {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .section__categories__select {
    font-size: 1.6rem;
    letter-spacing: 0.02rem;
    line-height: 3.2rem;
  }
}

.content-block {
  display: block;
}

@media screen and (max-width: 1004px) {
  .content-block {
    display: none;
  }
}

.content-none {
  display: none;
}

@media screen and (max-width: 1004px) {
  .content-none {
    display: block;
  }
}

.tab-block {
  display: block;
}

@media screen and (max-width: 800px) {
  .tab-block {
    display: none;
  }
}

.tab-none {
  display: none;
}

@media screen and (max-width: 800px) {
  .tab-none {
    display: block;
  }
}

.pages {
  max-width: 1004px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 64px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  position: relative;
  min-height: 50px;
}

.pages a.page-numbers,
.pages span.current {
  min-width: 20px;
  font-size: 1.6rem;
  letter-spacing: 0.02rem;
  line-height: 3.2rem;
  color: #000000;
  font-family: 'Roboto Condensed', sans-serif;
}

.pages span.current {
  color: #789089;
}

.prev img,
.next img {
  width: 47px;
}

.prev span,
.next span {
  font-size: 1.6rem;
  letter-spacing: 0.02rem;
  line-height: 3.2rem;
  font-weight: bold;
  color: #789089;
  font-family: 'Roboto Condensed', sans-serif;
}

.prev {
  position: absolute;
  left: 0;
}

.next {
  position: absolute;
  right: 0;
}

.img-wrap--animated {
  overflow: hidden;
  position: relative;
  background-color: white;
}

.img-wrap--animated img {
  opacity: 0;
  -webkit-animation: imgAnimation 0.4s forwards;
          animation: imgAnimation 0.4s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.img-wrap--animated:before {
  -webkit-animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  background: black;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-transform-origin: right;
          transform-origin: right;
}

@-webkit-keyframes img-wrap {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  51% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes img-wrap {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  51% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@-webkit-keyframes imgAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@keyframes imgAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

.borderAnimation--top-bottom {
  width: 3px;
  height: 100%;
  position: relative;
}

.borderAnimation--top-bottom--animated::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  background-color: #000000;
  -webkit-animation: top-bottom 1.5s forwards;
          animation: top-bottom 1.5s forwards;
}

@-webkit-keyframes top-bottom {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}

@keyframes top-bottom {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

html {
  overflow-x: hidden;
}

.ajax-loader {
  display: none !important;
}

.post {
  width: 1004px;
  margin: 0 auto;
  margin-top: 100px;
}

@media screen and (max-width: 1004px) {
  .post {
    width: 90%;
  }
}

.post__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post__info__date {
  font-size: 2rem;
  line-height: 1;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  margin: 0;
}

@media screen and (max-width: 800px) {
  .post__info__date {
    font-size: 1.6rem;
    letter-spacing: 0.02rem;
    line-height: 3.2rem;
  }
}

@media screen and (max-width: 480px) {
  .post__info__date {
    font-size: 1.2rem;
    letter-spacing: .1rem;
    line-height: 2.5rem;
  }
}

.post__info__category {
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
  margin: 0;
  margin-left: 8px;
  color: #789089;
}

@media screen and (max-width: 800px) {
  .post__info__category {
    font-size: 1.6rem;
    letter-spacing: 0.02rem;
    line-height: 3.2rem;
  }
}

@media screen and (max-width: 480px) {
  .post__info__category {
    font-size: 1.2rem;
    letter-spacing: .1rem;
    line-height: 2.5rem;
  }
}

.post__title {
  font-size: 3.6rem;
  line-height: 5rem;
  font-weight: bold;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 800px) {
  .post__title {
    font-size: 2.6rem;
    line-height: 1.2;
  }
}

@media screen and (max-width: 480px) {
  .post__title {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}

.post__body {
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
}

.post__thumbnail {
  width: 526px;
  margin: 80px auto;
  position: relative;
}

@media screen and (max-width: 800px) {
  .post__thumbnail {
    width: 100%;
    margin: 40px auto;
  }
}

.post__thumbnail::after {
  padding-top: 60.1%;
  display: block;
  content: '';
}

.post__thumbnail img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}

.post__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px;
  margin-bottom: 80px;
}

.post__goList {
  font-size: 1.4rem;
  line-height: 1;
  font-family: 'Roboto Condensed', sans-serif;
  color: #000000;
}

.post__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.post__link:first-child img {
  margin-right: 8px;
}

.post__link:last-child img {
  margin-left: 8px;
}

.post__link img {
  width: 42px;
  margin-bottom: 3px;
}

.post__link span {
  font-size: 1.4rem;
  line-height: 1;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  color: #789089;
}

.blog__body {
  font-size: medium;
  /* children of the <head> element all have display:none */
  /* generic block-level elements */
  /* heading elements */
  /* tables */
  /* for tables without table section elements (can happen with XHTML or dynamically created tables) */
  /* lists */
  /* form elements */
  /* Form controls don't go vertical. */
  /* TODO(crbug.com/880258): Use different styles for
	`-internal-autofill-previewed` and `-internal-autofill-selected`. */
  /* meter */
  /* progress */
  /* inline elements */
  /* states */
  /* HTML5 ruby elements */
  /* other elements */
  /* TODO(foolip): In the Fullscreen spec, there's a ::backdrop block with the
	properties shared with :fullscreen::backdrop (see fullscreen.css). */
  /* page */
  /* Allows thead sections to print at the top of each page. */
}

.blog__body html, .blog__body body, .blog__body div, .blog__body span, .blog__body applet, .blog__body object, .blog__body iframe, .blog__body h1, .blog__body h2, .blog__body h3, .blog__body h4, .blog__body h5, .blog__body h6, .blog__body p, .blog__body blockquote, .blog__body pre, .blog__body a, .blog__body button, .blog__body abbr, .blog__body acronym, .blog__body address, .blog__body big, .blog__body cite, .blog__body code, .blog__body del, .blog__body dfn, .blog__body em, .blog__body img, .blog__body ins, .blog__body kbd, .blog__body q, .blog__body s, .blog__body samp, .blog__body small, .blog__body strike, .blog__body strong, .blog__body sub, .blog__body sup, .blog__body tt, .blog__body var, .blog__body b, .blog__body u, .blog__body i, .blog__body center, .blog__body dl, .blog__body dt, .blog__body dd, .blog__body ol, .blog__body ul, .blog__body li, .blog__body fieldset, .blog__body form, .blog__body label, .blog__body legend, .blog__body table, .blog__body caption, .blog__body tbody, .blog__body tfoot, .blog__body thead, .blog__body tr, .blog__body th, .blog__body td, .blog__body article, .blog__body aside, .blog__body canvas, .blog__body details, .blog__body embed, .blog__body figure, .blog__body figcaption, .blog__body footer, .blog__body header, .blog__body hgroup, .blog__body menu, .blog__body nav, .blog__body output, .blog__body ruby, .blog__body section, .blog__body summary, .blog__body time, .blog__body mark, .blog__body audio, .blog__body video {
  font-size: medium;
}

.blog__body html {
  display: block;
}

.blog__body head {
  display: none;
}

.blog__body meta {
  display: none;
}

.blog__body title {
  display: none;
}

.blog__body link {
  display: none;
}

.blog__body style {
  display: none;
}

.blog__body script {
  display: none;
}

.blog__body body {
  display: block;
  margin: 8px;
}

.blog__body body:-webkit-full-page-media {
  background-color: black;
}

.blog__body p {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  line-height: 1.8;
}

.blog__body span {
  font-size: inherit;
}

.blog__body div {
  display: block;
}

.blog__body layer {
  display: block;
}

.blog__body article, .blog__body aside, .blog__body footer, .blog__body header, .blog__body hgroup, .blog__body main, .blog__body nav, .blog__body section {
  display: block;
}

.blog__body marquee {
  display: inline-block;
  width: -webkit-fill-available;
}

.blog__body address {
  display: block;
}

.blog__body blockquote {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 40px;
          margin-inline-start: 40px;
  -webkit-margin-end: 40px;
          margin-inline-end: 40px;
}

.blog__body figcaption {
  display: block;
}

.blog__body figure {
  display: block;
}

.blog__body q {
  display: inline;
}

.blog__body q:before {
  content: open-quote;
}

.blog__body q:after {
  content: close-quote;
}

.blog__body center {
  display: block;
  /* special centering to be able to emulate the html4/netscape behaviour */
  text-align: -webkit-center;
}

.blog__body hr {
  display: block;
  overflow: hidden;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
  -webkit-margin-after: 0.5em;
          margin-block-end: 0.5em;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  border-style: inset;
  border-width: 1px;
}

.blog__body map {
  display: inline;
}

.blog__body video {
  -o-object-fit: contain;
     object-fit: contain;
}

.blog__body h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
          margin-block-start: 0.67em;
  -webkit-margin-after: 0.67em;
          margin-block-end: 0.67em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}

.blog__body :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
          margin-block-start: 0.83em;
  -webkit-margin-after: 0.83em;
          margin-block-end: 0.83em;
}

.blog__body :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.17em;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}

.blog__body :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.00em;
  -webkit-margin-before: 1.33em;
          margin-block-start: 1.33em;
  -webkit-margin-after: 1.33em;
          margin-block-end: 1.33em;
}

.blog__body :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: .83em;
  -webkit-margin-before: 1.67em;
          margin-block-start: 1.67em;
  -webkit-margin-after: 1.67em;
          margin-block-end: 1.67em;
}

.blog__body :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: .67em;
  -webkit-margin-before: 2.33em;
          margin-block-start: 2.33em;
  -webkit-margin-after: 2.33em;
          margin-block-end: 2.33em;
}

.blog__body h2 {
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
          margin-block-start: 0.83em;
  -webkit-margin-after: 0.83em;
          margin-block-end: 0.83em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}

.blog__body h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}

.blog__body h4 {
  display: block;
  -webkit-margin-before: 1.33em;
          margin-block-start: 1.33em;
  -webkit-margin-after: 1.33em;
          margin-block-end: 1.33em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}

.blog__body h5 {
  display: block;
  font-size: .83em;
  -webkit-margin-before: 1.67em;
          margin-block-start: 1.67em;
  -webkit-margin-after: 1.67em;
          margin-block-end: 1.67em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}

.blog__body h6 {
  display: block;
  font-size: .67em;
  -webkit-margin-before: 2.33em;
          margin-block-start: 2.33em;
  -webkit-margin-after: 2.33em;
          margin-block-end: 2.33em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}

.blog__body strong, .blog__body em, .blog__body kbd {
  font-size: 1em;
}

.blog__body table {
  display: table;
  border-color: gray;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: initial;
}

.blog__body thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

.blog__body tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.blog__body tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}

.blog__body table > tr {
  vertical-align: middle;
}

.blog__body col {
  display: table-column;
}

.blog__body colgroup {
  display: table-column-group;
}

.blog__body tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.blog__body td, .blog__body th {
  display: table-cell;
  vertical-align: inherit;
}

.blog__body th {
  font-weight: bold;
  text-align: -internal-center;
}

.blog__body caption {
  display: table-caption;
  text-align: -webkit-center;
}

.blog__body ul, .blog__body menu, .blog__body dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

.blog__body ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

.blog__body li {
  display: list-item;
  text-align: -webkit-match-parent;
  line-height: 1.8;
}

.blog__body ul ul, .blog__body ol ul {
  list-style-type: circle;
}

.blog__body ol ol ul, .blog__body ol ul ul, .blog__body ul ol ul, .blog__body ul ul ul {
  list-style-type: square;
}

.blog__body dd {
  display: block;
  -webkit-margin-start: 40px;
          margin-inline-start: 40px;
}

.blog__body dl {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.blog__body dt {
  display: block;
}

.blog__body ol ul, .blog__body ul ol, .blog__body ul ul, .blog__body ol ol {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.blog__body form {
  display: block;
  margin-top: 0em;
}

.blog__body :-webkit-any(table, thead, tbody, tfoot, tr) > form:-internal-is-html {
  display: none !important;
}

.blog__body label {
  cursor: default;
}

.blog__body legend {
  display: block;
  -webkit-padding-start: 2px;
          padding-inline-start: 2px;
  -webkit-padding-end: 2px;
          padding-inline-end: 2px;
  border: none;
}

.blog__body fieldset {
  display: block;
  -webkit-margin-start: 2px;
          margin-inline-start: 2px;
  -webkit-margin-end: 2px;
          margin-inline-end: 2px;
  -webkit-padding-before: 0.35em;
          padding-block-start: 0.35em;
  -webkit-padding-start: 0.75em;
          padding-inline-start: 0.75em;
  -webkit-padding-end: 0.75em;
          padding-inline-end: 0.75em;
  -webkit-padding-after: 0.625em;
          padding-block-end: 0.625em;
  border: 2px groove ThreeDFace;
  min-inline-size: -webkit-min-content;
  min-inline-size: -moz-min-content;
  min-inline-size: min-content;
}

.blog__body button {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.blog__body input, .blog__body textarea, .blog__body select, .blog__body button, .blog__body meter, .blog__body progress {
  -webkit-writing-mode: horizontal-tb !important;
}

.blog__body input, .blog__body textarea, .blog__body select, .blog__body button {
  margin: 0em;
  font: -webkit-small-control;
  text-rendering: auto;
  /* FIXME: Remove when tabs work with optimizeLegibility. */
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}

.blog__body input[type="hidden" i] {
  display: none;
}

.blog__body input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 1px;
  background-color: -internal-light-dark(white, black);
  border: 2px inset;
  -webkit-rtl-ordering: logical;
  cursor: text;
}

.blog__body input[type="search" i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body input::-webkit-textfield-decoration-container {
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-align: center;
          align-items: center;
  -webkit-user-modify: read-only !important;
  content: none !important;
  -webkit-writing-mode: inherit !important;
          writing-mode: inherit !important;
  -internal-align-self-block: center;
}

.blog__body input::-webkit-clear-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  -webkit-box-flex: 0;
          flex: none;
  -webkit-user-modify: read-only !important;
  -webkit-margin-start: 2px;
          margin-inline-start: 2px;
  opacity: 0;
  pointer-events: none;
}

.blog__body input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-clear-button {
  opacity: 1;
  pointer-events: auto;
}

.blog__body input[type="search" i]::-webkit-search-cancel-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: block;
  cursor: default;
  -webkit-box-flex: 0;
          flex: none;
  -webkit-user-modify: read-only !important;
  -webkit-margin-start: 1px;
          margin-inline-start: 1px;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none !important;
          user-select: none !important;
}

.blog__body input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: auto;
}

.blog__body input::-webkit-inner-spin-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  -webkit-box-flex: 0;
          flex: none;
  align-self: stretch;
  -webkit-user-modify: read-only !important;
  opacity: 0;
  pointer-events: none;
}

.blog__body input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-inner-spin-button {
  opacity: 1;
  pointer-events: auto;
}

.blog__body select {
  border-radius: 5px;
}

.blog__body textarea {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  background-color: -internal-light-dark(white, black);
  border: 1px solid;
  -webkit-column-count: initial !important;
          column-count: initial !important;
  -webkit-rtl-ordering: logical;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  resize: auto;
  cursor: text;
  padding: 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.blog__body ::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: #757575;
  direction: inherit !important;
  pointer-events: none !important;
  text-orientation: inherit !important;
  -webkit-writing-mode: inherit !important;
          writing-mode: inherit !important;
}

.blog__body input::-webkit-input-placeholder {
  text-overflow: inherit;
  line-height: initial;
  white-space: pre;
  word-wrap: normal;
  overflow: hidden;
  -webkit-user-modify: read-only !important;
}

.blog__body input::-internal-input-suggested {
  text-overflow: inherit;
  white-space: nowrap;
  overflow: hidden;
}

.blog__body input::-internal-input-suggested,
.blog__body textarea::-internal-input-suggested {
  font: -webkit-small-control !important;
  /* Prevent that overflow affects the scrollable area. Without this,
		LayoutBox::*Scroll{Height,Width}() may determine the scroll width/height
		from the scrollable area instead of from the overrides in
		LayoutTextControl{Single,Multi}Line::Scroll{Height,Width}(). */
  overflow: hidden !important;
  overflow-anchor: none;
}

.blog__body input[type="password" i] {
  -webkit-text-security: disc !important;
}

.blog__body input[type="password" i]::-internal-input-suggested {
  -webkit-text-security: disc !important;
}

.blog__body input[type="hidden" i], .blog__body input[type="image" i], .blog__body input[type="file" i] {
  -webkit-appearance: initial;
  /* AutoAppearanceFor() should match to this. */
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}

.blog__body input[type="file" i] {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: inherit;
  overflow: hidden !important;
  text-align: start !important;
  text-overflow: ellipsis;
  white-space: pre;
}

.blog__body input[type="image" i] {
  cursor: pointer;
}

.blog__body input:-internal-autofill-previewed,
.blog__body textarea:-internal-autofill-previewed,
.blog__body select:-internal-autofill-previewed {
  -webkit-appearance: menulist-button;
  background-color: #E8F0FE !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}

.blog__body input:-internal-autofill-selected,
.blog__body textarea:-internal-autofill-selected,
.blog__body select:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  background-color: #E8F0FE !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}

.blog__body input[type="radio" i], .blog__body input[type="checkbox" i] {
  margin: 3px 0.5ex;
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}

.blog__body input[type="button" i], .blog__body input[type="submit" i], .blog__body input[type="reset" i] {
  -internal-empty-line-height: fabricated;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  white-space: pre;
}

.blog__body input[type="file" i]::-webkit-file-upload-button {
  -webkit-appearance: auto;
          appearance: auto;
  -webkit-user-modify: read-only !important;
  white-space: nowrap;
  margin: 0;
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
  font-size: inherit;
}

.blog__body input[type="button" i], .blog__body input[type="submit" i], .blog__body input[type="reset" i], .blog__body input[type="file" i]::-webkit-file-upload-button, .blog__body button {
  -webkit-box-align: start;
          align-items: flex-start;
  text-align: center;
  cursor: default;
  color: -internal-light-dark(ButtonText, #AAAAAA);
  padding: 2px 6px 3px 6px;
  border: 2px outset ButtonFace;
  background-color: ButtonFace;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body input[type="range" i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  /* AutoAppearanceFor() should match to this. */
  padding: initial;
  border: initial;
  margin: 2px;
  color: #909090;
  cursor: default;
}

.blog__body input[type="range" i]::-webkit-slider-container, .blog__body input[type="range" i]::-webkit-media-slider-container {
  -webkit-appearance: inherit;
          appearance: inherit;
  -webkit-box-flex: 1;
          flex: 1;
  min-inline-size: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: -webkit-box;
  display: flex;
}

.blog__body input[type="range" i]:-internal-has-datalist::-webkit-slider-container {
  /*
		* See LayoutThemeDefault. "22px" is
		* 2 * (SliderTickOffsetFromTrackCenter() + SliderTickSize().Height()).
		*/
  min-block-size: 22px;
}

.blog__body input[type="range" i]::-webkit-slider-runnable-track {
  -webkit-box-flex: 1;
          flex: 1;
  min-inline-size: 0;
  -webkit-align-self: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}

.blog__body input[type="range" i]::-webkit-slider-thumb, .blog__body input[type="range" i]::-webkit-media-slider-thumb {
  -webkit-appearance: auto;
          appearance: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}

.blog__body input[type="button" i]:disabled, .blog__body input[type="submit" i]:disabled, .blog__body input[type="reset" i]:disabled,
.blog__body input[type="file" i]:disabled::-webkit-file-upload-button, .blog__body button:disabled,
.blog__body select:disabled, .blog__body optgroup:disabled, .blog__body option:disabled,
.blog__body select[disabled] > option {
  color: -internal-light-dark(GrayText, #aaa);
}

.blog__body input[type="button" i]:active, .blog__body input[type="submit" i]:active, .blog__body input[type="reset" i]:active, .blog__body input[type="file" i]:active::-webkit-file-upload-button, .blog__body button:active {
  border-style: inset;
}

.blog__body input[type="button" i]:active:disabled, .blog__body input[type="submit" i]:active:disabled, .blog__body input[type="reset" i]:active:disabled, .blog__body input[type="file" i]:active:disabled::-webkit-file-upload-button, .blog__body button:active:disabled {
  border-style: outset;
}

.blog__body input:disabled, .blog__body textarea:disabled {
  color: -internal-light-dark(#545454, #aaa);
  cursor: default;
}

.blog__body option:-internal-spatial-navigation-focus {
  outline: -internal-light-dark(black, white) dashed 1px;
  outline-offset: -1px;
}

.blog__body datalist {
  display: none;
}

.blog__body area {
  display: inline;
}

.blog__body area:-webkit-any-link {
  cursor: pointer;
}

.blog__body param {
  display: none;
}

.blog__body input[type="checkbox" i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body input[type="radio" i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body input[type="color" i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 44px;
  height: 23px;
  background-color: ButtonFace;
  /* Same as native_theme_base. */
  border: 1px #a9a9a9 solid;
  padding: 1px 2px;
  cursor: default;
}

.blog__body input[type="color" i]::-webkit-color-swatch-wrapper {
  display: -webkit-box;
  display: flex;
  padding: 4px 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  width: 100%;
  height: 100%;
}

.blog__body input[type="color" i]::-webkit-color-swatch {
  background-color: #000000;
  border: 1px solid #777777;
  -webkit-box-flex: 1;
          flex: 1;
  min-width: 0;
  -webkit-user-modify: read-only !important;
}

.blog__body input[type="color" i][list] {
  -webkit-appearance: menulist;
  /* AutoAppearanceFor() should match to this. */
  width: 88px;
  height: 23px;
}

.blog__body input[type="color" i][list]::-webkit-color-swatch-wrapper {
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
  -webkit-padding-end: 24px;
          padding-inline-end: 24px;
}

.blog__body input[type="color" i][list]::-webkit-color-swatch {
  border-color: #000000;
}

.blog__body input::-webkit-calendar-picker-indicator {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  padding: 0.17em 0.34em;
  -webkit-user-modify: read-only !important;
  opacity: 0;
  cursor: default;
  pointer-events: none;
}

.blog__body input::-webkit-calendar-picker-indicator:hover {
  background-color: #eee;
}

.blog__body input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-calendar-picker-indicator,
.blog__body input::-webkit-calendar-picker-indicator:focus {
  opacity: 1;
  pointer-events: auto;
}

.blog__body input[type="date" i]:disabled::-webkit-clear-button,
.blog__body input[type="date" i]:disabled::-webkit-inner-spin-button,
.blog__body input[type="datetime-local" i]:disabled::-webkit-clear-button,
.blog__body input[type="datetime-local" i]:disabled::-webkit-inner-spin-button,
.blog__body input[type="month" i]:disabled::-webkit-clear-button,
.blog__body input[type="month" i]:disabled::-webkit-inner-spin-button,
.blog__body input[type="week" i]:disabled::-webkit-clear-button,
.blog__body input[type="week" i]:disabled::-webkit-inner-spin-button,
.blog__body input:disabled::-webkit-calendar-picker-indicator,
.blog__body input[type="date" i][readonly]::-webkit-clear-button,
.blog__body input[type="date" i][readonly]::-webkit-inner-spin-button,
.blog__body input[type="datetime-local" i][readonly]::-webkit-clear-button,
.blog__body input[type="datetime-local" i][readonly]::-webkit-inner-spin-button,
.blog__body input[type="month" i][readonly]::-webkit-clear-button,
.blog__body input[type="month" i][readonly]::-webkit-inner-spin-button,
.blog__body input[type="week" i][readonly]::-webkit-clear-button,
.blog__body input[type="week" i][readonly]::-webkit-inner-spin-button,
.blog__body input[readonly]::-webkit-calendar-picker-indicator {
  visibility: hidden;
}

.blog__body select {
  -webkit-appearance: menulist;
  /* AutoAppearanceFor() should match to this. */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: -internal-light-dark(black, white);
  background-color: -internal-light-dark(white, black);
  cursor: default;
}

.blog__body select:not(:-internal-list-box) {
  overflow: visible !important;
}

.blog__body select:-internal-list-box {
  -webkit-appearance: listbox;
  /* AutoAppearanceFor() should match to this. */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px inset gray;
  border-radius: initial;
  overflow-x: hidden;
  overflow-y: scroll;
  vertical-align: text-bottom;
  white-space: nowrap;
}

.blog__body optgroup {
  font-weight: bolder;
  display: block;
}

.blog__body option {
  font-weight: normal;
  display: block;
  padding: 0 2px 1px 2px;
  white-space: nowrap;
  min-height: 1.2em;
}

.blog__body select:-internal-list-box optgroup option:before {
  content: "\00a0\00a0\00a0\00a0";
}

.blog__body select:-internal-list-box option,
.blog__body select:-internal-list-box optgroup {
  line-height: initial !important;
}

.blog__body select:-internal-list-box:focus option:checked {
  background-color: -internal-active-list-box-selection !important;
  color: -internal-active-list-box-selection-text !important;
}

.blog__body select:-internal-list-box:focus option:checked:disabled {
  background-color: -internal-inactive-list-box-selection !important;
}

.blog__body select:-internal-list-box option:checked {
  background-color: -internal-inactive-list-box-selection !important;
  color: -internal-inactive-list-box-selection-text !important;
}

.blog__body select:-internal-list-box:disabled option:checked,
.blog__body select:-internal-list-box option:checked:disabled {
  color: gray !important;
}

.blog__body select:-internal-list-box hr {
  border-style: none;
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.blog__body select:-internal-list-box:focus option:-internal-multi-select-focus {
  outline: auto 1px -webkit-focus-ring-color;
  outline-offset: -1px;
}

.blog__body output {
  display: inline;
}

.blog__body meter {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 5em;
  vertical-align: -0.2em;
  -webkit-user-modify: read-only !important;
}

.blog__body meter::-webkit-meter-inner-element {
  -webkit-appearance: inherit;
          appearance: inherit;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: none;
  -webkit-user-modify: read-only !important;
  height: 100%;
  width: 100%;
}

.blog__body meter::-webkit-meter-inner-element:-internal-shadow-host-has-appearance {
  display: block;
}

.blog__body meter::-internal-fallback:-internal-shadow-host-has-appearance {
  display: none;
}

.blog__body meter::-webkit-meter-bar {
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(20%, #eee), color-stop(45%, #ccc), color-stop(55%, #ccc), to(#ddd));
  background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body meter::-webkit-meter-optimum-value {
  background: -webkit-gradient(linear, left top, left bottom, from(#ad7), color-stop(20%, #cea), color-stop(45%, #7a3), color-stop(55%, #7a3), to(#ad7));
  background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body meter::-webkit-meter-suboptimum-value {
  background: -webkit-gradient(linear, left top, left bottom, from(#fe7), color-stop(20%, #ffc), color-stop(45%, #db3), color-stop(55%, #db3), to(#fe7));
  background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body meter::-webkit-meter-even-less-good-value {
  background: -webkit-gradient(linear, left top, left bottom, from(#f77), color-stop(20%, #fcc), color-stop(45%, #d44), color-stop(55%, #d44), to(#f77));
  background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
  height: 100%;
  -webkit-user-modify: read-only !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body progress {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 10em;
  vertical-align: -0.2em;
}

.blog__body progress::-webkit-progress-inner-element {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  -webkit-user-modify: read-only;
  height: 100%;
  width: 100%;
}

.blog__body progress::-webkit-progress-bar {
  background-color: gray;
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body progress::-webkit-progress-value {
  background-color: green;
  height: 100%;
  width: 50%;
  /* should be removed later */
  -webkit-user-modify: read-only !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog__body u, .blog__body ins {
  text-decoration: underline;
}

.blog__body abbr[title], .blog__body acronym[title] {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}

.blog__body strong, .blog__body b {
  font-weight: bold;
}

.blog__body i, .blog__body cite, .blog__body em, .blog__body var, .blog__body address, .blog__body dfn {
  font-style: italic;
}

.blog__body tt, .blog__body code, .blog__body kbd, .blog__body samp {
  font-family: monospace;
}

.blog__body pre, .blog__body xmp, .blog__body plaintext, .blog__body listing {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

.blog__body mark {
  background-color: yellow;
  color: black;
}

.blog__body big {
  font-size: larger;
}

.blog__body small {
  font-size: smaller;
}

.blog__body s, .blog__body strike, .blog__body del {
  text-decoration: line-through;
}

.blog__body sub {
  vertical-align: sub;
  font-size: smaller;
}

.blog__body sup {
  vertical-align: super;
  font-size: smaller;
}

.blog__body nobr {
  white-space: nowrap;
}

.blog__body :-internal-spatial-navigation-interest {
  outline: auto 1px -webkit-focus-ring-color !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.blog__body :focus {
  outline: auto 1px -webkit-focus-ring-color;
}

.blog__body html:focus, .blog__body body:focus {
  outline: none;
}

.blog__body embed:focus, .blog__body iframe:focus, .blog__body object:focus {
  outline: none;
}

.blog__body input:focus, .blog__body textarea:focus, .blog__body select:focus {
  outline-offset: -2px;
}

.blog__body input[type="button" i]:focus,
.blog__body input[type="checkbox" i]:focus,
.blog__body input[type="file" i]:focus,
.blog__body input[type="hidden" i]:focus,
.blog__body input[type="image" i]:focus,
.blog__body input[type="radio" i]:focus,
.blog__body input[type="reset" i]:focus,
.blog__body input[type="submit" i]:focus,
.blog__body input[type="file" i]:focus::-webkit-file-upload-button {
  outline-offset: 0;
}

.blog__body a:-webkit-any-link {
  color: #0073aa;
  text-decoration: underline;
  cursor: pointer;
  word-break: break-all;
}

.blog__body p.has-text-color a {
  color: inherit;
}

.blog__body a:-webkit-any-link:active {
  color: -webkit-activelink;
}

.blog__body a:-webkit-any-link:read-write {
  cursor: text;
}

.blog__body ruby, .blog__body rt {
  text-indent: 0;
  /* blocks used for ruby rendering should not trigger this */
}

.blog__body rt {
  line-height: normal;
}

.blog__body ruby > rt {
  display: block;
  font-size: 50%;
  text-align: start;
}

.blog__body rp {
  display: none;
}

.blog__body noframes {
  display: none;
}

.blog__body frameset, .blog__body frame {
  display: block;
}

.blog__body frameset {
  border-color: inherit;
}

.blog__body iframe {
  border: 2px inset;
}

.blog__body details {
  display: block;
}

.blog__body summary {
  display: block;
}

.blog__body summary::-webkit-details-marker {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  -webkit-margin-end: 0.4em;
          margin-inline-end: 0.4em;
}

.blog__body template {
  display: none;
}

.blog__body bdi, .blog__body output {
  unicode-bidi: -webkit-isolate;
}

.blog__body bdo {
  unicode-bidi: bidi-override;
}

.blog__body textarea[dir=auto i] {
  unicode-bidi: -webkit-plaintext;
}

.blog__body dialog:not([open]) {
  display: none;
}

.blog__body dialog {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: -internal-light-dark(white, black);
  color: -internal-light-dark(black, white);
}

.blog__body dialog:-internal-modal {
  position: fixed;
  overflow: auto;
  top: 0;
  bottom: 0;
  /* 6px + 2em = border + padding, as by default box-sizing is content-box. */
  max-width: calc(100% - 6px - 2em);
  max-height: calc(100% - 6px - 2em);
}

.blog__body dialog::-webkit-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}

.blog__body dialog::backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}

.blog__body slot {
  display: contents;
}

@page {
  .blog__body {
    /* FIXME: Define the right default values for page properties. */
    size: auto;
    margin: auto;
    padding: 0px;
    border-width: 0px;
  }
}

@media print {
  .blog__body thead {
    -webkit-column-break-inside: avoid;
            break-inside: avoid;
  }
  .blog__body tfoot {
    -webkit-column-break-inside: avoid;
            break-inside: avoid;
  }
}

.blog__body .wp-block-pullquote {
  margin: 0 0 1em 0;
  padding: 3em 0;
  text-align: center;
  border-top: 4px solid;
  border-bottom: 4px solid;
}

.blog__body .wp-block-pullquote.alignleft, .blog__body .wp-block-pullquote.alignright {
  max-width: 420px;
}

.blog__body .wp-block-pullquote.alignleft p, .blog__body .wp-block-pullquote.alignright p {
  font-size: 1.25em;
}

.blog__body .wp-block-pullquote p {
  font-size: 1.75em;
  line-height: 1.6;
}

.blog__body .wp-block-pullquote cite,
.blog__body .wp-block-pullquote footer {
  position: relative;
}

.blog__body .wp-block-pullquote .has-text-color a {
  color: inherit;
}

.blog__body .wp-block-pullquote:not(.is-style-solid-color) {
  background: none;
}

.blog__body .wp-block-pullquote.is-style-solid-color {
  border: none;
}

.blog__body .wp-block-pullquote.is-style-solid-color blockquote {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 60%;
}

.blog__body .wp-block-pullquote.is-style-solid-color blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
}

.blog__body .wp-block-pullquote.is-style-solid-color blockquote cite {
  text-transform: none;
  font-style: normal;
}

.blog__body .wp-block-pullquote cite {
  color: inherit;
}

.blog__body .wp-block-quote {
  border-left: .25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
}

.blog__body .wp-block-table td, .blog__body .wp-block-table th {
  border: 1px solid;
}

.blog__body .wp-block-table td, .blog__body .wp-block-table th {
  padding: .5em;
  border: 1px solid;
  word-break: normal;
  line-height: 1.8;
}

.blog__body .wp-block-image img {
  max-width: 100%;
  height: auto;
}
/*# sourceMappingURL=single.css.map */