@charset "UTF-8";
.newsblog {
  overflow: hidden;
  background-color: #fff;
  color: #4d4d4d;
}
.newsblog .main {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .newsblog .main {
    margin-top: 0;
  }
}
.newsblog .fixed__wrapper {
  max-width: 1000px;
  width: 100%;
}
.newsblog p, .newsblog span, .newsblog time, .newsblog a, .newsblog input {
  font-family: "A1ゴシック R", "A1 Gothic R";
}
@media (max-width: 768px) {
  .newsblog p, .newsblog span, .newsblog time, .newsblog a, .newsblog input {
    font-size: 15px;
  }
}
.newsblog h1, .newsblog h2, .newsblog h3, .newsblog h4, .newsblog h5, .newsblog h6 {
  font-family: "A1ゴシック B", "A1 Gothic B";
}
.newsblog .heading__img__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 90px;
  max-height: 400px;
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
@media (max-width: 979px) {
  .newsblog .heading__img__wrapper {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .newsblog .heading__img__wrapper {
    margin-top: 0;
    margin-bottom: 90px;
    padding: 0;
    height: auto;
  }
}
@media (max-width: 979px) {
  .newsblog .heading__img__wrapper .heading__img {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .newsblog .heading__img__wrapper .heading__img {
    margin-top: 0;
    min-width: 420px;
  }
}
.newsblog .heading__img__wrapper img {
  position: relative;
  left: 50%;
  min-width: 1600px;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .newsblog .heading__img__wrapper img {
    margin-top: 0;
    height: auto;
  }
}
.newsblog section {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 800px;
  width: calc(100% - 32px);
  border-radius: 20px;
  color: #000;
}
.newsblog .section-flex {
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  .newsblog .section-flex {
    display: block;
  }
}
@media (max-width: 768px) {
  .newsblog .section-flex .flex {
    display: block;
  }
}
.newsblog .pcflex.flex {
  align-items: flex-start;
}
.newsblog .pcflex.flex {
  margin: 40px auto;
  margin-top: 0;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .newsblog .pcflex.flex {
    display: block !important;
    margin-bottom: max(200px, 80vw);
  }
}
.newsblog h2.sec01-heading {
  position: relative;
  margin: 0 auto;
  margin-bottom: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-family: "新丸ゴ B", "Shin Maru Go Bold";
  line-height: 1.2;
}
.newsblog h2.sec01-heading .heading-bg {
  position: absolute;
  top: 0;
  width: 40px;
}
.newsblog h2.sec01-heading .heading-bg-left {
  left: -60px;
}
.newsblog h2.sec01-heading .heading-bg-right {
  right: -60px;
}
.newsblog h2.sec01-heading span {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  font-family: "新丸ゴ M", "Shin Maru Go Medium";
}
.newsblog .sec01 {
  max-width: 1000px;
}
@media (max-width: 768px) {
  .newsblog .sec01 {
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 1000px;
  }
}
.newsblog .sec01 .heading__wrapper {
  position: relative;
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  .newsblog .sec01 .heading__wrapper {
    margin-bottom: 50px;
    padding: 0;
  }
}
.newsblog .sec01 .sec-heading {
  display: block;
  width: 100%;
  color: #4d7d37;
  text-align: left;
  font-size: 32px;
  font-family: "A1ゴシック B", "A1 Gothic B";
}
@media (max-width: 768px) {
  .newsblog .sec01 .sec-heading {
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
  }
}
.newsblog .sec01 .heading--bg {
  position: absolute;
  top: -90px;
  left: -48px;
  color: #4d7d37;
  font-weight: 800;
  font-style: normal;
  font-size: 72px;
  font-family: "avenir-lt-pro", sans-serif;
  opacity: 0.15;
}
@media (max-width: 768px) {
  .newsblog .sec01 .heading--bg {
    top: -40px;
    /* position: relative; */
    left: 50%;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    transform: translateX(-50%);
  }
}
.newsblog .content__wrapper {
  box-sizing: border-box;
  margin: 40px auto;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 60px;
  padding-top: 40px;
  max-width: 660px;
  border-radius: 12px;
  background: #fff;
  color: #000;
}
@media (max-width: 768px) {
  .newsblog .content__wrapper {
    padding: 24px 16px;
  }
}
.newsblog .articles.flex {
  flex-wrap: wrap;
}
.newsblog .articles.flex li {
  margin-bottom: 12px;
  width: 100%;
}
@media (max-width: 768px) {
  .newsblog .articles.flex li {
    margin-bottom: 0px;
    padding-top: 8px;
    width: 100%;
  }
}
.newsblog .articles.flex li a {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  width: 100%;
  border-bottom: solid #000 1px;
}
.newsblog .articles.flex li a:hover .icon {
  transform: translateX(16px);
}
.newsblog .articles.flex li .triming-wrapper {
  position: relative;
  margin-bottom: 16px;
  padding-top: 66.66%;
  width: 100%;
  border-radius: 12px;
  content: "";
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 768px) {
  .newsblog .articles.flex li .triming-wrapper {
    display: none;
  }
}
.newsblog .articles.flex li .triming-wrapper img {
  position: absolute;
  top: 0%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}
.newsblog .articles.flex li p {
  margin-top: 0;
}
.newsblog .articles.flex li p.title {
  margin: 0;
  text-indent: 1em;
}
@media (max-width: 768px) {
  .newsblog .articles.flex li p.title {
    width: 85%;
  }
}
.newsblog .articles.flex li p,
.newsblog .articles.flex li time {
  display: inline-block;
  margin-right: 4px;
  margin-left: 8px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .newsblog .articles.flex li p,
.newsblog .articles.flex li time {
    margin-left: 8px;
    font-size: 14px;
  }
}
.newsblog .articles.flex li time {
  padding: 4px 16px;
  border-radius: 24px;
  color: #4d7d37;
  font-size: 16px;
}
@media (max-width: 768px) {
  .newsblog .articles.flex li time {
    display: block;
    margin-left: 0;
    padding-left: 0;
    text-indent: 1em;
    font-size: 14px;
  }
}
.newsblog .articles.flex li p:last-child {
  font-size: 16px;
}
@media (max-width: 768px) {
  .newsblog .articles.flex li p:last-child {
    margin-left: 1em;
    text-indent: 0;
    font-size: 14px;
  }
}
.newsblog .articles.flex li .icon {
  position: absolute;
  right: 16px;
  width: 40px;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .newsblog .articles.flex li .icon {
    top: 16px;
  }
}
.newsblog .another-post {
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .newsblog .another-post {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .newsblog .another-post a.notPrev.btn {
    display: block;
    margin: 0 0 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: right;
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .newsblog .another-post a.notNext.btn {
    display: block;
    margin: 0 auto 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    transform: translateX(0);
  }
}
.newsblog .another-post .link__button {
  margin: 0 auto;
  padding: 6px 32px;
  border-radius: 32px;
  background: #ffefa9;
  font-size: 16px;
}
@media (max-width: 768px) {
  .newsblog .another-post .link__button {
    display: none !important;
  }
}
.newsblog .another-post .link__button.notPrev {
  transform: translateX(24px);
}
.newsblog .another-post .link__button.notNext {
  transform: translateX(-24px);
}
.newsblog .another-post a {
  font-size: 16px;
}
.newsblog .link {
  margin: 0 auto;
  padding: 6px 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 32px;
  background: #ffefa9;
  font-size: 16px;
}
.newsblog .archive {
  z-index: 2;
  box-sizing: border-box;
  margin: 40px auto 0 0;
  margin-top: 40px;
  padding: 20px 20px;
  padding-top: 0;
  max-width: 200px;
  width: 100%;
  font-size: 16px;
}
@media (max-width: 768px) {
  .newsblog .archive {
    margin: 40px auto;
    padding: 20px 16px;
    max-width: none;
    width: 100%;
  }
}
.newsblog .archive .box {
  padding-bottom: 20px;
  border-bottom: 1px solid #303030;
}
@media (max-width: 768px) {
  .newsblog .archive .box {
    border-bottom: none;
  }
}
@media (max-width: 768px) {
  .newsblog .archive h3 {
    border-radius: 20px;
    background: #003470;
    color: #fff;
    text-align: center;
  }
}
.newsblog .archive h3 img {
  width: 60%;
}
.newsblog .archive .sidebar-heading {
  max-width: 152px;
  width: 40%;
}
@media (min-width: 768px) {
  .newsblog .archive .sidebar-heading {
    width: 60%;
  }
}
.newsblog .archive .sidebar-heading2 {
  max-width: 95px;
  width: 25%;
}
@media (min-width: 768px) {
  .newsblog .archive .sidebar-heading2 {
    width: 33%;
  }
}
.newsblog .archive .sidebar-heading3 {
  max-width: 120px;
  width: 32%;
}
@media (min-width: 768px) {
  .newsblog .archive .sidebar-heading3 {
    width: 39%;
  }
}
.newsblog .archive .new-article li {
  border-collapse: collapse;
  border-bottom: 1.5px solid #f28e1e;
}
.newsblog .archive .new-article li:first-child {
  border-top: 1.5px solid #f28e1e;
}
.newsblog .archive .new-article li a {
  align-items: flex-start;
  box-sizing: border-box;
  padding: 16px;
  padding-right: 10px;
}
.newsblog .archive .new-article li a .triming-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 31%;
  width: 46%;
  content: "";
  -o-object-fit: cover;
  object-fit: cover;
}
.newsblog .archive .new-article li a .triming-wrapper img {
  position: absolute;
  top: 0%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.newsblog .archive .new-article li a .text-box {
  width: 48%;
}
.newsblog .archive .new-article li a .text-box time {
  font-size: 12px;
}
.newsblog .archive .new-article li a .text-box p {
  margin-top: 0;
}
@media (max-width: 768px) {
  .newsblog .archive .theme h3 {
    border-radius: 20px;
    background: #003470;
    color: #fff;
    text-align: center;
  }
}
.newsblog .archive .theme ul {
  padding: 20px 0;
}
@media (max-width: 768px) {
  .newsblog .archive .theme ul li {
    border-bottom: 1px solid #3c3c3c;
  }
}
.newsblog .archive .archive-box {
  padding-top: 40px;
  border-bottom: none;
}
@media (max-width: 768px) {
  .newsblog .archive .archive-box h3 {
    border-radius: 20px;
    background: #003470;
    color: #fff;
    text-align: center;
  }
}
.newsblog .archive .archive-box ul {
  padding: 20px 0;
}
@media (max-width: 768px) {
  .newsblog .archive .archive-box ul li {
    border-bottom: 1px solid #3c3c3c;
  }
}

@media (max-width: 768px) {
  .newsblog.single .section-flex .fixed__wrapper {
    padding: 0;
  }
}
.newsblog.single .section-flex .heading__wrapper {
  padding: 12px 40px;
  border-bottom: solid #4d4d4d 1px;
}
@media (max-width: 768px) {
  .newsblog.single .section-flex .heading__wrapper {
    padding: 8px 12px;
  }
}
.newsblog.single .section-flex .heading__wrapper time {
  color: #4e7d37;
}
.newsblog.single .section-flex .heading__wrapper h2 {
  color: #4d4d4d;
}
@media (max-width: 768px) {
  .newsblog.single .section-flex .heading__wrapper h2 {
    font-size: 18px;
  }
}
.newsblog.single .content {
  margin: 0 auto;
  max-width: 680px;
}

.pagenation {
  color: #3c3c3c;
  text-align: center;
}
.pagenation .page-numbers {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 12px;
}
.pagenation .current {
  color: #000;
}

.links {
  margin-top: 40px;
}
.links .flex {
  justify-content: center;
  padding: 4px;
  border-top: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
}
.links .before-arrow {
  position: relative;
  display: inline-block;
  padding: 10px;
}
@media (min-width: 768px) {
  .links .before-arrow {
    transform: translateX(0.5em);
  }
}
.links .before-arrow:first-child {
  margin-right: 20px;
}
@media (min-width: 768px) {
  .links .before-arrow:first-child {
    margin-right: 60px;
  }
}
.links .before-arrow::before {
  position: absolute;
  top: 50%;
  left: -0.7em;
  width: 1em;
  height: 1em;
  background: url(../img/newsblog/link-button.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  transform: translateY(-50%);
}

.footer {
  width: 100%;
}
@media (min-width: 980px) {
  .footer {
    min-width: auto;
  }
}
.footer .fixed__wrapper {
  z-index: 0;
}