@charset "UTF-8";
main {
  margin: min(6.5972222222vw, 95px) auto 0;
  max-width: min(79.1666666667vw, 1140px);
  width: 100%;
}
main .page_head {
  padding-top: min(10.6944444444vw, 154px);
}

main > * {
  position: relative;
  z-index: 10;
}

.pc-view {
  display: block;
}
@media (max-width: 768px) {
  .pc-view {
    display: none;
  }
}

.mobile-view {
  display: none;
}
@media (max-width: 768px) {
  .mobile-view {
    display: block;
  }
}

/* sec 共通
------------------------------------------- */
.sec h1 {
  background: linear-gradient(135deg, #8aba29, #8aba29 60%, #1A9F3D);
  border-radius: 100%;
  color: #fff;
  height: 250px;
  margin: 3em auto;
  width: 250px;
}

/*代表あいさつ
---------------------------------------------*/
.message-outline {
  padding: min(6.9444444444vw, 100px) min(6.9444444444vw, 100px) min(4.1666666667vw, 60px);
}
.message-inner {
  position: relative;
  width: 100%;
}
.message-contents {
  background-image: image-set(url("/img/message/ceo.avif") type("image/avif"), url("/img/message/ceo.webp") type("image/webp"));
  background-repeat: no-repeat;
  background-position: top right;
  background-size: min(19.8611111111vw, 286px), min(42.0138888889vw, 605px);
}
.message-contents::after {
  content: "";
  background-image: image-set(url("/img/message/mes_bg.avif") type("image/avif"), url("/img/message/mes_bg.webp") type("image/webp"));
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: min(37.8472222222vw, 545px);
  width: min(34.1666666667vw, 492px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: -1;
}
.message-list {
  margin-bottom: min(3.4722222222vw, 50px);
  text-align: left;
}
.message-list:last-of-type {
  margin-bottom: 0;
}
.message-list-heading {
  color: #2F9D40;
  margin: 0 0 min(1.3888888889vw, 20px);
  line-height: min(2.4305555556vw, 35px);
  font-size: min(1.6666666667vw, 24px);
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
}
@media (max-width: 768px) {
  .message-list-heading {
    font-size: min(5.1282051282vw, 20px);
  }
}
.message-list-heading::before {
  content: "";
  background-color: #2F9D40;
  display: block;
  height: min(0.2083333333vw, 3px);
  margin: min(0.9722222222vw, 14px) min(0.6944444444vw, 10px) 0 0;
  width: min(0.9027777778vw, 13px);
}
.message-list-lead {
  padding-left: min(1.3888888889vw, 20px);
}
.message-list-lead .lead-text {
  margin-bottom: min(1.3888888889vw, 20px);
  font-size: min(1.1111111111vw, 16px);
  font-weight: 400;
}
@media (max-width: 768px) {
  .message-list-lead .lead-text {
    font-size: min(4.1025641026vw, 16px);
  }
}
.message-list-lead .lead-text:last-of-type {
  margin-bottom: 0;
}
.message-list-lead .lead-text-icon {
  margin-bottom: min(0.6944444444vw, 10px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.message-list-lead .lead-text-icon::before {
  content: "\f14a";
  color: #2F9D40;
  font-family: "Font Awesome 6 Pro";
  display: block;
  margin-right: min(0.3472222222vw, 5px);
  font-size: min(1.25vw, 18px);
  font-weight: 900;
}
@media (max-width: 768px) {
  .message-list-lead .lead-text-icon::before {
    font-size: min(4.1025641026vw, 16px);
  }
}
.message-officer {
  margin-top: min(3.4722222222vw, 50px);
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-direction: column;
}
.message-officer-name {
  color: #000;
  text-align: right;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 400;
}
@media (max-width: 768px) {
  .message-officer-name {
    font-size: min(3.5897435897vw, 14px);
  }
}
.message-officer-sign {
  width: min(11.8055555556vw, 170px);
  height: min(3.6111111111vw, 52px);
}

/* ブログ
---------------------------------------------*/
.blog h4 {
  font-size: 20px;
  font-size: 2rem;
}

.blog h4 span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  border-top: 1px #ededed solid;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
}

.blog h4 hr {
  border: none;
  display: block;
}

.blog h4 hr::before,
.blog h4 hr::after {
  content: "";
  display: inline-block;
  width: 44px;
  height: 2px;
  background: #231815;
}

.blog h4 hr::before {
  margin-right: 12px;
}

.blog h4 hr::after {
  margin-left: 12px;
}

/*
.blog ul {
    display: flex;
    justify-content: space-around;
    margin: 40px auto 0;
    width: 90%;
}
.blog ul li {
    width: 33%;
    margin: 0 12px;
}
.blog ul li figcaption {
    font-weight: 600;
}
.blog ul li figcaption span {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 300;
    margin: 0.5em auto 0;
}
.blog ul li figure img {
    margin: 0 auto 20px;
}
*/
#feed > div {
  display: flex;
  justify-content: space-around;
  margin: 40px auto 0;
}

#feed div dl {
  padding: 0 30px;
  width: 33%;
  position: relative;
}

#feed div dl dt,
#feed div dl dd {
  text-align: left;
}

