.flex {
  display: flex;
  justify-content: space-between; }

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

#header-in {
  color: #fff; }
  #header-in .site-name-text-link {
    color: #fff; }

#content #content-in #main article {
  background: #fff;
  color: #333; }

.single .eye-catch-wrap,
.single .eye-catch {
  width: 100%; }
.single .eye-catch img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

#navi_wrap {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  #navi_wrap .inner {
    padding: 13px 20px 3px;
    align-items: center;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    height: 78px; }
    @media screen and (max-width: 721px) {
      #navi_wrap .inner {
        padding: 0px 20px 3px; } }
    #navi_wrap .inner #header_logo {
      width: 20%; }
      @media screen and (max-width: 721px) {
        #navi_wrap .inner #header_logo {
          width: 50%; } }
      #navi_wrap .inner #header_logo img {
        margin-top: 2px; }
    #navi_wrap .inner ul {
      width: 60%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 721px) {
        #navi_wrap .inner ul {
          display: none; } }
      #navi_wrap .inner ul li {
        list-style: none; }
        #navi_wrap .inner ul li#login_wrap {
          align-items: center; }
          #navi_wrap .inner ul li#login_wrap a {
            color: #fff;
            cursor: pointer;
            display: block;
            width: 100px;
            border: 1px solid #fff;
            text-align: center;
            border-radius: 50px;
            font-size: 14px;
            margin: 0 0 6px;
            line-height: 21px; }
            #navi_wrap .inner ul li#login_wrap a:hover {
              background: #ffc355;
              border: 1px solid #ffc355; }
            #navi_wrap .inner ul li#login_wrap a:first-child {
              margin-top: 2px; }
            #navi_wrap .inner ul li#login_wrap a:last-child {
              background: #ff5722;
              border: 1px solid #ff5722; }
              #navi_wrap .inner ul li#login_wrap a:last-child:hover {
                background: #ffc355;
                border: 1px solid #ffc355; }
        #navi_wrap .inner ul li a {
          color: #fff;
          text-align: center;
          cursor: pointer;
          text-decoration: none; }
          #navi_wrap .inner ul li a:hover {
            color: #ffc355; }
          #navi_wrap .inner ul li a span {
            border: none;
            line-height: 1.5em; }
            #navi_wrap .inner ul li a span:first-child {
              font-size: 18px;
              border-bottom: 2px solid #0045DB;
              padding-bottom: 5px; }
            #navi_wrap .inner ul li a span:last-child {
              font-size: 14px;
              display: block;
              padding-top: 5px;
              line-height: 1.5em;
              margin: -2px 0 2px; }
    #navi_wrap .inner .sp_menu_button {
      width: 40px;
      height: 20px;
      outline: none;
      border: none;
      font-size: 20px;
      display: none; }
      @media screen and (max-width: 721px) {
        #navi_wrap .inner .sp_menu_button {
          display: block; } }
      #navi_wrap .inner .sp_menu_button .menu_icon01 {
        display: block;
        float: left;
        cursor: pointer;
        transition: all 0.2s ease-in; }
        #navi_wrap .inner .sp_menu_button .menu_icon01 span {
          display: block;
          width: 30px;
          height: 4px;
          background: #fff;
          margin-bottom: 4px;
          transition: all 0.4s ease-out; }
      #navi_wrap .inner .sp_menu_button.open .menu_icon01 {
        transform: rotate(-45deg); }
        #navi_wrap .inner .sp_menu_button.open .menu_icon01 span.bar1 {
          transform: rotate(0deg) translateY(8px); }
        #navi_wrap .inner .sp_menu_button.open .menu_icon01 span.bar2 {
          opacity: 0; }
        #navi_wrap .inner .sp_menu_button.open .menu_icon01 span.bar3 {
          transform: rotate(-90deg) translateX(8px); }
  #navi_wrap #sp_navi {
    display: none;
    height: 100vh; }
    #navi_wrap #sp_navi ul {
      padding: 0;
      margin: 0; }
      #navi_wrap #sp_navi ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.8);
        padding: 20px;
        list-style: none; }
        #navi_wrap #sp_navi ul li.notoppage a span {
          width: 100%; }
          #navi_wrap #sp_navi ul li.notoppage a span:first-child {
            border-right: 2px solid #0045DB; }
        #navi_wrap #sp_navi ul li a {
          color: #fff;
          font-size: 16px;
          text-decoration: none; }
          #navi_wrap #sp_navi ul li a span {
            width: 50%;
            text-align: center; }
        #navi_wrap #sp_navi ul li#login_wrap {
          justify-content: center; }
          #navi_wrap #sp_navi ul li#login_wrap a {
            display: block;
            width: 100px;
            border: 1px solid #fff;
            text-align: center;
            border-radius: 50px;
            font-size: 14px;
            margin: 0 5px;
            padding: 6px 0; }

