@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.f-futura {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.underTabVisible {
  display: none !important;
}

@media screen and (max-width: 800px) {
  .underTabVisible {
    display: inline !important;
  }
}

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

.underSpVisible {
  display: none !important;
}

@media screen and (max-width: 480px) {
  .underSpVisible {
    display: block !important;
  }
}

.header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  z-index: 1000;
  background-color: #FFFFFF;
}

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

.header__body {
  width: 97%;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__body__logo img {
  width: 168px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 480px) {
  .header__body__logo img {
    width: 140px;
  }
}

.header__body__sectionBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.header__body__sectionBox__title {
  margin-right: 24px;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  letter-spacing: .4rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sp_navigation {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 20000;
}

@media screen and (max-width: 800px) {
  .sp_navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.sp_navigation__nav__list {
  margin-top: 48px;
  margin-right: 6rem;
}

.sp_navigation__nav__list__item {
  margin-bottom: 20px;
  text-align: right;
}

.sp_navigation__nav__list__item a {
  color: #1A1A1A;
  font-size: 2rem;
  line-height: 3.4rem;
  letter-spacing: .5rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sp_navigation__bottom__list {
  margin-top: 48px;
  margin-right: 6rem;
  text-align: right;
}

.sp_navigation__bottom__list__item {
  margin-bottom: 20px;
}

.sp_navigation__bottom__list__item a {
  color: #1A1A1A;
  font-size: 1.8rem;
  letter-spacing: .5rem;
}

.sp_navigation__bottom__list__item__f {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sp_navigation__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 6rem;
  margin-top: 32px;
}

.sp_navigation__sns img {
  width: 40px;
  margin-left: 15px;
}

.curbon {
  background-color: #1A1A1A;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.curbon__body {
  width: 80%;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 0;
}

@media screen and (max-width: 800px) {
  .curbon__body {
    width: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 80px 0;
  }
}

@media screen and (max-width: 480px) {
  .curbon__body {
    padding: 40px 10px;
  }
}

.curbon__body__logoBox {
  width: 290px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 480px) {
  .curbon__body__logoBox {
    width: 145px;
  }
}

.curbon__body__logoBox img {
  width: 160px;
}

@media screen and (max-width: 800px) {
  .curbon__body__logoBox img {
    width: 260px;
  }
}

@media screen and (max-width: 480px) {
  .curbon__body__logoBox img {
    width: 130px;
  }
}

.curbon__body__line {
  width: 1px;
  height: 135px;
  background-color: #FFFFFF;
}

.curbon__body__textBox {
  width: 52%;
  margin-left: 40px;
  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-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (max-width: 800px) {
  .curbon__body__textBox {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
  }
}

.curbon__body__textBox__detail {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .4rem;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  margin-top: 23px;
  margin-bottom: 10px;
  color: #FFFFFF;
}

@media screen and (max-width: 800px) {
  .curbon__body__textBox__detail {
    margin-top: 60px;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 480px) {
  .curbon__body__textBox__detail {
    margin-top: 30px;
    font-size: 1.2rem;
  }
}

.curbon__body__textBox__contact {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .4rem;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

.curbon__body__textBox__contact a {
  color: #FFFFFF;
  font-weight: bold;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

.curbon__body__textBox__contact a:hover {
  color: #C7C7C7;
}

.curbon__body__textBox__contactSp {
  width: 100%;
}

.curbon__body__textBox__contactSp li {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: .4rem;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  color: #FFFFFF;
  height: 140px;
  text-align: center;
  line-height: 140px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.curbon__body__textBox__contactSp li a {
  color: #FFFFFF;
  font-size: inherit;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

.curbon__body__textBox__contactSp li a:hover {
  color: #C7C7C7;
}

@media screen and (max-width: 480px) {
  .curbon__body__textBox__contactSp li {
    font-size: 1.2rem;
    height: 70px;
    line-height: 70px;
  }
}

.curbon__body__textBox__contactSp li + li {
  border-top: 1px dashed white;
}

.curbon__body__textBox__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  margin-top: 10px;
}

@media screen and (max-width: 480px) {
  .curbon__body__textBox__btnBox {
    margin-right: 5px;
  }
}

.curbon__body__textBox__btnBox__circle {
  height: 28px;
  width: 28px;
  margin-right: 12px;
  border-radius: 28px;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 480px) {
  .curbon__body__textBox__btnBox__circle {
    height: 14px;
    width: 14px;
    margin-right: 6px;
  }
}

.curbon__body__textBox__btnBox__circle img {
  height: 14px;
  width: 14px;
}

@media screen and (max-width: 480px) {
  .curbon__body__textBox__btnBox__circle img {
    height: 7px;
    width: 7px;
  }
}

.base {
  background-color: #D1D1D1;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.base__body {
  width: 80%;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 800px) {
  .base__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.base__body__logoBox {
  width: 290px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.base__body__logoBox img {
  width: 160px;
}

@media screen and (max-width: 800px) {
  .base__body__logoBox img {
    width: 360px;
  }
}

@media screen and (max-width: 480px) {
  .base__body__logoBox img {
    width: 180px;
  }
}

.base__body__line {
  width: 1px;
  height: 65px;
  background-color: #1A1A1A;
}

.base__body__textBox {
  width: 52%;
  margin-left: 40px;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 72px 0;
}

@media screen and (max-width: 800px) {
  .base__body__textBox {
    width: 100%;
    margin-left: 0;
    padding: 80px 0;
  }
}

@media screen and (max-width: 480px) {
  .base__body__textBox {
    padding: 40px 0px;
  }
}

.base__body__textBox__detail {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .4rem;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

@media screen and (max-width: 800px) {
  .base__body__textBox__detail {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 480px) {
  .base__body__textBox__detail {
    font-size: 1.2rem;
  }
}

.base__body__textBox__detail a {
  text-decoration: underline;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .4rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (max-width: 800px) {
  .base__body__textBox__detail a {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 480px) {
  .base__body__textBox__detail a {
    font-size: 1.2rem;
  }
}

.base__body__textBox__contact {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .4rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.base__body__textBox__contact a {
  color: #FFFFFF;
}

.copyRight {
  height: 44px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

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

.copyRight__title {
  font-size: 1rem;
  letter-spacing: .14rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

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

@media screen and (max-width: 480px) {
  .copyRight__title {
    font-size: 1rem;
  }
}

.footer {
  background-color: #1A1A1A;
  padding: 32px 0;
}

.footer__logo {
  width: 220px;
  margin: 0 auto;
  margin-bottom: 32px;
}

@media screen and (max-width: 480px) {
  .footer__logo {
    width: 200px;
  }
}

.footer__snses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
}

.footer__snses__link {
  height: 32px;
  width: 32px;
  margin-right: 12px;
  border-radius: 32px;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__snses__link img {
  height: 16px;
  width: 16px;
}

.footer__links {
  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) {
  .footer__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__links a {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .4rem;
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  padding: 0 10px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

.footer__links a:last-child {
  border-right: none;
  border-bottom: none;
}

@media screen and (max-width: 800px) {
  .footer__links a {
    border-right: none;
    border-bottom: 1px dashed #FFFFFF;
    font-weight: normal;
    padding: 24px 0;
    text-align: center;
  }
}

.hamburger {
  display: none;
  cursor: pointer;
}

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

@media screen and (max-width: 480px) {
  .hamburger.active span:nth-of-type(1) {
    -webkit-transform: translateY(0.84rem) rotate(35deg);
            transform: translateY(0.84rem) rotate(35deg);
  }
}

.hamburger.active span:nth-of-type(2) {
  -webkit-transform: translateY(-0.9rem) rotate(-35deg);
          transform: translateY(-0.9rem) rotate(-35deg);
}

@media screen and (max-width: 480px) {
  .hamburger.active span:nth-of-type(2) {
    -webkit-transform: translateY(-0.84rem) rotate(-35deg);
            transform: translateY(-0.84rem) rotate(-35deg);
  }
}

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

@media screen and (max-width: 480px) {
  .hamburger {
    width: 3rem;
    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: 2px;
    background-color: #1A1A1A;
    border-radius: 4px;
  }
  .hamburger span:nth-child(1) {
    top: 35%;
  }
  .hamburger span:nth-of-type(2) {
    top: 65%;
  }
}

.drawer-nav {
  background-color: #fd624a;
  z-index: 10000;
  position: fixed;
}

.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;
}

.drawer-menu-item span:hover {
  color: #1A1A1A !important;
}

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

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

.rect_S {
  position: absolute;
  width: 5.353vw;
  height: 10.706vw;
}

@media screen and (max-width: 800px) {
  .rect_S {
    width: 14.38vw;
    height: 28.76vw;
  }
}

.rect_S_H {
  position: absolute;
  width: 10.706vw;
  height: 5.353vw;
}

@media screen and (max-width: 800px) {
  .rect_S_H {
    width: 28.76vw;
    height: 14.38vw;
  }
}

.rect_M {
  position: absolute;
  width: 10.706vw;
  height: 16.059vw;
}

@media screen and (max-width: 800px) {
  .rect_M {
    width: 28.76vw;
    height: 43.14vw;
  }
}

.rect_M_H {
  position: absolute;
  width: 16.059vw;
  height: 10.706vw;
}

@media screen and (max-width: 800px) {
  .rect_M_H {
    width: 43.14vw;
    height: 28.76vw;
  }
}

.square_S {
  position: absolute;
  width: 5.353vw;
  height: 5.353vw;
}

@media screen and (max-width: 800px) {
  .square_S {
    width: 14.38vw;
    height: 14.38vw;
  }
}

.square_M {
  position: absolute;
  width: 10.706vw;
  height: 10.706vw;
}

@media screen and (max-width: 800px) {
  .square_M {
    width: 28.76vw;
    height: 28.76vw;
  }
}

.square_L {
  position: absolute;
  width: 16.059vw;
  height: 16.059vw;
}

@media screen and (max-width: 800px) {
  .square_L {
    width: 43.14vw;
    height: 43.14vw;
  }
}

.v_0 {
  left: 0vw;
}

@media screen and (max-width: 800px) {
  .v_0 {
    left: 0vw;
  }
}

.v_1 {
  left: 5.353vw;
}

@media screen and (max-width: 800px) {
  .v_1 {
    left: 14.38vw;
  }
}

.v_2 {
  left: 10.706vw;
}

@media screen and (max-width: 800px) {
  .v_2 {
    left: 28.76vw;
  }
}

.v_3 {
  left: 16.059vw;
}

@media screen and (max-width: 800px) {
  .v_3 {
    left: 43.14vw;
  }
}

.v_4 {
  left: 21.412vw;
}

@media screen and (max-width: 800px) {
  .v_4 {
    left: 57.52vw;
  }
}

.v_5 {
  left: 26.765vw;
}

@media screen and (max-width: 800px) {
  .v_5 {
    left: 71.9vw;
  }
}

.v_6 {
  left: 32.118vw;
}

@media screen and (max-width: 800px) {
  .v_6 {
    left: 86.28vw;
  }
}

.v_7 {
  left: 37.471vw;
}

@media screen and (max-width: 800px) {
  .v_7 {
    left: 100.66vw;
  }
}

.v_8 {
  left: 42.824vw;
}

@media screen and (max-width: 800px) {
  .v_8 {
    left: 115.04vw;
  }
}

.v_9 {
  left: 48.177vw;
}

@media screen and (max-width: 800px) {
  .v_9 {
    left: 129.42vw;
  }
}

.v_10 {
  left: 53.53vw;
}

@media screen and (max-width: 800px) {
  .v_10 {
    left: 143.8vw;
  }
}

.v_11 {
  left: 58.883vw;
}

@media screen and (max-width: 800px) {
  .v_11 {
    left: 158.18vw;
  }
}

.v_12 {
  left: 64.236vw;
}

@media screen and (max-width: 800px) {
  .v_12 {
    left: 172.56vw;
  }
}

.v_13 {
  left: 69.589vw;
}

@media screen and (max-width: 800px) {
  .v_13 {
    left: 186.94vw;
  }
}

.v_14 {
  left: 74.942vw;
}

@media screen and (max-width: 800px) {
  .v_14 {
    left: 201.32vw;
  }
}

.v_15 {
  left: 80.295vw;
}

@media screen and (max-width: 800px) {
  .v_15 {
    left: 215.7vw;
  }
}

.v_16 {
  left: 85.648vw;
}

@media screen and (max-width: 800px) {
  .v_16 {
    left: 230.08vw;
  }
}

.v_17 {
  left: 91.001vw;
}

@media screen and (max-width: 800px) {
  .v_17 {
    left: 244.46vw;
  }
}

.v_18 {
  left: 96.354vw;
}

@media screen and (max-width: 800px) {
  .v_18 {
    left: 258.84vw;
  }
}

.h_0 {
  top: 0vw;
}

@media screen and (max-width: 800px) {
  .h_0 {
    top: 0vw;
  }
}

.h_1 {
  top: 5.353vw;
}

@media screen and (max-width: 800px) {
  .h_1 {
    top: 14.38vw;
  }
}

.h_2 {
  top: 10.706vw;
}

@media screen and (max-width: 800px) {
  .h_2 {
    top: 28.76vw;
  }
}

.h_3 {
  top: 16.059vw;
}

@media screen and (max-width: 800px) {
  .h_3 {
    top: 43.14vw;
  }
}

.h_4 {
  top: 21.412vw;
}

@media screen and (max-width: 800px) {
  .h_4 {
    top: 57.52vw;
  }
}

.h_5 {
  top: 26.765vw;
}

@media screen and (max-width: 800px) {
  .h_5 {
    top: 71.9vw;
  }
}

.h_6 {
  top: 32.118vw;
}

@media screen and (max-width: 800px) {
  .h_6 {
    top: 86.28vw;
  }
}

.h_7 {
  top: 37.471vw;
}

@media screen and (max-width: 800px) {
  .h_7 {
    top: 100.66vw;
  }
}

.h_8 {
  top: 42.824vw;
}

@media screen and (max-width: 800px) {
  .h_8 {
    top: 115.04vw;
  }
}

.h_9 {
  top: 48.177vw;
}

@media screen and (max-width: 800px) {
  .h_9 {
    top: 129.42vw;
  }
}

.h_10 {
  top: 53.53vw;
}

@media screen and (max-width: 800px) {
  .h_10 {
    top: 143.8vw;
  }
}

.h_11 {
  top: 58.883vw;
}

@media screen and (max-width: 800px) {
  .h_11 {
    top: 158.18vw;
  }
}

.h_12 {
  top: 64.236vw;
}

@media screen and (max-width: 800px) {
  .h_12 {
    top: 172.56vw;
  }
}

.h_13 {
  top: 69.589vw;
}

@media screen and (max-width: 800px) {
  .h_13 {
    top: 186.94vw;
  }
}

#before_cursor,
#next_cursor {
  display: none;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  pointer-events: none;
  position: fixed;
  top: -4px;
  left: -4px;
  width: 15px;
  z-index: 999;
  -webkit-transition: width .3s, height .3s, top .3s, left .3s;
  transition: width .3s, height .3s, top .3s, left .3s;
}

@media screen and (max-width: 480px) {
  #before_cursor,
  #next_cursor {
    display: none;
  }
}

#before_cursor.hov_,
#next_cursor.hov_ {
  top: -12px;
  left: -12px;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#before_cursor.hov_ p,
#next_cursor.hov_ p {
  color: white;
  text-align: center;
}

.scaleImage-wrap--animated {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.scaleImage-wrap--animated img {
  -webkit-animation: scaleDownImage 1s;
          animation: scaleDownImage 1s;
  -webkit-transition: .5s !important;
  transition: .5s !important;
}

.scaleImage-wrap--animated img:hover {
  opacity: .9;
  -webkit-transform: scale(1.2) !important;
          transform: scale(1.2) !important;
}

@-webkit-keyframes scaleDownImage {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes scaleDownImage {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes scaleUpImage {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes scaleUpImage {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

.goTop {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 10000;
  width: 45px;
  cursor: pointer;
}

.goTop__img {
  width: 100%;
}

.goTop__title {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  letter-spacing: .3rem;
  text-align: center;
  margin-top: 10px;
}

.moreBtn {
  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;
  width: 150px;
  height: 45px;
  border: 1px solid #1A1A1A;
  font-size: 1.2rem;
  letter-spacing: .1rem;
  line-height: 2.5rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-transition: .2s;
  transition: .2s;
}

.moreBtn:hover {
  opacity: .8;
}

.moreBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.moreBtnWrap--layout {
  margin-top: 48px;
  margin-bottom: 96px;
}

.moreBtnWrap--layout2 {
  margin-top: 80px;
  margin-bottom: 80px;
}

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-size: 62.5%;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  scroll-behavior: smooth;
}

.newIcon {
  width: 60px !important;
  height: auto !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
}

.singleHeader {
  position: relative;
  width: 100vw;
  height: calc(100vh - 85px);
  margin-top: 85px;
}

.singleHeader::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
}

@media screen and (max-width: 800px) {
  .singleHeader {
    height: calc(100vh - 60px);
    margin-top: 60px;
  }
}

.singleHeader__imgWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.singleHeader__imgWrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

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

.singleHeader__img__sp {
  display: none;
}

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

.singleHeader__body {
  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;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 8%;
  padding-right: 8%;
  z-index: 20;
}

@media screen and (max-width: 800px) {
  .singleHeader__body {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.singleHeader__body__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .singleHeader__body__info {
    margin-top: 40%;
  }
}

@media screen and (max-width: 480px) {
  .singleHeader__body__info {
    margin-top: 60%;
    margin-bottom: 16px;
  }
}

.singleHeader__body__info__category {
  font-size: 1.3rem;
  letter-spacing: .2rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (max-width: 480px) {
  .singleHeader__body__info__category {
    font-size: 1.2rem;
  }
}

.singleHeader__body__info__date {
  font-size: 1.3rem;
  letter-spacing: .2rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (max-width: 480px) {
  .singleHeader__body__info__date {
    font-size: 1.2rem;
  }
}

.singleHeader__body__info__bar {
  display: block;
  width: 1px;
  height: 100%;
  background-color: #FFFFFF;
  margin: 0 10px;
}

.singleHeader__body__title {
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: .1rem;
  color: #FFFFFF;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 32px;
}

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

@media screen and (max-width: 480px) {
  .singleHeader__body__title {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
}

.singleHeader__body__name {
  font-size: 2.4rem;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
  color: #FFFFFF;
}

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

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

.post {
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 80px;
  width: 60%;
  max-width: 1280px;
}

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

.author {
  width: 60%;
  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-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 4%;
  margin-top: 80px;
  border-top: 1px solid #1A1A1A;
}

@media screen and (max-width: 800px) {
  .author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
  }
}

.author__imgWrap {
  width: 250px;
  height: 250px;
  position: relative;
  margin-right: 4%;
}

@media screen and (max-width: 800px) {
  .author__imgWrap {
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

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

.author__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.author__info__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16px;
}

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

.author__info__header__title {
  font-size: 1.2rem;
  opacity: .5;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .2rem;
}

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

.author__info__header__title__sp {
  display: none;
  font-size: 1.2rem;
  letter-spacing: .2rem;
  opacity: .5;
  text-align: center;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

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

.author__info__header__sns .fab {
  font-size: 2.6rem;
  margin-left: 2rem;
}

.author__info__name {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 24px;
}

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

.author__info__selfIntroduction {
  font-size: 1.4rem;
  line-height: 1.75;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
}

.author__sp {
  display: none;
}

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

.author__sp__kana {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  opacity: .5;
  margin-bottom: 16px;
}

.author__sp__names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

.author__sp__name {
  font-size: 1.8rem;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
}

.author__sp__sns .fab {
  font-size: 2.6rem;
  margin-left: 2rem;
}

.other {
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #1A1A1A;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 60px;
  margin-bottom: 200px;
}

.other__title {
  font-size: 1.8rem;
  letter-spacing: .4rem;
  text-align: center;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.other__posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 40px;
}

@media screen and (max-width: 480px) {
  .other__posts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.other__post {
  width: 30%;
}

@media screen and (max-width: 480px) {
  .other__post {
    width: 100%;
    margin-bottom: 64px;
  }
}

.other__post__imgWrap {
  position: relative;
  width: auto;
  height: auto;
}

.other__post__imgWrap::after {
  display: block;
  content: '';
  padding-top: 56.3%;
}

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

.other__post__title {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: .29rem;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 8px;
}

@media screen and (max-width: 800px) {
  .other__post__title {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 480px) {
  .other__post__title {
    font-size: 1.5rem;
    letter-spacing: .1rem;
  }
}

.other__post__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: .5;
  margin-top: 30px;
}

.other__post__info__category {
  font-size: 1.2rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .14rem;
}

.other__post__info__date {
  font-size: 1.2rem;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .14rem;
}

.other__post__info__bar {
  display: block;
  width: 1px;
  margin: 0 10px;
  background-color: #1A1A1A;
  opacity: .5;
}

.sns {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sns__body {
  width: 60%;
  border-top: 1px solid #1A1A1A;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.sns__body__box {
  margin: 188px 0;
}

@media screen and (max-width: 800px) {
  .sns__body__box {
    margin: 100px 0;
  }
}

.sns__body__box__title {
  font-size: 1.5rem;
  letter-spacing: .28rem;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
}

@media screen and (max-width: 800px) {
  .sns__body__box__title {
    font-size: 2rem;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .sns__body__box__title {
    font-size: 1.2rem;
  }
}

.sns__body__box__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.sns__body__box__btnBox img {
  width: 32px;
  height: 32px;
  margin: 0 22px;
}

@media screen and (max-width: 800px) {
  .sns__body__box__btnBox img {
    width: 55px;
    height: 55px;
    margin: 0 42px;
  }
}

@media screen and (max-width: 480px) {
  .sns__body__box__btnBox img {
    width: 27.5px;
    height: 27.5px;
    margin: 0 21px;
  }
}

.sns__body__box__btnBox a:hover img {
  opacity: 0.6;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.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;
  line-height: 1.5;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
}

.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;
}

@media screen and (max-width: 480px) {
  .blog__body p {
    font-size: 16px;
  }
}

.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;
  font-family: 'Noto Serif JP', serif;
}

.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.4em;
  letter-spacing: .1rem;
  -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;
  font-family: 'Noto Serif JP', serif;
}

.blog__body h3 {
  display: block;
  font-size: 1.13em;
  letter-spacing: .1rem;
  -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;
  font-family: 'Noto Serif JP', serif;
}

.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;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.5rem;
  letter-spacing: .1rem;
}

.blog__body h5 {
  display: block;
  font-size: .8em;
  letter-spacing: .1rem;
  -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;
  font-family: 'Noto Serif JP', serif;
}

.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;
  font-family: 'Noto Serif JP', serif;
}

.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-family: 'Noto Serif JP', serif;
}

.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;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

.blog__body p.has-text-color a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: 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 figure {
  margin: 0 !important;
  width: 100%;
}

.blog__body .wp-block-image img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  .blog__body .wp-block-image img {
    width: 100%;
  }
}

.blog__body .wp-block-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
  .blog__body .wp-block-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.blog__body .wp-block-columns p {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.blog__body .wp-block-column {
  overflow: hidden;
}

.blog__body h1, .blog__body h2, .blog__body h3, .blog__body h4, .blog__body h5, .blog__body h6 {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
  -webkit-margin-after: 2em;
          margin-block-end: 2em;
}

.blog__body .wp-block-column > h1,
.blog__body .wp-block-column > h2,
.blog__body .wp-block-column > h3,
.blog__body .wp-block-column > h4,
.blog__body .wp-block-column > h5,
.blog__body .wp-block-column > h6 {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.blog__body .twitter-tweet,
.blog__body .instagram-media {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (max-width: 800px) {
  .blog__body .twitter-tweet,
  .blog__body .instagram-media {
    max-width: 100% !important;
    min-width: auto !important;
  }
}

.blog__body .twitter-tweet iframe,
.blog__body .instagram-media iframe {
  border: none;
}

.blog__body .full {
  margin-left: calc((100vw - 100%) / 2 * -1);
}

.blog__body .full img {
  min-width: 100vw;
}

.blog__body .large {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .blog__body .large {
    margin-left: calc((100vw - 100%) / 2 * -1);
  }
}

@media screen and (max-width: 800px) {
  .blog__body .large img {
    min-width: 100vw;
  }
}

.blog__body .medium {
  width: 550px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  .blog__body .medium {
    width: 100%;
  }
}

.blog__body .thumbnail {
  width: 250px;
}

.blog__body em {
  font-weight: bold;
}
/*# sourceMappingURL=single.css.map */