@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  overflow-x: hidden;
}

a {
  cursor: pointer;
}

a[href="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href="tel:"] {
    pointer-events: auto;
  }
}

img,
picture,
svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

img {
  display: block;
}

p:last-child {
  margin-bottom: 0;
}

.note {
  font-size: clamp(0.875rem, 0.833rem + 0.21vw, 1rem);
}

/* Static mode: hide detail/list CTAs */
.BodyAbout__ButtonMoreAbout,
.AreaBodyAchieve__MoreAchieve,
.CardBodyService__AreaMore,
.GridNoteFeature__More {
  display: none !important;
}

.NewsPage {
  min-height: 100vh;
  background: linear-gradient(180deg, #f7faf7 0%, #ffffff 42%);
  padding: 72px 0 56px;
}

.NewsSection {
  max-width: 960px;
}

.NewsBack a {
  color: #1a8b44;
  text-decoration: none;
  border-bottom: 1px solid #1a8b44;
}

.NewsPageTitle {
  margin-top: 14px;
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: 0.04em;
}

.NewsPageLead {
  margin-top: 12px;
  line-height: 1.8;
}

.NewsMeta {
  margin-top: 20px;
  color: #45624f;
  font-size: 14px;
}

.LayoutNews .NewsMeta {
  margin-top: 0;
  margin-bottom: 10px;
}

.NewsArchiveList {
  margin-top: 12px;
  display: grid;
  gap: 12px;
}

.NewsArchiveItem {
  border: 1px solid #dce8df;
  border-radius: 14px;
  background: #fff;
}

.NewsArchiveLink {
  display: block;
  padding: 18px 16px;
  text-decoration: none;
  color: inherit;
}

.NewsArchiveLink:hover {
  background: #f8fbf8;
}

.NewsArchiveDate {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  color: #2b4435;
}

.NewsArchiveCategory {
  margin-top: 8px;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: #edf5ee;
  color: #2a6542;
  font-size: 12px;
}

.NewsArchiveTitle {
  margin-top: 10px;
  font-size: 19px;
  line-height: 1.5;
}

.NewsArchiveExcerpt {
  margin-top: 8px;
  line-height: 1.8;
  color: #3b4d40;
}

.NewsDetail {
  border: 1px solid #dce8df;
  border-radius: 14px;
  background: #fff;
  padding-top: 24px;
  padding-bottom: 24px;
}

.NewsDetailHeader {
  margin-top: 8px;
}

.NewsDetailDate {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  color: #2b4435;
}

.NewsDetailCategory {
  margin-top: 8px;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: #edf5ee;
  color: #2a6542;
  font-size: 12px;
}

.NewsDetailTitle {
  margin-top: 14px;
  font-size: 24px;
  line-height: 1.45;
}

.NewsDetailBody {
  margin-top: 22px;
}

.NewsDetailParagraph {
  line-height: 2;
}

.NewsDetailParagraph + .NewsDetailParagraph {
  margin-top: 14px;
}

@media screen and (min-width: 769px) {
  .NewsPage {
    padding-top: 96px;
    padding-bottom: 84px;
  }

  .NewsPageTitle {
    font-size: 36px;
  }

  .NewsArchiveLink {
    padding: 20px;
  }

  .NewsDetail {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .NewsDetailTitle {
    font-size: 30px;
  }
}

.SearchPage {
  min-height: 100vh;
  background: linear-gradient(180deg, #f6f9f5 0%, #ffffff 45%);
  padding-top: 100px;
  padding-bottom: 80px;
}

.SearchSection {
  max-width: 960px;
}

.SearchTitle {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  letter-spacing: 0.06em;
  line-height: 1.25;
}

.SearchLead {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.8;
}

.SearchForm {
  margin-top: 30px;
}

.SearchLabel {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.SearchControlRow {
  display: flex;
  gap: 12px;
}

.SearchInput {
  width: 100%;
  border: 1px solid #c4d2c8;
  border-radius: 12px;
  background: #fff;
  min-height: 50px;
  padding: 0 14px;
  font-size: 16px;
}

.SearchInput:focus {
  outline: 2px solid #1a8b44;
  outline-offset: 1px;
}

.SearchButton {
  min-width: 124px;
  border: 0;
  border-radius: 12px;
  background: #1a8b44;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.06em;
  transition: opacity 0.2s;
}

.SearchButton:hover {
  opacity: 0.84;
}

.SearchMeta {
  margin-top: 20px;
  color: #3d5043;
}

.SearchResultList {
  margin-top: 18px;
  display: grid;
  gap: 12px;
}

.SearchResultItem {
  border: 1px solid #e3eae5;
  border-radius: 14px;
  background: #fff;
}

.SearchResultLink {
  display: block;
  padding: 20px;
  text-decoration: none;
  color: inherit;
}

.SearchResultLink:hover {
  background: #f9fbf8;
}

.SearchResultTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.SearchResultText {
  margin-top: 8px;
  line-height: 1.8;
}

.SearchTagList {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.SearchTagItem {
  font-size: 12px;
  line-height: 1;
  border-radius: 999px;
  background: #eaf3ec;
  color: #25663f;
  padding: 6px 10px;
}

@media screen and (max-width: 768px) {
  .SearchPage {
    padding-top: 72px;
    padding-bottom: 56px;
  }

  .SearchTitle {
    font-size: 28px;
  }

  .SearchControlRow {
    flex-direction: column;
  }

  .SearchButton {
    width: 100%;
    min-height: 46px;
  }

  .SearchResultLink {
    padding: 16px;
  }

  .SearchResultTitle {
    font-size: 18px;
  }
}

/***************************************
 * section */
.Container {
  width: 100%;
  margin-inline: auto;
  padding-left: 35px;
  padding-right: 35px;
}
@media screen and (max-width: 1080px) {
  .Container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.Container.Container-Comp {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}
.Container.Container-About {
  max-width: 1350px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .Container.Container-About {
    padding-right: 20px;
  }
}
.Container.Container-Service {
  max-width: 1400px;
}
.Container.Container-Global {
  max-width: 1350px;
}
.Container.Container-Feature {
  max-width: 1570px;
}
.Container.Container-News {
  max-width: 1182px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: auto;
}
.Container.Container-Contact {
  max-width: 1352px;
  margin-inline: auto;
}
.Container.Container-Footer {
  max-width: 1690px;
  margin-inline: auto;
}
@media screen and (max-width: 1080px) {
  .Container.Container-Footer {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 768px) {
  .Container.Container-Footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.HiddenOnlyBigPC {
  display: none;
}
@media screen and (max-width: 1280px) {
  .HiddenOnlyBigPC {
    display: block;
  }
}

.HiddenPointMd {
  display: block;
}
@media screen and (max-width: 1080px) {
  .HiddenPointMd {
    display: none;
  }
}

.ShowPointMd {
  display: none;
}
@media screen and (max-width: 1080px) {
  .ShowPointMd {
    display: block;
  }
}

.HiddenPointSm {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .HiddenPointSm {
    display: none;
  }
}

.ShowOnlySm {
  display: none;
}
@media screen and (max-width: 768px) {
  .ShowOnlySm {
    display: block;
  }
}

.IsBlock {
  display: block;
  width: 100%;
  height: 100%;
}

.IsCenter {
  text-align: center;
}

.BlockCenter {
  margin-inline: auto;
}

.BlockRight {
  margin-left: auto;
}

.IsRight {
  text-align: right;
}

.IsExtend {
  width: 100%;
  height: 100%;
}

.IsGreen {
  color: #1a8b44;
}

.LinkBlock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}
.LinkBlock:hover {
  opacity: 0.7;
}

.Headline02 {
  font-family: Noto Serif JP;
  font-size: 32px;
  font-weight: 700;
  line-height: 1; /* 20px */
  letter-spacing: 2px;
}
@media screen and (max-width: 1080px) {
  .Headline02 {
    font-size: 24px;
  }
}
.Headline02-About {
  font-size: 20px;
  font-weight: 500;
  font-size: 20px;
  font-weight: 500;
  line-height: 1; /* 20px */
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .Headline02-About {
    font-size: 14px;
    letter-spacing: 1.4px;
  }
}
.Headline02-Achieve {
  font-size: 32px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .Headline02-Achieve {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1; /* 24px */
    letter-spacing: 2.4px;
  }
}
.Headline02-Service {
  margin-top: 60px;
  margin-bottom: 30px;
  display: inline-block;
  position: relative;
  color: #fff;
  letter-spacing: 1.7px;
}
@media screen and (max-width: 768px) {
  .Headline02-Service {
    margin-top: 0px;
  }
}
.Headline02-Service::after {
  content: "";
  width: 43px;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .Headline02-Service::after {
    bottom: -9px;
    width: 52px;
  }
}
.Headline02-Feature {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.Headline02-Feature::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background-color: #1a8b44;
  width: 43px;
  height: 1px;
}
@media screen and (max-width: 768px) {
  .Headline02-Feature::before {
    bottom: -9px;
    width: 52px;
    transform: translateX(-50%);
  }
}
.Headline02-Message {
  color: #fff;
  font-family: Noto Serif JP;
  font-size: clamp(3.125rem, 1.608rem + 6.47vw, 9.375rem);
  font-size: clamp(1.25rem, 0.947rem + 1.29vw, 2.5rem);
  font-weight: 700;
  line-height: 1.5; /* 60px */
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1080px) {
  .Headline02-Message {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
.Headline02-News {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 3.2px;
  position: relative;
}
@media screen and (max-width: 1080px) {
  .Headline02-News {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    font-size: 24px;
  }
}
.Headline02-Contact {
  position: relative;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 3.2px;
  padding-bottom: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1080px) {
  .Headline02-Contact {
    font-size: 24px;
    padding-bottom: 0px;
  }
}
.Headline02-Contact::before {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  content: "";
  background-color: #fff;
  width: 43px;
  height: 1px;
}

.Subtitle02 {
  color: #eee;
  font-family: Noto Serif JP;
  font-size: clamp(2.097rem, -0.124rem + 9.48vw, 11.25rem);
  font-weight: 200;
  line-height: 1; /* 180px */
  letter-spacing: 0.06em;
}
.Subtitle02-About {
  font-size: clamp(2.096rem, -0.125rem + 9.48vw, 11.25rem);
  letter-spacing: clamp(0.126rem, -0.007rem + 0.57vw, 0.675rem);
}
.Subtitle02-Achieve {
  font-size: clamp(3.125rem, -0.279rem + 14.53vw, 11.25rem);
  letter-spacing: clamp(0rem, -0.164rem + 0.7vw, 0.675rem);
}
@media screen and (max-width: 768px) {
  .Subtitle02-Achieve {
    font-size: 14vw;
  }
}
.Subtitle02-Service {
  letter-spacing: -2px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .Subtitle02-Service {
    text-align: center;
    font-size: 15vw;
    font-weight: 200;
    line-height: 1; /* 50px */
    letter-spacing: clamp(0rem, -0.164rem + 0.7vw, 0.675rem);
  }
}
.Subtitle02-Feature {
  font-size: clamp(3.125rem, -0.798rem + 16.74vw, 15.625rem);
  letter-spacing: clamp(0.313rem, 0.116rem + 0.84vw, 0.938rem);
}
@media screen and (max-width: 768px) {
  .Subtitle02-Feature {
    font-weight: 200;
    line-height: 1; /* 50px */
  }
}
.Subtitle02-Message {
  color: #caedcd;
  text-align: center;
  font-weight: 200;
  line-height: 1; /* 151.093px */
  letter-spacing: 9.066px;
  mix-blend-mode: multiply;
  font-size: clamp(3.125rem, 0.507rem + 11.17vw, 9.443rem);
}
@media screen and (max-width: 768px) {
  .Subtitle02-Message {
    letter-spacing: 5.5px;
  }
}
.Subtitle02-News {
  position: absolute;
  bottom: 58px;
  left: 0;
  z-index: -1;
  letter-spacing: 0.0733333333em;
  font-size: clamp(3.125rem, 1.665rem + 6.23vw, 9.375rem);
}
@media screen and (max-width: 1080px) {
  .Subtitle02-News {
    bottom: 35%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.ButtonMore-Rectangle {
  position: relative;
  z-index: 5;
  overflow: hidden;
  /*アニメーションの指定*/
  transition: ease 0.2s;
  display: block;
  width: 175px;
  height: 44px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-family: Noto Sans JP;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 1.6px;
  border: 1px solid #0c401f;
  cursor: pointer;
}
.ButtonMore-Rectangle::before {
  content: "";
  /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  /*色や形状*/
  background: #0c401f; /*背景色*/
  width: 100%;
  height: 100%;
  /*アニメーション*/
  transition: transform 0.6s 0s;
  transform: scale(0, 1);
  transform-origin: left top;
}
.ButtonMore-Rectangle:hover span {
  position: relative;
  z-index: 6; /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color: #fff;
}
.ButtonMore-Rectangle:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.ButtonMore-Rectangle:hover::after {
  color: #fff;
}
.ButtonMore-Rectangle::after {
  content: "\f054";
  font: var(--fa-font-solid);
  position: absolute;
  top: 50%;
  transform: translateY(-43%);
  right: 10px;
  z-index: 5;
  transition: transform 0.6s 0s;
}
@media screen and (max-width: 768px) {
  .ButtonMore-Rectangle {
    width: 145px;
  }
}
.ButtonMore-Rectangle-About {
  letter-spacing: -0.4px;
}

.ButtonMore-Rectangle3 {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  height: 44px;
  text-align: center;
  font-family: Noto Sans JP;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 0.8px;
}
.ButtonMore-Rectangle3::after {
  content: "\f061";
  width: 100%;
  height: 1px;
  background: #1a8b44;
  font: var(--fa-font-solid);
  position: absolute;
  top: 50%;
  transform: translateY(-43%);
  right: 10px;
}

.ButtonMore-Underline {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  padding-right: 22px;
  font-family: Noto Sans JP;
  font-weight: 700;
  line-height: 0.8; /* 16px */
  letter-spacing: 0.8px;
  transition: color 0.6s 0s;
}
.ButtonMore-Underline::before {
  content: "\f061";
  font: var(--fa-font-solid);
  color: #1a8b44;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (max-width: 768px) {
  .ButtonMore-Underline::before {
    left: 5px;
  }
}
.ButtonMore-Underline::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #1a8b44;
  position: absolute;
  bottom: -14px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .ButtonMore-Underline::after {
    bottom: -12px;
  }
}
.ButtonMore-Underline:hover {
  color: #1a8b44;
}
@media screen and (max-width: 768px) {
  .ButtonMore-Underline {
    padding-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1; /* 14px */
    letter-spacing: 1.4px;
  }
}

.cardAchieve {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1080px) {
  .cardAchieve {
    width: 100%;
    flex-direction: row;
  }
}
.cardAchieve__cardAreaImage {
  aspect-ratio: 382/284;
}
@media screen and (max-width: 1080px) {
  .cardAchieve__cardAreaImage {
    aspect-ratio: 129/94;
    -o-object-fit: cover;
    object-fit: cover;
    flex: 0 0 39.1437308869%;
  }
}
.cardAchieve__CardAchieveChapter {
  flex-grow: 1;
}
@media screen and (max-width: 1080px) {
  .cardAchieve__CardAchieveChapter {
    flex: 0 0 60.8562691131%;
  }
}
.cardAchieve__AchieveTitle {
  margin-top: 6px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .cardAchieve__AchieveTitle {
    margin-top: 3px;
  }
}
.cardAchieve__CardAchieveNote {
  margin-top: 13px;
}
@media screen and (max-width: 1080px) {
  .cardAchieve__CardAchieveNote {
    margin-top: 5px;
  }
}

.cardImage {
  height: auto;
}

.AchieveTitle {
  font-family: Noto Sans JP;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 1080px) {
  .AchieveTitle {
    font-size: clamp(1rem, 0.734rem + 1.13vw, 1.5rem);
    line-height: 1.5; /* 24px */
    font-size: clamp(1rem, 0.734rem + 1.13vw, 1.5rem);
    letter-spacing: 1.6px;
  }
}
.AchieveTitle::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.68em;
  content: "";
  width: 1px;
  height: 1.43em;
  background: #1a8b44;
}
@media screen and (max-width: 768px) {
  .AchieveTitle::before {
    left: -0.3em;
  }
}

.CardAchieveChapter {
  padding: 20px 40px 20px 48px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 1080px) {
  .CardAchieveChapter {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 0px;
    box-shadow: none;
  }
}

.CardAchieveNote {
  font-weight: 400;
  line-height: 2; /* 32px */
  letter-spacing: 1.6px;
}
@media screen and (max-width: 1080px) {
  .CardAchieveNote {
    margin-top: 5px;
    line-height: 1.5; /* 21px */
    letter-spacing: 1.4px;
  }
}
@media screen and (max-width: 768px) {
  .CardAchieveNote {
    margin-top: 7.2px;
    font-size: 14px;
    line-height: 1.4;
  }
}

.card-Service {
  max-width: 394px;
  border-top: 5px solid #1a8b44;
}
@media screen and (max-width: 768px) {
  .card-Service {
    max-width: 334px;
  }
}
.card-Service__AreaImage {
  width: 100%;
  aspect-ratio: 394/361;
}
.card-Service__CardBodyService {
  height: 264px;
  background: #fff;
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .card-Service__CardBodyService {
    height: 210px;
    padding-top: 14px;
    padding-bottom: 0px;
  }
}

.CardBodyService {
  display: flex;
  flex-direction: column;
}
.CardBodyService__Title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 35px;
  font-family: Noto Serif JP;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .CardBodyService__Title {
    font-size: 24px;
    line-height: 1; /* 24px */
  }
}
.CardBodyService__Subtitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 13px;
  margin-inline: auto;
  color: #1a8b44;
  font-size: 14px;
  font-family: Noto Sans JP;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .CardBodyService__Subtitle {
    font-size: 18px;
  }
}
.CardBodyService__Note {
  margin-top: 23px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 1.6px;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .CardBodyService__Note {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 6px;
    padding-right: 2px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1.4px;
  }
}
.CardBodyService__AreaMore {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .CardBodyService__AreaMore {
    margin-top: 11px;
    margin-inline: auto;
  }
}

.AreaBody {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.AreaBody__More {
  margin-bottom: auto;
}

.CardFeature {
  display: grid;
  position: relative;
}
.CardFeature:nth-child(2n + 1) {
  grid-template-columns: 7.3333% 43.4666% 1.3333% 40.5333% 7.3333%;
  grid-template-areas: " GridGreenFeature  GridImageFeature  ... GridNoteFeature ...";
}
.CardFeature:nth-child(2n + 1)::before {
  left: 0;
}
.CardFeature:nth-child(2n) {
  grid-template-columns: 7.3333% 40.5333% 1.3333% 43.4666% 7.3333%;
  grid-template-areas: " ... GridNoteFeature ... GridImageFeature GridGreenFeature ";
}
.CardFeature:nth-child(2n)::before {
  right: 0;
}
@media screen and (max-width: 1080px) {
  .CardFeature {
    max-width: 800px;
    margin-inline: auto;
  }
  .CardFeature:nth-child(2n + 1) {
    grid-template-columns: 11.9402% 86.5671% 1.4925%;
    grid-template-areas: " GridGreenFeature  GridImageFeature ..." "GridNoteFeature GridNoteFeature GridNoteFeature";
  }
  .CardFeature:nth-child(2n) {
    grid-template-columns: 1.4925% 86.5671% 11.9402%;
    grid-template-areas: " ... GridImageFeature GridGreenFeature" "GridNoteFeature GridNoteFeature  GridNoteFeature";
  }
  .CardFeature:nth-child(2n)::before {
    right: 0;
  }
}
.CardFeature__GridGreen {
  grid-area: GridGreenFeature;
}
.CardFeature__GridImage {
  grid-area: GridImageFeature;
}

.GridGreenFeature {
  position: relative;
}
.GridGreenFeature::before {
  position: absolute;
  top: -19%;
  left: 0px;
  z-index: -1;
  content: "";
  width: 200%;
  aspect-ratio: 220/260;
  background-image: linear-gradient(109deg, #189050 1.35%, #1f6d04 76.53%);
}
@media screen and (max-width: 768px) {
  .GridGreenFeature::before {
    top: -15%;
    width: 210%;
  }
}
.GridGreenFeature-Reverse::before {
  top: -19%;
  left: auto;
  right: 0px;
}

.GridNoteFeature {
  grid-area: GridNoteFeature;
  padding-top: clamp(5.625rem, -4.707rem + 15.31vw, 10.313rem);
  padding-bottom: 21px;
  padding-left: clamp(0rem, 0.82rem + 4.77vw, 5.5rem);
  padding-right: clamp(0.625rem, -7.227rem + 11.63vw, 4.188rem);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1080px) {
  .GridNoteFeature {
    max-width: 550px;
    height: 235px;
    margin-inline: auto;
    padding-left: 35px;
    padding-right: 10px;
    padding-top: 65px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .GridNoteFeature {
    padding-top: 56px;
    padding-left: 19px;
    padding-right: 4px;
  }
}
.GridNoteFeature__ZoneNote {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .GridNoteFeature__ZoneNote {
    margin-top: 8px;
    margin-left: 12px;
  }
}
.GridNoteFeature__More {
  margin-top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .GridNoteFeature__More {
    margin-top: 5px;
  }
}

.GridImageFeature-Reverse {
  justify-self: end;
}

.LapImageFeature {
  position: relative;
}
.LapImageFeature__ImageBg {
  position: absolute;
  top: 12px;
  right: -12px;
  z-index: -1;
  filter: blur(16px) grayscale(100%) opacity(50%);
}
.LapImageFeature__ImageBg-Reverse {
  position: absolute;
  z-index: -1;
  top: 12px;
  left: -12px;
  filter: blur(16px) grayscale(100%) opacity(50%);
}

.ZoneOverlapFeature-reverse {
  position: relative;
}
.ZoneOverlapFeature-reverse__AreaImage {
  margin-right: auto;
}
.ZoneOverlapFeature-reverse__AreaImageBg {
  position: absolute;
  z-index: -1;
  top: 10px;
  left: -12px;
}

.AreaImageFeature,
.AreaImageBgFeature {
  max-width: 640px;
  max-height: 430px;
  aspect-ratio: 640/430;
  -o-object-fit: cover;
  object-fit: cover;
}

.AreaImageBgFeature {
  filter: blur(10px) grayscale(100%) opacity(30%);
}

.AreaHeader03Feature {
  position: relative;
}
@media screen and (max-width: 768px) {
  .AreaHeader03Feature__Headline03 {
    margin-top: 0;
  }
}

.Headline03Feature {
  position: relative;
  padding-left: 0.57em;
  color: #1a8b44;
  font-family: Noto Serif JP;
  font-size: clamp(1.125rem, -1.217rem + 3.47vw, 2.188rem);
  font-weight: 700;
  letter-spacing: 3.5px;
}
.Headline03Feature::before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 2px;
  height: 1.1428571429em;
  background: #0c401f;
}
@media screen and (max-width: 768px) {
  .Headline03Feature::before {
    top: 0;
    width: 1px;
    height: 1.4em;
  }
}
.Headline03Feature__Subtitle03 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(-23%, -70%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.Subtitle03Feature {
  font-size: clamp(1.125rem, -1.217rem + 3.47vw, 2.188rem);
}

.Subtitle03-Feature {
  color: #eee;
  text-align: center;
  font-family: Noto Serif JP;
  font-size: clamp(3.75rem, -6.857rem + 15.71vw, 8.563rem);
  font-weight: 300;
  line-height: 1; /* 137px */
}

.ZoneNoteFeature {
  font-size: clamp(0.875rem, 0.599rem + 0.41vw, 1rem);
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .ZoneNoteFeature {
    width: 93%;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: 1.4px;
  }
}

.areaToTopButton {
  position: fixed;
  right: 40px;
  bottom: 40px;
}

.toTopButton {
  position: relative;
}
.toTopButton::before {
  content: "";
  width: 50px;
  height: 50px;
  background: #e3e3e3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  transform: translate(-50%, -50%);
}
.toTopButton::after {
  content: "\f077";
  font: var(--fa-font-solid);
  color: #3e3e3e;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}

.WrapIconSNS {
  width: 40px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .WrapIconSNS {
    width: 32px;
  }
}

.IconSNS {
  width: 100%;
  height: 100%;
  background: currentColor;
}
.IconSNS.-Facebook {
  -webkit-mask: url("../img/sns/facebook.svg") no-repeat center center/contain;
  mask: url("../img/sns/facebook.svg") no-repeat center center/contain;
}
.IconSNS.-Twitter {
  -webkit-mask: url("../img/sns/twitter.svg") no-repeat center center/contain;
  mask: url("../img/sns/twitter.svg") no-repeat center center/contain;
}
.IconSNS.-Instagram {
  -webkit-mask: url("../img/sns/instagram.svg") no-repeat center center/contain;
  mask: url("../img/sns/instagram.svg") no-repeat center center/contain;
}

.Header {
  position: fixed;
  width: 100%;
  height: 80px;
  z-index: 500;
}
@media screen and (max-width: 1080px) {
  .Header {
    height: 50px;
  }
}

.LayoutHeader {
  max-width: 1920px;
  margin-inline: auto;
  height: inherit;
  position: relative;
  display: flex;
  align-items: center;
}
.LayoutHeader::before {
  content: "";
  width: 100%;
  height: inherit;
  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 223px,
    #fff 223px,
    #fff 100%
  );
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.LayoutHeader.-ChangeHalf::before {
  transition: 1s;
  opacity: 1;
}
.LayoutHeader__HeaderAreaLogo {
  margin-right: auto;
}
.LayoutHeader__MenuLayer {
  position: absolute;
  top: 0px;
  left: 0px;
}

.HeaderAreaLogo {
  width: 223px;
  height: 100%;
  display: flex;
  align-items: center;
  background: transparent;
}
.HeaderAreaLogo.-ChangeAll {
  background: #1a8b44;
  transition: 1s background-color;
}

.HeaderLogo {
  width: 163px;
  margin-left: 30px;
}
@media screen and (max-width: 1080px) {
  .HeaderLogo {
    width: 103px;
    margin-left: 20px;
  }
}

.MenuLayer {
  display: none;
}
@media screen and (max-width: 1080px) {
  .MenuLayer {
    width: 100vw;
    height: 100vh;
  }
  .MenuLayer.js-LayerShow {
    display: block;
    background-color: #000;
    opacity: 0.7;
    z-index: 101;
  }
}

.AreaIconBurger {
  display: none;
}
@media screen and (max-width: 1080px) {
  .AreaIconBurger {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    z-index: 106;
  }
}

.IconBurger {
  width: 50px;
  height: 50px;
  background: #2d2d2d;
  position: relative;
  z-index: 103;
}

.LineBurger {
  display: block;
  width: 21.5px;
  height: 1.5px;
  background: #fff;
  position: relative;
  left: 14px;
  transition:
    rotate 0.5s ease,
    background-color 0.5s ease;
}
@media screen and (max-width: 1080px) {
  .LineBurger::before {
    content: "";
    width: 18.5px;
    height: 1.5px;
    background: #fff;
    position: absolute;
    bottom: -0.5rem;
    left: 0px;
    transition: all 0.5s;
  }
  .LineBurger::after {
    content: "";
    width: 26px;
    height: 1.5px;
    background: #fff;
    position: absolute;
    top: -0.5rem;
    left: 0px;
    transition: all 0.5s;
  }
}
.LineBurger.-isOpen {
  background: transparent;
}
.LineBurger.-isOpen::before {
  top: 50%;
  width: 26px;
  transform: rotate(-45deg);
}
.LineBurger.-isOpen::after {
  top: 50%;
  width: 26px;
  transform: rotate(45deg);
  right: 0;
}

.HeaderAreaNav {
  display: flex;
  height: inherit;
}
@media screen and (max-width: 1080px) {
  .HeaderAreaNav {
    background: linear-gradient(109deg, #189050 1.35%, #1f6d04 76.53%);
    color: #fff;
    width: 375px;
    height: 100vh;
    position: absolute;
    top: 0;
    right: -375px;
    z-index: 105;
    padding: 12px 48px;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .HeaderAreaNav {
    width: 100vw;
    right: -100vw;
  }
}

.HeaderLogoSm {
  width: 103px;
  margin-left: -18px;
}

.HeaderNavList {
  height: inherit;
  display: flex;
}
@media screen and (max-width: 1080px) {
  .HeaderNavList {
    flex-direction: column;
    margin-top: 40px;
    height: auto;
  }
}

.HeaderNavItem {
  display: flex;
  font-size: clamp(0.75rem, 0.3rem + 0.67vw, 1.125rem);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
.HeaderNavItem:not(:first-child) {
  margin-left: clamp(1.25rem, -1rem + 3.33vw, 3.125rem);
}
@media screen and (max-width: 1080px) {
  .HeaderNavItem {
    margin-bottom: 13px;
    padding-left: 9px;
    padding-bottom: 7px;
    width: 100%;
    font-family: Noto Sans JP;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5; /* 24px */
    border-bottom: #fff 0.5px solid;
  }
  .HeaderNavItem:not(:first-child) {
    margin-left: 0;
  }
  .HeaderNavItem:last-child {
    margin-bottom: 0;
  }
}

.LinkNavItem {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.LinkNavItem::after {
  position: absolute;
  bottom: 25px;
  left: 10%;
  content: "";
  width: 80%;
  height: 0.5px;
  background-color: #1c6104;
  transition: all 0.3s;
  transform: scale(0, 1); /*X方向0、Y方向1*/
  transform-origin: center top; /*上部中央基点*/
}
@media (hover: hover) and (pointer: fine) {
  .LinkNavItem:hover::after {
    transform: scale(1, 1); /*X方向にスケール拡大*/
  }
}
.LinkNavItem-Footer::after {
  bottom: -10px;
  background-color: #fff;
}

.HeaderContact {
  display: flex;
  margin-left: clamp(1.438rem, -0.587rem + 3vw, 3.125rem);
}
@media screen and (max-width: 1080px) {
  .HeaderContact {
    margin-top: 30px;
    margin-left: 0;
    flex-direction: column-reverse;
    gap: 20px;
  }
}

.HeaderContact__Item {
  display: flex;
  width: clamp(90px, 8vw, 150px);
  font-size: clamp(0.75rem, 0.3rem + 0.67vw, 1.125rem);
}
@media screen and (max-width: 1080px) {
  .HeaderContact__Item {
    border: 1px solid #fff;
    height: 77px;
    width: 100%;
    font-size: 16px;
  }
}

.LinkHeaderContact {
  display: block;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.52vw;
  transition: opacity 0.3s ease;
  color: white;
}
.LinkHeaderContact:hover {
  opacity: 0.5;
}
@media screen and (max-width: 1080px) {
  .LinkHeaderContact:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .LinkHeaderContact {
    border: 1px solid #fff;
  }
}
.LinkHeaderContact.LinkHeader-Inquiry {
  background-color: #eea414;
}
@media screen and (max-width: 1080px) {
  .LinkHeaderContact.LinkHeader-Inquiry {
    color: #1a8b44;
    background: #fff;
  }
}
.LinkHeaderContact.LinkHeader-Consult {
  background-color: #1c6104;
}
@media screen and (max-width: 1080px) {
  .LinkHeaderContact.LinkHeader-Consult {
    color: #fff;
    background: transparent;
  }
}

.HeaderContactChapter {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.IconHeaderContact {
  width: 25px;
  height: 25px;
}
.IconHeaderContact-Inquiry {
  background: #fff;
  -webkit-mask: url(../img/icon-operator.svg) no-repeat center center/contain;
  mask: url(../img/icon-operator.svg) no-repeat center center/contain;
}
@media screen and (max-width: 1080px) {
  .IconHeaderContact-Inquiry {
    background: #0c401f;
  }
}
.IconHeaderContact-Consult {
  background: #fff;
  -webkit-mask: url(../img/icon-consultant.svg) no-repeat center center/contain;
  mask: url(../img/icon-consultant.svg) no-repeat center center/contain;
}

.AreaHeaderSNS {
  display: flex;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .AreaHeaderSNS {
    margin-top: 30px;
  }
}

.SnsItemHeader {
  margin-top: 42px;
  display: flex;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .SnsItemHeader {
    margin-top: 0;
  }
}

.SectionFirstView {
  background-size: 78.125%;
  background-image: url("../img/main_view_bg.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  padding-top: 80px;
  position: relative;
}
@media screen and (max-width: 1080px) {
  .SectionFirstView {
    padding-top: 50px;
    background-size: 78.125%;
    background-position: right top;
  }
}
.SectionFirstView::before {
  content: "";
  width: 40.1041%;
  height: 80.7061%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: linear-gradient(109deg, #189050 1.35%, #1f6d04 76.53%);
}
@media screen and (max-width: 1080px) {
  .SectionFirstView::before {
    width: 42.1041%;
    height: 61.5%;
  }
}
.SectionFirstView::after {
  content: "";
  width: 40.1041%;
  aspect-ratio: 770/1460;
  position: absolute;
  bottom: 395px;
  left: 0;
  z-index: 0;
  background-image: url("../img/mask-pattern.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left bottom;
  filter: opacity(10%);
}

.AreaMainView {
  position: relative;
}

.AreaImage {
  width: 78.125%;
  height: 820px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .AreaImage {
    width: 85%;
    height: 500px;
    margin-left: 15%;
  }
}

.AreaNoteMainView {
  position: absolute;
  bottom: 8.8%;
  left: 9.8958%;
  color: white;
}
@media screen and (max-width: 768px) {
  .AreaNoteMainView {
    left: 6%;
    bottom: 7%;
    margin-top: 20px;
  }
}
.AreaNoteMainView__SubtitleMainView {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .AreaNoteMainView__SubtitleMainView {
    margin-top: 20px;
  }
}

.HeadlineMainView {
  text-shadow: 0px 4px 15px #0c401f;
  font-family: "Noto Serif JP", serif;
  font-size: 4.1666vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 8px;
}
@media screen and (max-width: 1080px) {
  .HeadlineMainView {
    font-size: 35px;
    line-height: 1.5; /* 52.5px */
    letter-spacing: 3.5px;
  }
}

.SubtitleMainView {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.8px;
}
@media screen and (max-width: 768px) {
  .SubtitleMainView {
    font-size: 14px;
    line-height: 1.2;
  }
}

.NoteMainView:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 1080px) {
  .NoteMainView {
    font-weight: 500;
    letter-spacing: 1.4px;
    width: 72%;
  }
}

.Section-About {
  padding-top: 130px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 1080px) {
  .Section-About {
    padding-top: 50px;
  }
}

.AboutZoneNote {
  display: grid;
  grid-template-columns: 50% 5% 45%;
  grid-template-rows: clamp(6.75rem, -3.054rem + 14.52vw, 14.375rem) 1fr;
  grid-template-areas: " AboutZoneImage  ... HeaderAbout" "AboutZoneImage ... BodyAbout";
  position: relative;
  padding-right: 5px;
}
@media screen and (max-width: 1080px) {
  .AboutZoneNote {
    grid-template-columns: 50% 4% 46%;
    grid-template-rows: 1fr;
    grid-template-areas: " AboutZoneImage  ... HeaderAbout" "BodyAbout BodyAbout BodyAbout";
  }
}
.AboutZoneNote__BodyAbout {
  margin-top: 9%;
}
@media screen and (max-width: 768px) {
  .AboutZoneNote__BodyAbout {
    margin-top: 32px;
  }
}

.AboutZoneImage {
  grid-area: AboutZoneImage;
  width: 100%;
  aspect-ratio: 640/825;
}

.HeaderAbout {
  grid-area: HeaderAbout;
  position: relative;
  padding-left: clamp(0.5rem, -1.929rem + 2.86vw, 1.5rem);
}
@media screen and (max-width: 1080px) {
  .HeaderAbout {
    padding-left: 0;
  }
}
.HeaderAbout__Headline02 {
  margin-top: clamp(5.625rem, -3.214rem + 13.1vw, 12.5rem);
  margin-right: calc(50% - 50vw);
  z-index: 1;
}
@media screen and (max-width: 1080px) {
  .HeaderAbout__Headline02 {
    margin-top: 94%;
  }
}

.Headline02About {
  position: relative;
}
.Headline02About__Subtitle02About {
  margin-top: calc(clamp(7.125rem, -1.152rem + 12.26vw, 13.563rem) * -1);
}
@media screen and (max-width: 1080px) {
  .Headline02About__Subtitle02About {
    position: absolute;
    bottom: 111%;
    left: 0;
    z-index: -1;
  }
}

.BodyAbout {
  grid-area: BodyAbout;
  padding-left: clamp(0rem, -1.205rem + 1.79vw, 0.938rem);
}
@media screen and (max-width: 1080px) {
  .BodyAbout {
    max-width: 100%;
  }
}
.BodyAbout__AboutBodyNote {
  margin-top: 30px;
}
.BodyAbout__AboutHeadline03 {
  margin-left: 2px;
}
.BodyAbout__AboutBodyNote {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .BodyAbout__AboutBodyNote {
    margin-top: 20px;
  }
}
.BodyAbout__ButtonMoreAbout {
  margin-top: clamp(1.5rem, -0.509rem + 2.98vw, 3.063rem);
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .BodyAbout__ButtonMoreAbout {
    margin-top: 28px;
    margin-inline: auto;
  }
}

.AboutHeadline03 {
  font-family: Noto Serif JP;
  font-size: 30px;
  font-weight: 700;
  line-height: 200%;
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .AboutHeadline03 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 1.8px;
  }
}

.AboutBodyNote {
  font-weight: 400;
  line-height: 2; /* 32px */
  letter-spacing: 1.6px;
}
@media screen and (max-width: 768px) {
  .AboutBodyNote {
    padding-left: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5; /* 21px */
    letter-spacing: 1.4px;
  }
}

.AboutButtonMore__ButtonAbout {
  margin-inline: auto;
}

.Section-Achieve {
  padding-top: 282px;
  padding-bottom: 140px;
}
@media screen and (max-width: 1080px) {
  .Section-Achieve {
    padding-top: clamp(4.05rem, -3.63rem + 31.49vw, 17.625rem);
  }
}
@media screen and (max-width: 768px) {
  .Section-Achieve {
    padding-bottom: 48px;
  }
}

.AreaAchieve {
  position: relative;
}
.AreaAchieve::before {
  position: absolute;
  top: 0px;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  z-index: -1;
  content: "";
  width: 100vw;
  height: calc(100% + 140px);
  background: #fafafa;
}
@media screen and (max-width: 768px) {
  .AreaAchieve::before {
    height: 100%;
  }
}
.AreaAchieve__AreaBody {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .AreaAchieve__AreaBody {
    margin-top: 24px;
  }
}

.AreaHeaderAchieve {
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 1080px) {
  .AreaHeaderAchieve {
    margin-top: 40px;
  }
}
.AreaHeaderAchieve__Headline02Achieve {
  margin-top: -25px;
}
.AreaHeaderAchieve__Subtitle02Achieve {
  position: absolute;
  bottom: -94%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .AreaHeaderAchieve__Subtitle02Achieve {
    bottom: 15%;
  }
}
.AreaHeaderAchieve__card-Achieve {
  width: 30.2454%;
}

.Headline02Achieve {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.Headline02Achieve__Subtitle02Achieve {
  position: absolute;
  top: -0.6em;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.AreaBodyAchieve {
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  justify-content: center;
  gap: 4.6809%;
}
@media screen and (max-width: 1080px) {
  .AreaBodyAchieve {
    flex-direction: column;
    gap: 60px;
  }
}
@media screen and (max-width: 768px) {
  .AreaBodyAchieve {
    gap: 14px;
  }
}
.AreaBodyAchieve__cardAchieve {
  flex: 0 1 382px;
}
@media screen and (max-width: 1080px) {
  .AreaBodyAchieve__cardAchieve {
    flex: auto;
  }
}
.AreaBodyAchieve__MoreAchieve {
  margin-top: 66px;
}
@media screen and (max-width: 768px) {
  .AreaBodyAchieve__MoreAchieve {
    margin-top: 17px;
  }
}

.ButtonGeneral-Achieve {
  margin-top: 67px;
  margin-inline: auto;
}

.AchieveButtonMore {
  margin-top: 66px;
}

.Section-Service {
  padding-top: 140px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .Section-Service {
    padding-top: 0px;
  }
}
.Section-Service::after {
  content: "";
  width: 35%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url("../img/mask-pattern.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left bottom;
  filter: opacity(10%);
}

.AreaService {
  position: relative;
}
.AreaService::before {
  content: "";
  width: calc(100vw - 25px);
  height: 532px;
  background: #2b2b2b;
  position: absolute;
  top: 0;
  right: 85px;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .AreaService::before {
    width: 100%;
    height: 192px;
    right: 0;
  }
}
.AreaService__Subtitle02Service {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 66px;
}
@media screen and (max-width: 768px) {
  .AreaService__Subtitle02Service {
    margin-inline: auto;
  }
}
.AreaService__AreaBodyService {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .AreaService__AreaBodyService {
    margin-top: 0;
  }
}

.AreaBodyService {
  display: flex;
}
.AreaBodyService__AreaHeadline02 {
  flex: 0 0 18.6979%;
}
.AreaBodyService__AreaBody-wrapperSwiper {
  flex: 0 0 1380px;
}
@media screen and (max-width: 768px) {
  .AreaBodyService {
    flex-direction: column;
  }
}

.AreaHeadline02-Service {
  text-align: left;
}
@media screen and (max-width: 1080px) {
  .AreaHeadline02-Service {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .AreaHeadline02-Service {
    margin-top: -15px;
  }
}

.WrapperSwiper01 {
  overflow-x: hidden;
  margin-right: calc(50% - 1000px);
}

.AreaService__AreaBody-Service {
  display: flex;
  gap: 5.9%;
}
.AreaService__AreaBody-Service__AreaHeadline02 {
  flex: 0 0 400px;
}
.AreaService__AreaBody-Service.WrapperSwiper01 {
  flex: 0 0 1380px;
}

.AreaBodyService__wripperSwiper {
  margin-top: 8px;
}

.WrapperSwiperButtun {
  margin-top: 20px;
  padding-left: 13px;
  width: 140px;
  display: flex;
  gap: 13px;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .WrapperSwiperButtun {
    margin-top: 0px;
    width: 100vw;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: space-between;
    position: absolute;
    top: 43%;
    left: 0px;
  }
}

.swiper-Service-button-prev,
.swiper-Service-button-next {
  width: 50px;
  height: 50px;
  color: #fff;
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .swiper-Service-button-prev,
  .swiper-Service-button-next {
    width: 33px;
    height: 33px;
    color: #333333;
    border: 2px solid #333;
  }
}

.swiper-Service-button-prev {
  -webkit-mask: url("../img/arrow-left.svg") no-repeat center center/contain;
  mask: url("../img/arrow-left.svg") no-repeat center center/contain;
}

.swiper-Service-button-next {
  -webkit-mask: url("../img/arrow-right.svg") no-repeat center center/contain;
  mask: url("../img/arrow-right.svg") no-repeat center center/contain;
}

.SectionFeature {
  padding-top: calc(clamp(9.375rem, -3.125rem + 15.63vw, 15.625rem) + 120px);
  padding-bottom: 150px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .SectionFeature {
    padding-top: clamp(2.938rem, -4.071rem + 35.04vw, 12.75rem);
    padding-bottom: 0;
  }
}
.SectionFeature::before {
  position: absolute;
  top: 120px;
  right: 0px;
  z-index: -1;
  content: "";
  width: 66.7708%;
  height: calc(100% - 120px);
  background-image: url(../img/feature-section-bg.jpg);
}
@media screen and (max-width: 768px) {
  .SectionFeature::before {
    top: clamp(0rem, -4.464rem + 22.32vw, 6.25rem);
    height: calc(101% - clamp(0rem, -4.464rem + 22.32vw, 6.25rem));
  }
}

.AreaHeadline02Feature {
  position: relative;
}
.AreaHeadline02Feature__Headline02 {
  margin-inline: auto;
  margin-top: -41px;
}
@media screen and (max-width: 768px) {
  .AreaHeadline02Feature__Headline02 {
    margin-top: 4px;
  }
}
.AreaHeadline02Feature__Subtitle02 {
  position: absolute;
  bottom: -36%;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .AreaHeadline02Feature__Subtitle02 {
    bottom: 118%;
    right: 13px;
  }
}

.Headline02Feature__Subtitle02 {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.BodyFeature {
  padding-top: 162px;
}
@media screen and (max-width: 768px) {
  .BodyFeature {
    padding-top: 68px;
  }
}
.BodyFeature__Item-Feature:not(:first-child) {
  margin-top: 180px;
}
@media screen and (max-width: 1080px) {
  .BodyFeature__Item-Feature:not(:first-child) {
    margin-top: 160px;
  }
}
@media screen and (max-width: 768px) {
  .BodyFeature__Item-Feature:not(:first-child) {
    margin-top: 67px;
  }
}

.Section-Message {
  padding-top: 140px;
  overflow-x: hidden;
}
@media screen and (max-width: 1080px) {
  .Section-Message {
    padding-top: 43px;
  }
}
@media screen and (max-width: 768px) {
  .Section-Message {
    padding-top: 63px;
  }
}

.AreaMessage {
  padding-top: clamp(3.125rem, 0.846rem + 9.72vw, 8.625rem);
  position: relative;
}
.AreaMessage::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  content: "";
  width: 100vw;
  height: 90%;
  background: linear-gradient(109deg, #189050 1.35%, #1f6d04 76.53%);
}
.AreaMessage::after {
  margin-right: calc(50% - 50vw);
  position: absolute;
  bottom: 13.9%;
  right: 0;
  z-index: -1;
  content: "";
  width: 573px;
  aspect-ratio: 573/570;
  background-image: url(../img/mask-pattern.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left bottom;
  filter: opacity(10%);
  transform: scale(-1, 1);
}
.AreaMessage__AreaNote {
  flex: 0 0 50%;
}
.AreaMessage__AreaImage {
  flex: 0 0 50%;
}
@media screen and (max-width: 1080px) {
  .AreaMessage::before {
    width: 92%;
    left: 0;
    height: 78%;
  }
}

.AreaHeadline02Message {
  position: relative;
}
.AreaHeadline02Message__Headline02Message {
  margin-top: -15px;
  margin-left: clamp(5rem, -0.51rem + 8.16vw, 7.5rem);
  margin-left: clamp(2.063rem, 0.356rem + 7.28vw, 7.5rem);
}
@media screen and (max-width: 768px) {
  .AreaHeadline02Message__Headline02Message {
    margin-top: 5px;
  }
}
.AreaHeadline02Message__Subtitle02Message {
  position: absolute;
  bottom: 45%;
  right: -1%;
}
@media screen and (max-width: 1080px) {
  .AreaHeadline02Message__Subtitle02Message {
    right: 8%;
  }
}
@media screen and (max-width: 768px) {
  .AreaHeadline02Message__Subtitle02Message {
    bottom: 124%;
  }
}

.BodyMessage {
  margin-top: 36px;
  display: flex;
}
@media screen and (max-width: 1080px) {
  .BodyMessage {
    flex-direction: column;
    gap: 26px;
  }
}
@media screen and (max-width: 768px) {
  .BodyMessage {
    margin-top: 16px;
    gap: 31px;
  }
}
.BodyMessage__AreaNote {
  flex: 0 0 50%;
  color: #fff;
  padding-left: clamp(2.5rem, -27.2rem + 44vw, 8rem);
  padding-right: clamp(2.5rem, -27.2rem + 44vw, 8rem);
}
@media screen and (max-width: 1080px) {
  .BodyMessage__AreaNote {
    font-size: 14px;
  }
}
.BodyMessage__AreaImage {
  flex: 0 0 50%;
}

.AreaNoteMessage {
  font-size: clamp(3.125rem, 1.608rem + 6.47vw, 9.375rem);
  padding-top: 2px;
  padding-left: clamp(2.063rem, 0.356rem + 7.28vw, 7.5rem);
  padding-right: clamp(5rem, 3.898rem + 1.63vw, 5.5rem);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .AreaNoteMessage {
    padding-right: 9%;
    width: 90%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5; /* 21px */
    letter-spacing: 1.4px;
  }
}

.TextMessage {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.875rem, 0.2rem + 1vw, 1rem);
  font-weight: 500;
  letter-spacing: 1.6px;
  margin-top: 1px;
}

.ImageMessage {
  max-width: 643px;
  aspect-ratio: 643/418;
}
@media screen and (max-width: 1080px) {
  .ImageMessage {
    width: 84.4776119403%;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .ImageMessage {
    aspect-ratio: 643/431;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.Section-News {
  padding-top: 110px;
  padding-bottom: 140px;
}
@media screen and (max-width: 1080px) {
  .Section-News {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .Section-News {
    padding-top: 38px;
  }
}

.LayoutNews {
  display: flex;
  gap: 2.7072758037%;
  align-items: center;
}
@media screen and (max-width: 1080px) {
  .LayoutNews {
    flex-direction: column;
  }
}
.LayoutNews__AreaNewsHeadline02 {
  flex: 0 0 39.7631133672%;
}
@media screen and (max-width: 1080px) {
  .LayoutNews__AreaNewsHeadline02 {
    flex-basis: auto;
  }
}
.LayoutNews__AreaNewsList {
  margin-left: 4px;
  flex: 0 0 57.5296108291%;
}
@media screen and (max-width: 1080px) {
  .LayoutNews__AreaNewsList {
    flex-basis: auto;
  }
}

.AreaNewsHeadline02 {
  position: relative;
}
.AreaNewsHeadline02__Headline02News {
  margin-top: 44px;
}

@media screen and (max-width: 768px) {
  .CaptionContact {
    width: 89%;
    margin-inline: auto;
  }
}

.SectionBodyContact {
  text-align: left;
}

.ListNews {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .ListNews {
    margin-left: 28px;
    margin-right: 33px;
  }
}
.ListNews__ListNewsItem:not(:first-child) {
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .ListNews__ListNewsItem:not(:first-child) {
    margin-top: 12px;
  }
}

.ListNewsItem {
  display: flex;
  padding-bottom: 15px;
  padding-right: 49px;
  border-bottom: #d9d9d9 solid 0.5px;
}
@media screen and (max-width: 768px) {
  .ListNewsItem {
    margin-top: 20px;
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 0px;
    flex-direction: column;
    font-size: 14px;
    letter-spacing: 1.4px;
  }
}
.ListNewsItem__AreaNewsTitle {
  margin-left: 60px;
}
@media screen and (max-width: 1080px) {
  .ListNewsItem__AreaNewsTitle {
    margin-left: 0;
    margin-top: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .ListNewsItem__AreaNewsTitle {
    margin-top: 6px;
  }
}

.DateNews {
  flex: 0 0 90px;
  padding-top: 6px;
  color: #84ba98;
  font-family: Noto Serif JP;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
}
@media screen and (max-width: 768px) {
  .DateNews {
    flex: none;
    padding-top: 0px;
  }
}

.LinkNewsTitle {
  position: relative;
  padding-bottom: 7px;
  font-family: Noto Sans JP;
  font-size: 16px;
  font-weight: 400;
  line-height: 2; /* 32px */
  letter-spacing: 1.6px;
  background: linear-gradient(180deg, transparent 95%, #1f6d04 100%) 0 0/0
    no-repeat;
  transition: background-size 0.3s 0s ease;
}
@media screen and (max-width: 1080px) {
  .LinkNewsTitle {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .LinkNewsTitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5; /* 21px */
    letter-spacing: 1.4px;
  }
}
@media (hover: hover) {
  .LinkNewsTitle:hover {
    background-size: 100%;
  }
}

.AreaNewsList__LinkButtonNews {
  margin-top: 32px;
  margin-left: auto;
}
@media screen and (max-width: 1080px) {
  .AreaNewsList__LinkButtonNews {
    margin-inline: auto;
  }
}

.SectionContact {
  position: relative;
  padding-top: 140px;
  padding-bottom: 140px;
  background: url("../img/contact_bg.jpg") 0 0 / cover;
  z-index: 1;
  color: #fff;
}
@media screen and (max-width: 1080px) {
  .SectionContact {
    padding-top: 60px;
    padding-bottom: 78px;
  }
}
@media screen and (max-width: 768px) {
  .SectionContact {
    padding-top: 54px;
    padding-bottom: 78px;
  }
}
.SectionContact__Headline02Contact {
  margin-inline: auto;
}
.SectionContact__SectionBody {
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .SectionContact__SectionBody {
    text-align: left;
  }
}

.SectionBodyContact__Caption {
  margin-top: 2px;
}
.SectionBodyContact__Contents {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .SectionBodyContact__Contents {
    margin-top: 26px;
  }
}

.CaptionContact {
  font-family: Noto Sans JP;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 1.6px;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .CaptionContact {
    color: #fff;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5; /* 21px */
    letter-spacing: 1.4px;
  }
}
@media screen and (max-width: 768px) {
  .CaptionContact {
    text-align: left;
  }
}

.CaptionContactBr {
  display: none;
}
@media screen and (max-width: 1280px) {
  .CaptionContactBr {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .CaptionContactBr {
    display: none;
  }
}

.AreaContentsContact {
  display: flex;
  gap: 8%;
}
@media screen and (max-width: 768px) {
  .AreaContentsContact {
    flex-direction: column;
    align-items: center;
  }
}
.AreaContentsContact__Item {
  flex: 0 0 46%;
}
@media screen and (max-width: 768px) {
  .AreaContentsContact__Item {
    gap: 20px;
  }
}

.ItemContact {
  display: flex;
}
@media screen and (max-width: 768px) {
  .ItemContact:not(:first-child) {
    margin-top: 19px;
  }
}

.CardContact {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .CardContact {
    width: 290px;
    aspect-ratio: 290/120;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .CardContact__ContactTitle {
    margin-top: 15px;
  }
  .CardContact__Note {
    text-align: center;
  }
}
@media screen and (max-width: 350px) {
  .CardContact {
    width: 75vw;
  }
}

.LinkMainContact {
  display: block;
  width: 100%;
  height: inherit;
  padding-top: 44px;
  padding-bottom: 43px;
}
.LinkMainContact.LinkMainInquiry {
  border: #fff 2px solid;
  background: #fff;
  color: #0c401f;
  transition: background-color 0.3s ease;
}
.LinkMainContact.LinkMainConsult {
  border: #fff 2px solid;
  background: transparent;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .LinkMainContact {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.ConsultHover {
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
@media screen and (max-width: 1080px) {
  .ConsultHover.HoverHeaderInquiry {
    color: #fff;
    background: transparent;
    transition:
      background-color 0.3s ease,
      border-color 0.3s ease color 0.3s ease;
  }
}
@media screen and (max-width: 1080px) {
  .ConsultHover.IconHeaderContact-Inquiry {
    background: #fff;
    transition: background-color 0.3s ease;
  }
}
@media screen and (max-width: 1080px) {
  .ConsultHover.HoverHeaderConsult {
    color: #0c401f;
    background: #fff;
    transition:
      background-color 0.3s ease,
      border-color 0.3s ease,
      color 0.3s ease;
  }
}
@media screen and (max-width: 1080px) {
  .ConsultHover.IconHeaderContact-Consult {
    background: #0c401f;
    transition: background-color 0.3s ease;
  }
}
.ConsultHover.HoverMainInquiry {
  color: #fff;
  background: transparent;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease color 0.3s ease;
}
.ConsultHover.IconMainContact-Inquiry {
  background: #fff;
  transition: background-color 0.3s ease;
}
.ConsultHover.HoverMainConsult {
  color: #0c401f;
  background: #fff;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease;
}

.IconMainContact {
  width: clamp(1.25rem, -0.2rem + 6.19vw, 4.75rem);
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .IconMainContact {
    width: 20px;
  }
}
.IconMainContact-Inquiry {
  background: #0c401f;
  -webkit-mask: url(../img/icon-operator.svg) no-repeat center center/contain;
  mask: url(../img/icon-operator.svg) no-repeat center center/contain;
  transition: background-color 0.3s ease;
}
.IconMainContact-Consult {
  background: #fff;
  -webkit-mask: url(../img/icon-consultant.svg) no-repeat center center/contain;
  mask: url(../img/icon-consultant.svg) no-repeat center center/contain;
}
.IconMainContact-Consult.ConsultHover {
  background: #0c401f;
  transition: background-color 0.3s ease;
}

.ContactTitle {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 1080px) {
  .ContactTitle {
    font-size: 14px;
  }
}

.ContactNote {
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 1080px) {
  .ContactNote {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1.2px;
  }
}

.SectionFooter {
  padding-top: 40px;
  padding-bottom: 20px;
  background: #2b2b2b;
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 1080px) {
  .SectionFooter {
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 14px;
  }
}

.LayoutFooter {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1080px) {
  .LayoutFooter {
    flex-direction: column;
    margin-inline: auto;
  }
}
.LayoutFooter__AreaCompany {
  flex: 0 0 350px;
}
@media screen and (max-width: 1080px) {
  .LayoutFooter__AreaCompany {
    flex-basis: auto;
  }
}
@media screen and (max-width: 768px) {
  .LayoutFooter__AreaFooterNav {
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.AreaFooterLogo {
  width: 165px;
}
@media screen and (max-width: 768px) {
  .AreaFooterLogo {
    width: 150px;
  }
}

.AreaCompany__CompanyData {
  margin-top: 27px;
}
@media screen and (max-width: 1080px) {
  .AreaCompany__CompanyData {
    margin-top: 20px;
  }
}

.CompanyItem {
  display: flex;
  gap: 20px;
  line-height: 2;
}
.CompanyItem:not(:first-child) {
  margin-top: 11px;
}
@media screen and (max-width: 1080px) {
  .CompanyItem:not(:first-child) {
    margin-top: 0px;
  }
}
.CompanyItem__CompanyTitle {
  flex: 0 0 72px;
}

.CompanyTitle {
  line-height: 2;
  letter-spacing: 1.6px;
  font-size: 16px;
}
@media screen and (max-width: 1080px) {
  .CompanyTitle {
    font-size: 14px;
  }
}

.CompanyNote {
  letter-spacing: 1.6px;
}

.FooterNavList {
  display: flex;
  margin-top: 12px;
}

.FooterNavItem {
  font-size: clamp(1rem, 0.325rem + 1vw, 1.125rem);
  font-weight: 400;
  letter-spacing: 1.8px;
}
.FooterNavItem:not(:first-child) {
  margin-left: 49px;
}

.AreaFooterNav__AreaSNS {
  margin-top: 40px;
}
@media screen and (max-width: 1080px) {
  .AreaFooterNav__AreaSNS {
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .AreaFooterNav__AreaSNS {
    margin-top: 17px;
  }
}

.AreaSNS {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  color: white;
}
@media screen and (max-width: 1080px) {
  .AreaSNS {
    justify-content: left;
    gap: 30px;
  }
}

.FooterBottom {
  margin-top: 40px;
  text-align: center;
}

.CopyRight {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.4px;
}
@media screen and (max-width: 1080px) {
  .CopyRight {
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}

.OverLaFeature {
  position: relative;
  z-index: 10;
}

.ImageFeature {
  max-width: 640px;
  position: relative;
  z-index: 5;
}

.ImageBgFeature {
  max-width: 640px;
  position: absolute;
  top: 12px;
  right: -12px;
  z-index: 3;
}

.LapImageFeature {
  max-width: 652px;
}

/* ページトップボタン */
#page-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 499;
}

.Button-UpTop {
  display: inline-block;
  width: 44px;
  height: 44px;
}

@media screen and (max-width: 1080px) {
  .js-ModalBody {
    overflow-y: hidden;
  }
}
/*# sourceMappingURL=style.css.map */