#header {
  display: none; }
#content {
  margin-top: 78px; }
  #content #content-in #main {
    padding-top: 0; }

.front-top-page #header {
  display: block;
  background-image: url("/wp-content/uploads/2023/01/%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88-1-scaled.webp");
  min-height: 400px; }
  @media screen and (max-width: 721px) {
    .front-top-page #header {
      min-height: 300px; } }
.front-top-page #header-in {
  display: none; }
.front-top-page #content {
  margin-top: 0;
  padding-top: 40px; }

#front-page_wrap #pr-contents_wrap {
  margin-top: 0; }
  @media screen and (max-width: 721px) {
    #front-page_wrap #pr-contents_wrap {
      flex-wrap: wrap; } }
  #front-page_wrap #pr-contents_wrap #pr_wrap {
    width: 36.5%;
    margin-top: 0; }
    #front-page_wrap #pr-contents_wrap #pr_wrap a {
      text-decoration: none; }
      #front-page_wrap #pr-contents_wrap #pr_wrap a img {
        aspect-ratio: 1 / 1; }
    @media screen and (max-width: 721px) {
      #front-page_wrap #pr-contents_wrap #pr_wrap {
        width: 100%; } }
  #front-page_wrap #pr-contents_wrap #reprint_wrap {
    width: 62%;
    flex-wrap: wrap;
    margin-top: 0; }
    @media screen and (max-width: 721px) {
      #front-page_wrap #pr-contents_wrap #reprint_wrap {
        width: 100%; } }
    #front-page_wrap #pr-contents_wrap #reprint_wrap a {
      width: 49%;
      display: block;
      text-decoration: none; }
      #front-page_wrap #pr-contents_wrap #reprint_wrap a:nth-child(-n + 2) {
        margin-bottom: 2.5%; }
      #front-page_wrap #pr-contents_wrap #reprint_wrap a:hover {
        opacity: 0.7; }
      #front-page_wrap #pr-contents_wrap #reprint_wrap a figure,
      #front-page_wrap #pr-contents_wrap #reprint_wrap a .noimage {
        margin-bottom: 10px;
        aspect-ratio: 16/9;
        overflow: hidden;
        position: relative; }
        #front-page_wrap #pr-contents_wrap #reprint_wrap a figure div,
        #front-page_wrap #pr-contents_wrap #reprint_wrap a .noimage div {
          position: absolute;
          background: rgba(0, 0, 0, 0.7);
          display: flex;
          justify-content: center;
          align-items: center;
          right: 0;
          bottom: 0;
          left: 0;
          padding: 0.5em; }
          #front-page_wrap #pr-contents_wrap #reprint_wrap a figure div p,
          #front-page_wrap #pr-contents_wrap #reprint_wrap a .noimage div p {
            color: #fff;
            font-size: 12px;
            margin: 0; }
      #front-page_wrap #pr-contents_wrap #reprint_wrap a .noiname {
        justify-content: center;
        align-items: center;
        background: #ccc;
        color: #343434;
        font-weight: bold; }
