@charset "UTF-8";
body {
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  color: #333;
  font-weight: 300;
  font-size: 16px;
  line-height: 2.3em;
  color: #333;
  text-align: justify;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

a {
  color: #204269;
}
a:hover {
  color: #204269;
}
a:visited {
  color: #204269;
}
a:focus {
  color: #204269;
}
a:active {
  color: #204269;
}

strong {
  font-weight: 600;
}

.site {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mousememoirs {
  font-family: "Mouse Memoirs", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.material-symbols-rounded {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.header__global {
  display: block;
  width: 100%;
  height: 80px;
  margin: 0 0 5em 0;
  padding: 1em;
  font-weight: 400;
}
.header__global--wrapper {
  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;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.header__global--nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__global--nav.is-active {
  display: block;
  padding: 5em 0 10em 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-height: 100vh;
  background-color: #E1F6F8;
  z-index: 400;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
  opacity: 0.97;
}

.header__logo--wrapper {
  padding: 0 0 0 1em;
}
.header__logo--sanyu-rec {
  width: 200px;
}
@media (max-width: 728px) {
  .header__logo--sanyu-rec {
    width: 150px;
  }
}

.header__global--primary-button {
  text-align: center;
  font-weight: 600;
  padding: 1em 1.3em;
  list-style: none;
  font-size: 1em;
}
.header__global--primary-button.is-active {
  background-color: #E1F6F8;
  border-radius: 1em 1em 0 0;
  border: 0px;
}
.header__global--primary-button a {
  color: #333;
}
.header__global--primary-button > .sub-menu {
  position: absolute;
  list-style: none;
  line-height: 0;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  padding: 0 4em;
}
.header__global--primary-button > .sub-menu > .menu-item {
  padding: 2em 0;
  width: 30%;
}
.header__global--primary-button > .sub-menu.is-active {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 1em 0 0 0;
  padding: 0 4em;
  gap: 1em;
  opacity: 1;
  left: 0;
  right: 0;
  height: auto;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
  background-color: #E1F6F8;
}
@media (max-width: 1200px) {
  .header__global--primary-button > .sub-menu.is-active {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header__global--primary-button > .sub-menu.is-active > .menu-item {
  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;
  padding: 2em 0;
  width: 30%;
  max-width: 250px;
}
.header__global--primary-button > .sub-menu.is-active > .menu-item > .sub-menu {
  opacity: 1;
  display: block;
  height: auto;
}
.header__global--primary-button .mousememoirs {
  font-size: 1.25em;
}
.header__global--primary-button .material-symbols-rounded {
  font-size: 0.9em;
  vertical-align: -0.1em;
  color: #db3535;
}

.header__global--primary-button.aboutsdgs > .sub-menu > .menu-item a {
  padding: 1em;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5em;
  color: #204269;
  text-align: center;
}
.header__global--primary-button.aboutsdgs > .sub-menu > .menu-item a::before {
  content: "";
  background-size: contain;
  margin: 0 auto 20px;
  padding: 50%;
  border-radius: 50%;
  display: block;
  overflow: hidden;
}

.header__global--primary-button.promise > .sub-menu > .menu-item::before {
  content: "";
  background-size: contain;
  margin: 0 auto 20px;
  padding: 50%;
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.header__global--primary-button.promise > .sub-menu > .menu-item > a {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5em;
}
.header__global--primary-button.promise > .sub-menu > .menu-item .sub-menu > .menu-item {
  font-weight: 300;
  font-size: 16px;
  line-height: 2.3em;
  border: 1px solid #204269;
  background: #fff;
  border-radius: 50vh;
  position: relative;
  margin: 1em 0.2em;
  padding: 0.5em 1em;
  color: #204269;
  text-align: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.header__global--primary-button.promise > .sub-menu > .menu-item .sub-menu > .menu-item:hover {
  background: #204269;
}
.header__global--primary-button.promise > .sub-menu > .menu-item .sub-menu > .menu-item a {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 0.9em;
  line-height: 1.3em;
  display: grid;
  min-height: 2.6em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__global--primary-button.promise > .sub-menu > .menu-item .sub-menu > .menu-item a:hover {
  color: #fff;
}

.ourSDGs a::before {
  background-image: url("/img/main__globalMenu--aboutOurSDGs.webp");
}

.sustainability a::before {
  background-image: url("/img/main__globalMenu--sustainability.webp");
}

.sanyure-kun a::before {
  background-image: url("/img/main__globalMenu--sanyurekun.webp");
}

.promiseforworkstyle::before {
  background-image: url("/img/main__promise--humanResourcesManagement--03.webp");
}

.promiseforinnovation::before {
  background-image: url("/img/main__promise--innovation--03.webp");
}

.promiseforcoexist::before {
  background-image: url("/img/main__promise--coexist--03.webp");
}

.promiseforempowerment::before {
  background-image: url("/img/main__promise--empowerment--03.webp");
}

.promiseforcontribution::before {
  background-image: url("/img/main__promise--contribution--03.webp");
}

.header__global--hamburger {
  display: none;
  width: 3em;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 500;
  position: relative;
  top: 0;
  right: 0.5em;
}
.header__global--hamburger span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  position: relative;
  -webkit-transition: opacity 0.4s ease, top 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, top 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, top 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, top 0.4s ease, -webkit-transform 0.4s ease;
}
.header__global--hamburger span:nth-child(2) {
  margin: 0.9em 0;
}
.header__global--hamburger.is-active span:nth-child(1) {
  top: 0.95em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header__global--hamburger.is-active span:nth-child(2) {
  opacity: 0;
}
.header__global--hamburger.is-active span:nth-child(3) {
  top: -0.95em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 728px) {
  .header__global--hamburger {
    width: 3.5em;
  }
  .header__global--hamburger span:nth-child(2) {
    margin: 1em 0;
  }
  .header__global--hamburger.is-active span:nth-child(1) {
    top: 1.1em;
  }
  .header__global--hamburger.is-active span:nth-child(3) {
    top: -1.1em;
  }
}
@media (max-width: 1200px) {
  .header__global--hamburger {
    display: block;
  }
}

.pc-navigation {
  display: block;
}
@media (max-width: 1200px) {
  .pc-navigation {
    display: none !important;
  }
}

.mobile-navigation {
  display: none;
}
@media (min-width: 1200px) {
  .mobile-navigation {
    display: none !important;
  }
}
.mobile-navigation .mobile-menu-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button.aboutsdgs > .sub-menu.is-active {
  position: relative;
}
@media (max-width: 728px) {
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.aboutsdgs > .sub-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1px 0 1px 0;
    background: #204269;
    gap: 1px;
  }
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.aboutsdgs > .sub-menu > .menu-item {
    width: 100%;
    background: white;
    max-width: initial;
  }
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.aboutsdgs > .sub-menu > .menu-item a::before {
    display: none;
  }
}
@media (max-width: 728px) {
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.promise > .sub-menu {
    padding: 0;
    margin: 1em -0.5px 0 -0.5px;
  }
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.promise > .sub-menu.is-active {
    position: relative;
    display: block;
    background: #204269;
    padding: 0.5px 0;
  }
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.promise > .sub-menu > .menu-item {
    width: auto;
    padding: 0;
    display: list-item;
    max-width: initial;
  }
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.promise > .sub-menu > .menu-item::before {
    display: none;
  }
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.promise > .sub-menu > .menu-item > a {
    display: none;
  }
  .mobile-navigation .mobile-menu-ul .header__global--primary-button.promise > .sub-menu > .menu-item > .sub-menu > .menu-item {
    width: calc(50% - 1px);
    float: left;
    border-radius: 0;
    border: none;
    margin: 0.5px;
    height: 8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button {
  position: relative;
  padding: 0;
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button::after {
  content: "＋";
  display: block;
  height: 1em;
  position: absolute;
  right: 20%;
  top: 0.3em;
  font-size: 1.6em;
  z-index: -1;
}
@media (max-width: 728px) {
  .mobile-navigation .mobile-menu-ul .header__global--primary-button::after {
    font-size: 1.4em;
    right: 1.5em;
  }
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button.is-active {
  background-color: initial;
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button.is-active::after {
  content: "－";
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button:nth-child(3)::after, .mobile-navigation .mobile-menu-ul .header__global--primary-button:nth-child(4)::after {
  content: none;
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button.is-active:nth-child(3)::after, .mobile-navigation .mobile-menu-ul .header__global--primary-button.is-active:nth-child(4)::after {
  content: none;
}
.mobile-navigation .mobile-menu-ul .header__global--primary-button > a {
  font-size: 1.4em;
  letter-spacing: -0.05em;
  padding: 0.5em 0 0.5em 20%;
  display: block;
  width: 100%;
  text-align: left;
  letter-spacing: -0.05em;
}
@media (max-width: 728px) {
  .mobile-navigation .mobile-menu-ul .header__global--primary-button > a {
    font-size: 1.2em;
    padding: 0.5em 0 0.5em 2em;
  }
}

.footer__global {
  background-color: #204269;
  color: #fff;
  padding: 50px;
  width: 100%;
}
.footer__global a {
  color: #fff;
  text-decoration: none;
}
.footer__global--contents {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer__global--logo {
  margin-bottom: 4em;
}
@media (max-width: 728px) {
  .footer__global--logo {
    margin-bottom: 2em;
  }
}
.footer__global--menu-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__global .footer__navigation--pc {
  display: block;
}
@media (max-width: 728px) {
  .footer__global .footer__navigation--pc {
    display: none;
  }
}
.footer__global .footer__navigation--mobile {
  display: none;
  width: 100%;
}
@media (max-width: 728px) {
  .footer__global .footer__navigation--mobile {
    display: block;
  }
}
.footer__global .footer__menu--list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__global .footer__menu--list.footer__menu--pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  gap: 3em;
}
.footer__global .footer__menu--list.footer__menu--pc > .menu-item {
  margin: 0;
}
.footer__global .footer__menu--list.footer__menu--pc > .menu-item > a[href="#"] {
  pointer-events: none;
  cursor: default;
  font-weight: 700;
  font-size: 1.15em;
  display: block;
  margin-bottom: 0.5em;
}
.footer__global .footer__menu--list.footer__menu--pc > .menu-item .sub-menu {
  list-style: disc;
  padding-left: 0;
  margin-top: 0.5em;
}
.footer__global .footer__menu--list.footer__menu--pc > .menu-item .sub-menu .menu-item {
  font-weight: 300;
  font-size: 1em;
  margin: 0.75em 0;
}
.footer__global .footer__menu--list.footer__menu--pc > .menu-item .sub-menu .menu-item > a[href="#"] {
  pointer-events: none;
  cursor: default;
  font-weight: 700;
  display: block;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children {
  position: relative;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children > a {
  display: block;
  padding: 0.8em 0;
  font-weight: 700;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children::after {
  content: "＋";
  position: absolute;
  right: 1em;
  top: 0.8em;
  cursor: pointer;
  color: #fff;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children.is-active::after {
  content: "－";
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children .sub-menu {
  display: none;
  padding: 0;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children .sub-menu.is-open {
  display: block;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children .sub-menu .menu-item a {
  padding: 0.6em 0;
  display: block;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children .sub-menu .sub-menu {
  padding-left: 1.5em;
}
.footer__global .footer__menu--list.footer__menu--mobile .menu-item-has-children .sub-menu .sub-menu .menu-item a {
  font-size: 0.9em;
}
.footer__global .footer__menu--list.footer__menu--mobile > .menu-item:not(.menu-item-has-children) > a {
  display: block;
  padding: 0.8em 0;
}
.footer__global__copyright {
  text-align: center;
  margin-top: 3em;
  font-weight: 400;
  font-size: 14px;
}

.site-main {
  width: calc(70vw - 7em);
  padding: 0 0 0 10vw;
}
@media (max-width: 992px) {
  .site-main {
    width: 100%;
    padding: 0 10vw 0 10vw;
  }
}

.widget-area {
  width: 30vw;
  padding: 0 10vw 0 0;
}
@media (max-width: 992px) {
  .widget-area {
    width: 100%;
    padding: 0 10vw 0 10vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2em;
    background: #f7f7f7;
  }
}
@media (max-width: 728px) {
  .widget-area {
    gap: 1em;
  }
}
@media (max-width: 576px) {
  .widget-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 992px) {
  .widget-area .widget_block {
    width: 100%;
  }
}
.widget-area ul {
  margin: 0;
}
.widget-area li {
  line-height: 1.75;
  margin: 0 0 0.5em 0;
}
.widget-area a {
  font-weight: 300;
}
.widget-area .wp-block-heading {
  font-size: 1.2em;
}

.entry-header {
  margin: 0;
  width: calc(50% - 1em);
  float: left;
  padding: 0;
}
@media (max-width: 728px) {
  .entry-header {
    width: 100%;
  }
}
.entry-header .entry-title {
  margin: 0 0 1em 0;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.8em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  text-align: justify;
}

.post-thumbnail {
  margin: 0 0 0 2em;
  padding: 0 0 0 0em;
  width: calc(50% - 1em);
  float: right;
}
.post-thumbnail img {
  border-radius: 0.25em;
  border: 1px solid #ddd;
}
@media (max-width: 728px) {
  .post-thumbnail {
    width: 100%;
  }
}

.entry-content {
  margin: 0;
}
.entry-content a {
  font-weight: 400;
}
.entry-content h2 {
  font-weight: 600;
  margin: 5em 0 1.5em 0;
}
.entry-content .wp-block-table thead {
  border-bottom: none;
}
.entry-content th {
  border-bottom: solid 1px #778ca3;
  background-color: #eee;
  text-align: center;
}
.entry-content td {
  border-bottom: solid 1px #778ca3;
}
.entry-content img {
  border-radius: 0.25em;
  border: 1px solid #ddd;
}
.entry-content .wp-block-image .alignleft {
  width: 50%;
  margin: 0.5em 2em 0.5em 0;
}
@media (max-width: 728px) {
  .entry-content .wp-block-image .alignleft {
    width: 100%;
    margin: 0.5em 0 0.5em 0;
  }
}
.entry-content .wp-block-image .alignright {
  width: 50%;
  margin: 0.5em 0 0.5em 2em;
}
@media (max-width: 728px) {
  .entry-content .wp-block-image .alignright {
    width: 100%;
    margin: 0.5em 0 0.5em 0;
  }
}
.entry-content .wp-block-table.alignleft, .entry-content .wp-block-table.alignright {
  width: 50%;
}
@media (max-width: 728px) {
  .entry-content .wp-block-table.alignleft, .entry-content .wp-block-table.alignright {
    width: 100%;
  }
}

.list-article-item__thumbnail {
  float: none;
  width: 100%;
  margin-bottom: 1.5em;
  padding: 0;
  margin: 0;
  aspect-ratio: 1/1;
}
.list-article-item__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1em;
  background-color: #efefef;
}

.blog .page-header, .archive .page-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2em 0 5em 0;
}
.blog .page-header h1, .archive .page-header h1 {
  font-size: 3em;
  font-weight: 100;
  line-height: 1;
  margin: 0;
}
.blog .site-main, .archive .site-main {
  width: calc(70vw - 8em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 992px) {
  .blog .site-main, .archive .site-main {
    width: 100vw;
  }
}
.blog .entry-header, .archive .entry-header {
  margin: 0;
  width: calc(60% - 2em);
  float: left;
  padding: 0;
}
.blog .entry-header .entry-title a, .archive .entry-header .entry-title a {
  font-weight: 600;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  text-align: justify;
  text-decoration: none;
}
@media (max-width: 728px) {
  .blog .entry-header, .archive .entry-header {
    width: 100%;
  }
}
.blog .list-article-item__thumbnail, .archive .list-article-item__thumbnail {
  float: left;
  margin: 0 2em 0 0;
  width: 40%;
}
@media (max-width: 728px) {
  .blog .list-article-item__thumbnail, .archive .list-article-item__thumbnail {
    width: 100%;
  }
}
.blog .list-article-item__thumbnail img, .archive .list-article-item__thumbnail img {
  width: 100%;
  border-radius: 0.25em;
  border: 1px solid #ddd;
}
.blog .entry-footer, .archive .entry-footer {
  text-align: right;
  padding: 0 0 4em;
}
.blog .entry-footer .post-tags, .archive .entry-footer .post-tags {
  list-style: none;
}
.blog .entry-footer .post-tags li, .archive .entry-footer .post-tags li {
  display: inline-block;
}
.blog .entry-footer .post-tags a, .archive .entry-footer .post-tags a {
  padding: 0.5em 1em;
  font-size: 0.9em;
  font-weight: 600;
  color: #204269;
  background-color: #fff;
  border: 2px solid #204269;
  border-radius: 2em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  text-decoration: none;
}

.single .entry-header .entry-taxonomies {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #e0e0e0;
  font-size: 0.9rem;
  line-height: 1.8;
}
.single .entry-header .entry-taxonomies .cat-links, .single .entry-header .entry-taxonomies .tags-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5em 0.8em;
  margin-bottom: 0.8em;
}
.single .entry-header .entry-taxonomies .cat-links .taxonomy-icon, .single .entry-header .entry-taxonomies .tags-links .taxonomy-icon {
  font-size: 1.5em;
  color: #555;
  vertical-align: -0.25em;
  line-height: 1;
}
.single .entry-header .entry-taxonomies .cat-links a, .single .entry-header .entry-taxonomies .tags-links a {
  display: inline-block;
  padding: 0.1em 0.75em;
  font-size: 0.8em;
  font-weight: 600;
  color: #204269;
  background-color: #fff;
  border: 1px solid #204269;
  border-radius: 2em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  text-decoration: none;
}

.widget-area .wp-block-latest-posts__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.widget-area .wp-block-latest-posts__list li a.wp-block-latest-posts__post-title {
  width: 75%;
  font-size: 0.9em;
  line-height: 1.5em;
  text-decoration: none;
  font-weight: 600;
}
.widget-area .wp-block-latest-posts__featured-image {
  width: 25%;
  padding: 3% 3% 0 0;
}
.widget-area .wp-block-latest-posts__featured-image img {
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 0.25em;
  border: 1px solid #ddd;
}
.widget-area .wp-block-archives-list a {
  line-height: 1.5em;
  text-decoration: none;
  font-weight: 600;
}
.widget-area .wp-block-categories-list a {
  line-height: 1.5em;
  text-decoration: none;
  font-weight: 600;
}

.widget-area .wp-block-heading.with-icon-recent::before,
.widget-area .wp-block-heading.with-icon-archives::before,
.widget-area .wp-block-heading.with-icon-categories::before {
  font-family: "Material Symbols Rounded", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.25em;
  margin-right: 0.4em;
  display: inline-block;
}

.widget-area .wp-block-heading.with-icon-recent::before {
  content: "article";
}

.widget-area .wp-block-heading.with-icon-archives::before {
  content: "archive";
}

.widget-area .wp-block-heading.with-icon-categories::before {
  content: "folder_open";
}

.frontpage__banner--wrapper {
  width: 100%;
  height: auto;
  background-image: url(/img/timeline-banner-01.webp);
  background-size: cover;
  margin: -5em 0 3em 0;
  background-position: bottom;
}
@media (max-width: 992px) {
  .frontpage__banner--wrapper {
    background-position: right bottom;
  }
}
@media (max-width: 728px) {
  .frontpage__banner--wrapper {
    background-position: right bottom;
  }
}
@media (max-width: 576px) {
  .frontpage__banner--wrapper {
    background-position: right bottom;
  }
}

.frontpage__banner--content {
  width: auto;
  margin: 0 10vw;
  aspect-ratio: 16/7;
}
@media (max-width: 1200px) {
  .frontpage__banner--content {
    aspect-ratio: 16/7.5;
  }
}
@media (max-width: 992px) {
  .frontpage__banner--content {
    aspect-ratio: 12/9;
  }
}
@media (max-width: 728px) {
  .frontpage__banner--content {
    aspect-ratio: 9/9;
  }
}
@media (max-width: 576px) {
  .frontpage__banner--content {
    aspect-ratio: 6/9;
  }
}

.frontpage__banner--titlearea {
  margin: 4em 0 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 35em;
}
@media (max-width: 728px) {
  .frontpage__banner--titlearea {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .frontpage__banner--titlearea {
    width: 100%;
  }
}
.frontpage__banner--titlearea .frontpage__banner--title svg {
  width: 80%; /* バナーコンテンツの幅に対する割合で指定 */
  height: auto; /* SVGの縦横比を維持 */
  display: block; /* ブロック要素として扱う */
  margin: 0 auto; /* 中央揃え */
}
.frontpage__banner--titlearea .frontpage__banner--leadtext {
  margin: 0.5em 0 0 0;
  font-size: 1.5em;
  font-weight: 800;
  line-height: 1.2em;
  text-shadow: 0 0 10px #ffffff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  .frontpage__banner--titlearea .frontpage__banner--leadtext {
    font-size: 1.4em;
  }
}
@media (max-width: 992px) {
  .frontpage__banner--titlearea .frontpage__banner--leadtext {
    font-size: 1.3em;
  }
}
@media (max-width: 728px) {
  .frontpage__banner--titlearea .frontpage__banner--leadtext {
    font-size: 1.2em;
  }
}
@media (max-width: 576px) {
  .frontpage__banner--titlearea .frontpage__banner--leadtext {
    font-size: 1.1em;
  }
}
.frontpage__banner--titlearea .frontpage__banner--subtext {
  margin: 1.5em 0 0 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 2.2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  .frontpage__banner--titlearea .frontpage__banner--subtext {
    margin: 1em 0 0 0;
    font-size: 0.9em;
    line-height: 2em;
  }
}
@media (max-width: 992px) {
  .frontpage__banner--titlearea .frontpage__banner--subtext {
    font-size: 1em;
    line-height: 2em;
  }
}
@media (max-width: 728px) {
  .frontpage__banner--titlearea .frontpage__banner--subtext {
    font-size: 0.9em;
  }
}
@media (max-width: 576px) {
  .frontpage__banner--titlearea .frontpage__banner--subtext {
    margin: 1.5em 0 0 0;
    font-size: 0.7em;
    line-height: 2em;
  }
}

.frontpage-posts-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 0.5em;
  width: 100%;
  margin: 2em 0;
}
.frontpage-posts-header .frontpage-posts-icon {
  width: 2.5em;
  height: 2.5em;
  vertical-align: middle;
}
.frontpage-posts-header .frontpage-posts-title {
  font-size: 1.35em;
  font-weight: 800;
  line-height: 1;
  margin: 0;
}

.home .site-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0 5em;
}
@media (max-width: 1200px) {
  .home .site-main {
    margin: 0 5em;
  }
}
@media (max-width: 992px) {
  .home .site-main {
    margin: 0 5em;
  }
}
@media (max-width: 728px) {
  .home .site-main {
    margin: 0 3em;
  }
}
@media (max-width: 576px) {
  .home .site-main {
    margin: 0 1em;
  }
}
.home .list-article-item {
  width: 25%;
  padding: 0 1em;
}
@media (max-width: 1200px) {
  .home .list-article-item {
    width: 33.3333%;
  }
}
@media (max-width: 992px) {
  .home .list-article-item {
    width: 50%;
  }
}
@media (max-width: 728px) {
  .home .list-article-item {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .home .list-article-item {
    width: 100%;
  }
}
.home .list-article-item .entry-header {
  width: 100%;
}
.home .list-article-item .entry-header .entry-title {
  font-size: 1.2em;
  line-height: 1.5em;
}
.home .list-article-item .entry-header .entry-title a {
  font-weight: 700;
  text-decoration: none;
}
.home .list-article-item .entry-summary {
  font-weight: 400;
  color: #204269;
  line-height: 1.75em;
}
.home .list-article-item .entry-footer {
  margin-top: 1em;
  padding: 0 0 2em 0;
}
.home .list-article-item .entry-footer .post-tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 0.4em;
}
.home .list-article-item .entry-footer .post-tags li a {
  display: inline-block;
  padding: 0.3em 0.8em;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 1.3;
  color: #204269;
  background-color: transparent;
  border: 1px solid #204269;
  border-radius: 2em;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.home .list-article-item .entry-footer .post-tags li a:hover {
  background-color: #204269;
  color: #fff;
}
.home .list-article-item__thumbnail {
  float: none;
  width: 100%;
  margin-bottom: 1.5em;
  padding: 0;
  margin: 0;
  aspect-ratio: 1/1;
}
.home .list-article-item__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1em;
  background-color: #efefef;
}

.frontpage-featured-tags-area {
  width: 100%;
  margin: 4em auto 5em;
  padding: 3em 5em;
  background-color: #f7f7f7;
}
@media (max-width: 728px) {
  .frontpage-featured-tags-area {
    padding: 3em;
  }
}
@media (max-width: 576px) {
  .frontpage-featured-tags-area {
    padding: 2em 1em;
  }
}
.frontpage-featured-tags-area .frontpage-featured-tags-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 0.5em;
  width: 100%;
  margin-bottom: 1.5em;
}
.frontpage-featured-tags-area .frontpage-featured-tags-icon {
  width: 2.5em;
  height: 2.5em;
  fill: #204269;
}
.frontpage-featured-tags-area .frontpage-featured-tags-title {
  font-size: 1.5em;
  font-weight: 700;
  color: #204269;
  margin: 0;
}
.frontpage-featured-tags-area .frontpage-featured-tags-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 1em 1.5em;
}
.frontpage-featured-tags-area .frontpage-featured-tags-list li a {
  display: inline-block;
  padding: 0 1em;
  font-size: 1em;
  font-weight: 600;
  color: #204269;
  background-color: #fff;
  border: 1px solid #204269;
  border-width: 1px 1px 1px 4px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.frontpage-featured-tags-area .frontpage-featured-tags-list li a:hover {
  background-color: #204269;
  color: #fff;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.frontpage__banner--tagsarea {
  width: 100%;
  padding: 3em 0em 0em 4em;
}
@media (max-width: 1400px) {
  .frontpage__banner--tagsarea {
    padding: 2em 0em 0em 4em;
    font-size: 0.9em;
  }
}
@media (max-width: 1200px) {
  .frontpage__banner--tagsarea {
    padding: 1em 0em 0em 4em;
    font-size: 0.8em;
  }
}
@media (max-width: 992px) {
  .frontpage__banner--tagsarea {
    padding: 2em 0em 0em 4em;
    font-size: 0.8em;
  }
}
@media (max-width: 728px) {
  .frontpage__banner--tagsarea {
    font-size: 0.7em;
  }
}
@media (max-width: 576px) {
  .frontpage__banner--tagsarea {
    font-size: 0.7em;
  }
}
.frontpage__banner--tagsarea .frontpage__banner--tagslist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 1em 1.5em;
}
.frontpage__banner--tagsarea .frontpage__banner--tagslist li a {
  display: inline-block;
  padding: 0 1em;
  font-size: 1em;
  font-weight: 600;
  color: #204269;
  background-color: #fff;
  border: 1px solid #204269;
  border-width: 1px 1px 1px 4px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.frontpage__banner--tagsarea .frontpage__banner--tagslist li a:hover {
  background-color: #204269;
  color: #fff;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}/*# sourceMappingURL=main.css.map */