#feed div dl dt {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: normal;
}

#feed div dl dt a {
  text-decoration: underline;
}

#feed div dl dd {
  font-size: 1.2rem;
}

#feed div dl dd a {
  margin: 10px auto;
  padding: 4px;
  text-align: center;
  color: #888;
  background-color: #ddd;
  display: inline-block;
  width: 100px;
  float: right;
}

/*----

緊急対応　WordPressピックアップができるまで

-----*/
.blog-inner {
  margin-top: min(3.4722222222vw, 50px);
  width: 100%;
}
.blog a {
  display: block;
  width: 100%;
}
.blog picture img {
  height: auto;
  width: 100%;
}

@media (max-width: 768px) {
  main {
    margin: min(2.3076923077vw, 9px) auto;
    padding: 0 min(5.1282051282vw, 20px);
    width: calc(100% - 20px);
    max-width: 100%;
  }
  main .page_head {
    padding-top: min(24.6153846154vw, 96px);
  }
  .message-outline {
    padding: min(7.6923076923vw, 30px) 0 0;
  }
  .message-contents {
    padding-top: min(79.4871794872vw, 310px);
    position: relative;
    background-image: image-set(url("/img/message/mb_ceo.avif") type("image/avif"), url("/img/message/mb_ceo.webp") type("image/webp"));
    background-repeat: no-repeat;
    background-position: top left;
    background-size: min(47.1794871795vw, 184px);
  }
  .message-contents::after {
    content: "";
    background-image: image-set(url("/img/message/mes_bg.avif") type("image/avif"), url("/img/message/mes_bg.webp") type("image/webp"));
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: min(79.4871794872vw, 310px);
    width: min(71.7948717949vw, 280px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: -1;
  }
  .message-list {
    margin-bottom: min(10.2564102564vw, 40px);
    text-align: left;
  }
  .message-list:last-of-type {
    margin-bottom: 0;
  }
  .message-list-heading {
    margin: 0 0 min(2.5641025641vw, 10px);
    line-height: min(7.1794871795vw, 28px);
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
  }
  .message-list-heading::before {
    content: "";
    background-color: #2F9D40;
    display: block;
    height: min(0.7692307692vw, 3px);
    margin: min(3.0769230769vw, 12px) min(1.2820512821vw, 5px) 0 0;
    width: min(2.5641025641vw, 10px);
  }
  .message-list-lead {
    padding-left: 0;
    text-align: justify;
  }
  .message-list-lead .lead-text {
    margin-bottom: min(2.5641025641vw, 10px);
  }
  .message-list-lead .lead-text:last-of-type {
    margin-bottom: 0;
  }
  .message-list-lead .lead-text-icon {
    margin-bottom: min(2.5641025641vw, 10px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
  }
  .message-list-lead .lead-text-icon::before {
    margin-right: min(1.2820512821vw, 5px);
  }
  .message-officer {
    height: min(22.3076923077vw, 87px);
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: end;
    flex-direction: column;
    position: absolute;
    top: min(51.2820512821vw, 200px);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
  .message-officer-name {
    margin-bottom: min(2.5641025641vw, 10px);
    line-height: min(5.641025641vw, 22px);
    text-align: right;
  }
  .message-officer-sign {
    width: min(28.2051282051vw, 110px);
    height: min(8.4615384615vw, 33px);
  }
  .blog-inner {
    margin-top: min(12.8205128205vw, 50px);
    width: 100%;
  }
  .blog a {
    display: block;
    width: 100%;
  }
  .blog picture img {
    height: auto;
    width: 100%;
  }
  .blog ul {
    flex-direction: column;
  }
  .blog ul li {
    width: 100%;
    margin: 0 auto 24px;
  }
  .blog ul li figure img {
    margin: 0 auto 20px;
    width: 40%;
  }
  .blog ul li figcaption span {
    font-size: 1.2rem;
  }
  .page_head {
    margin-bottom: 5.6em;
  }
  .blog a {
    padding: 0 0 20px 0;
  }
}
.bg_anime {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 15%;
}
@media (max-width: 768px) {
  .bg_anime {
    top: min(51.2820512821vw, 200px);
    transform: none;
  }
}

.st0 {
  stroke: #747374;
  stroke-width: 0.6;
  fill-opacity: 0;
  stroke-dasharray: 2800;
  stroke-dashoffset: 2800;
  animation: messe_line 0.6s linear 0.6s forwards;
}

@keyframes messe_line {
  0% {
    stroke-dashoffset: 2800;
  }
  100% {
    stroke-dashoffset: 0;
  }
}/*# sourceMappingURL=maps/message.css.map */