#front-page_wrap section h2 {
  align-items: center;
  margin-top: 60px;
  margin-bottom: 10px; }
  #front-page_wrap section h2.ttl {
    color: #FFA726;
    font-size: 26px; }
    #front-page_wrap section h2.ttl span {
      border-bottom: 3px solid #FFA726;
      padding: 0 0.5em; }
    #front-page_wrap section h2.ttl a {
      color: #343434;
      font-size: 18px;
      text-decoration: none;
      font-weight: normal; }
      #front-page_wrap section h2.ttl a:hover {
        color: #FFA726; }
#front-page_wrap section .docs_wrap {
  padding: 0;
  flex-wrap: wrap;
  justify-content: flex-start; }
  #front-page_wrap section .docs_wrap li {
    list-style: none;
    width: 24%;
    margin: 0 0.5%; }
    @media screen and (max-width: 721px) {
      #front-page_wrap section .docs_wrap li {
        width: 49%; } }
    #front-page_wrap section .docs_wrap li a {
      text-decoration: none;
      position: relative;
      padding-bottom: 30px;
      display: block;
      height: 100%; }
      #front-page_wrap section .docs_wrap li a figure {
        margin-bottom: 10px;
        aspect-ratio: 16/9;
        overflow: hidden; }
      #front-page_wrap section .docs_wrap li a p {
        color: #343434;
        font-size: 16px;
        line-height: 1.25em; }
        #front-page_wrap section .docs_wrap li a p.date_p {
          font-size: 12px;
          color: #B1B1B1;
          margin: 0;
          position: absolute;
          bottom: 10px;
          right: 0; }
      #front-page_wrap section .docs_wrap li a:hover {
        opacity: 0.8; }
#front-page_wrap #info_wrap {
  margin-top: 80px; }
  #front-page_wrap #info_wrap h3 {
    color: #707070;
    text-align: center;
    font-size: 26px; }
  #front-page_wrap #info_wrap ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #707070; }
    #front-page_wrap #info_wrap ul li {
      border-bottom: 1px solid #707070;
      padding: 20px 15px;
      list-style: none; }
      #front-page_wrap #info_wrap ul li a {
        text-decoration: none;
        font-size: 14px;
        justify-content: flex-start;
        align-items: center; }
        #front-page_wrap #info_wrap ul li a span {
          color: #BF6000;
          border: 1px solid #BF6000;
          padding: 0.25em 1em; }
        #front-page_wrap #info_wrap ul li a time {
          color: #B1B1B1;
          margin: 0 10px; }
        #front-page_wrap #info_wrap ul li a p {
          color: #343434; }

.reprint_link_wrap {
  text-align: right;
  margin: 40px 0 0; }
  .reprint_link_wrap img {
    max-width: 100px; }

#footer_wrap {
  background: #131313;
  color: #fff;
  padding-top: 100px; }
  #footer_wrap > .inner {
    width: 100%;
    max-width: 1256px;
    padding: 0 20px; }
    @media screen and (max-width: 721px) {
      #footer_wrap > .inner {
        display: block; } }
    #footer_wrap > .inner > div {
      width: 50%; }
      @media screen and (max-width: 721px) {
        #footer_wrap > .inner > div {
          width: 100%; } }
      @media screen and (max-width: 721px) {
        #footer_wrap > .inner > div:first-child {
          border-bottom: 1px solid #fff;
          text-align: center;
          margin-bottom: 20px; }
          #footer_wrap > .inner > div:first-child p {
            margin-top: 0;
            font-size: 15px; } }
      #footer_wrap > .inner > div:first-child h4 {
        font-size: 36px;
        margin-top: 0; }
      #footer_wrap > .inner > div:last-child ul {
        margin: 0;
        padding: 0; }
        #footer_wrap > .inner > div:last-child ul li {
          margin-bottom: 10px;
          list-style: none;
          font-size: 16px; }
      #footer_wrap > .inner > div a {
        color: #fff;
        text-decoration: none; }
        #footer_wrap > .inner > div a:hover {
          color: #ffb326; }
  #footer_wrap #footer-copy {
    text-align: center;
    padding: 20px 0; }
  #footer_wrap.notop {
    margin-top: 120px; }

.single-reprint #author_box-2 {
  display: none; }

/*# sourceMappingURL=common.css.map */