@charset "UTF-8";
/* =====================
 * Baseスタイル
===================== */
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
:root,
:root[theme=Default] {
  --pc-max-width1:1300px;
  --pc-max-width2:800px;
  --pc-max-width3:640px;
  --pc-max-width3:1240px;
  --pc-max-width4:800px;
  --p-font-size: 16px;
  --min-font-size: 12px;
  --c-black: #1C1C1C;
  --c-gray:#F2F2F2;
  --c-gray2:#727272;
  --c-gray3:#CBCBCB;
  --c-red:#E60012;
  --c-red2:#AC1214;
  --c-red3:#9E1719;
  --c-bg-pink:#FFF4F4;
  --c-green:#33C226;
  --border1:1px solid #8c8c8c;
  --borderradius2:10px;
  --borderradius3:15px;
  --padding-section:80px 0;
  --padding-section2:64px 0;
  --margin-top1:40px;
  --margin-bottom1:40px;
  --c-grade-line:linear-gradient(-90deg, #06C755 0%,#06C755 100%);
  --c-grade-red:linear-gradient(-90deg, #E60012 21%,#FF3645 100%);
}
@media (max-width: 840px) {
  :root,
  :root[theme=Default] {
    --padding-section:40px 0;
    --padding-section2:30px 0;
    --f-h1-page-title:24px;
    --f-h2-font-size: 22px;
    --f-h2-2-font-size: 22px;
    --f-h3-font-size: 18px;
    --f-h3-2-font-size: 20px;
    --margin-top1:20px;
    --margin-bottom1:40px;
    --borderradius1:10px;
    --borderradius2:5px;
    --borderradius3:7px;
  }
}

a {
  position: relative;
  overflow: hidden;
  text-decoration: none !important;
  border: none !important;
}
a:after {
  content: "";
  transition: all 0.2s;
  background-color: #000 !important;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
a:hover {
  color: #fff !important;
  text-decoration: none !important;
}
a:hover:after {
  width: 100%;
  transition: all 0.2s;
  transform: scaleX(1);
  transform-origin: right;
  opacity: 1;
}

.list-nav-wrapper {
  margin: 10rem auto 1.25rem;
  max-width: var(--pc-max-width1);
  padding-top: 5rem;
  border-top: var(--border1);
  width: 100%;
}
.list-nav-wrapper .list-nav {
  display: flex;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
}
@media (max-width: 840px) {
  .list-nav-wrapper .list-nav {
    flex-direction: column;
  }
}
.list-nav-wrapper .list-nav > li {
  width: 19%;
}
@media (max-width: 840px) {
  .list-nav-wrapper .list-nav > li {
    width: 100%;
  }
}
.list-nav-wrapper .list-nav > li a {
  display: block;
  margin-bottom: 1.875rem;
}
.list-nav-wrapper .list-nav li {
  list-style: none;
  text-align: left;
  text-indent: 0;
  margin-bottom: 0.625rem;
  font-size: var(--p-font-size);
}
.list-nav-wrapper .list-nav li a {
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 0;
}
.list-nav-wrapper .list-nav li ul {
  margin: 0;
}
.list-nav-wrapper .list-nav li ul li a {
  text-decoration: none;
  font-weight: normal;
}
.list-nav-wrapper .list-nav li ul li a:hover {
  text-decoration: underline;
}

.c-list {
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  border-bottom: var(--border1);
}

.c-link a {
  position: relative;
  display: inline-flex;
  padding-right: 1.875rem;
}
.c-link a:before {
  position: absolute;
  right: 0;
  content: "→";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.p-ad1 {
  padding-top: 5rem;
  margin-top: 5rem;
  border-top: var(--border1);
}
.p-ad1 h3 {
  font-weight: bold;
  font-size: var(--min-font-size);
}

.p-ad1-link a {
  display: inline-flex;
  background-color: rgba(215, 255, 136, 0.927);
}

.c-attention-ad {
  border: 1px solid rgb(178, 40, 40);
  padding: 0.3125rem;
  margin: 1.25rem auto;
  color: rgb(178, 40, 40);
  font-size: var(--min-font-size);
}

h2.p-desc {
  position: absolute;
  width: 40%;
  top: 0;
  right: 5%;
}

.list-nav-wrapper {
  margin-top: 0;
}

.post .list-top-nav {
  display: flex;
  padding: 0;
  margin: 0;
}
@media (max-width: 840px) {
  .post .list-top-nav {
    flex-direction: column;
  }
}
.post a.post-preview {
  background-color: rgb(0, 0, 0);
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 15.625rem;
}
@media (max-width: 840px) {
  .post a.post-preview {
    height: auto;
    width: 100%;
  }
}
.post a.post-preview.post-archive {
  height: 9.375rem;
}
.post a.post-preview:hover img {
  transition: all 0.2s;
  transform: scale(1.2);
  opacity: 1;
}
.post a.post-preview img {
  transition: all 0.2s;
  opacity: 0.4;
}
.post a.post-preview span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 100;
}

.distra {
  text-align: center;
}

.p-archive {
  max-width: var(--pc-max-width2);
  margin: 2.5rem auto;
  width: 90%;
}
.p-archive .c-sub {
  font-size: var(--p-font-size);
  margin: 2.5rem 0;
}
.p-archive .c-desp {
  margin-bottom: 5rem;
  padding-bottom: 2.5rem;
  border-bottom: var(--border1);
}

.breadcrumbs {
  max-width: var(--pc-max-width3);
  margin: -5rem auto 8.75rem;
  font-size: var(--min-font-size);
  width: 90%;
  position: relative;
  z-index: 10001;
}
@media (max-width: 840px) {
  .breadcrumbs {
    margin: 2.5rem auto 2.5rem;
  }
}

.u-pc-hidden {
  display: none !important;
}
@media (max-width: 840px) {
  .u-pc-hidden {
    display: block !important;
  }
}

.u-sm-hidden {
  display: none;
}
@media (max-width: 450px) {
  .u-sm-hidden {
    display: initial;
  }
}

.u-xl-hidden {
  display: none;
}
@media (max-width: 1200px) {
  .u-xl-hidden {
    display: initial;
  }
}

.u-sp-hidden {
  display: initial;
}
@media (max-width: 840px) {
  .u-sp-hidden {
    display: none !important;
  }
}

.u-space-contact {
  margin-top: 7.5rem;
}
@media (max-width: 840px) {
  .u-space-contact {
    margin-top: 10rem;
  }
}/*# sourceMappingURL=style.css.map */