@charset "UTF-8";
/*AccordionList*/
.AccordionList {
  max-width: 1280px;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .AccordionList {
    padding: 0px 18px;
  }
}
.AccordionList.-sustainable {
  max-width: 758px;
  padding: 0px;
}
.AccordionList.-sustainable .AccordionList__index {
  margin-top: 20px;
}
.AccordionList.-sustainable .AccordionList__index {
  border-left: #6AB54F solid 4px;
  background-color: #333333;
  color: #ffffff;
}
.AccordionList.-sustainable .AccordionList__index::before {
  background-color: #ffffff;
}
.AccordionList.-sustainable .AccordionList__index::after {
  background-color: #ffffff;
}
.AccordionList.-small .AccordionList__index {
  padding: 10px 52px 10px 30px;
}
@media screen and (max-width: 768px) {
  .AccordionList.-small .AccordionList__index {
    padding: 10px 50px 10px 10px;
  }
}
@media screen and (max-width: 768px) {
  .AccordionList.-faq .AccordionList__index {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.AccordionList.-company {
  margin-top: 100px;
  padding: 0px;
}
@media screen and (max-width: 768px) {
  .AccordionList.-company {
    margin-top: 60px;
  }
}
.AccordionList__body {
  display: none;
  font-size: 1.6rem;
  line-height: 2.25;
}
@media screen and (max-width: 768px) {
  .AccordionList__body {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.AccordionList__item {
  position: relative;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .AccordionList__item {
    margin-top: 15px;
  }
}
.AccordionList__item.-active .AccordionList__index::before {
  opacity: 0;
  transition: opacity ease-out 0.16s 0s;
}
.AccordionList__item.-active .AccordionList__defaultText {
  display: none;
}
.AccordionList__item.-active .AccordionList__activeText {
  display: inline;
}
.AccordionList__item.-bottom {
  margin-top: -81px;
  padding-top: 101px;
}
@media screen and (max-width: 768px) {
  .AccordionList__item.-bottom {
    margin-top: -49px;
    padding-top: 69px;
  }
}
.AccordionList__item.-bottom .AccordionList__body {
  padding-bottom: 50px;
}
.AccordionList__inner.-small {
  max-width: 693px;
  margin: 0px auto;
  padding: 40px 0px;
}
.AccordionList__number {
  display: inline-block;
  font-family: "Inter", sans-serif;
  margin-right: 26px;
  padding-right: 26px;
  border-right: #707070 solid 1px;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .AccordionList__number {
    margin-right: 14px;
    padding-right: 14px;
  }
}
.AccordionList__index {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 2rem;
  letter-spacing: 4px;
  font-weight: bold;
  padding: 24px 80px 24px 20%;
  border-left: #005bac solid 4px;
  background-color: #f1f1f1;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .AccordionList__index {
    padding: 7.5px 30px 7.5px 22px;
    font-size: 1.6rem;
  }
}
.AccordionList__index::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: 3px;
  height: 20px;
  background-color: #333333;
  pointer-events: none;
  transition: opacity ease 0.16s 0.1s;
}
.AccordionList__index::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
  width: 20px;
  height: 3px;
  background-color: #333333;
  pointer-events: none;
}
.AccordionList__activeText {
  display: none;
}
.AccordionList__layout {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 20px;
}
.AccordionList__layoutItem {
  width: 50%;
}
.AccordionList__heading {
  font-weight: bold;
}
.AccordionList__heading.-small {
  font-size: 1.4rem;
  line-height: 2;
}
.AccordionList__heading.-bottom {
  margin-top: 20px;
}
.AccordionList__text.-bottom {
  margin-top: 30px;
}
.AccordionList__notice {
  font-size: 1.3rem;
  line-height: 2;
}
.AccordionList__list.-small {
  font-size: 1.4rem;
  line-height: 2;
}
.AccordionList__listItem {
  list-style-type: none;
}
.AccordionList__listItem::before {
  content: "●";
  display: inline-block;
  margin-right: 6px;
}
.AccordionList__column {
  margin-top: 50px;
  padding: 23px 25px 30px;
  border: #707070 solid 1px;
}
.AccordionList__columnHeading {
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
}
/*ArticleList*/
.ArticleList {
  margin-top: 83px;
}
.ArticleList__head {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  background-color: #f1f1f1;
  padding: 4px 16px;
}
@media screen and (max-width: 768px) {
  .ArticleList__head {
    display: block;
    text-align: center;
  }
}
.ArticleList__list {
  list-style-type: none;
}
.ArticleList__pagination {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-family: "Inter", sans-serif;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .ArticleList__pagination {
    margin-top: 20px;
  }
}
.ArticleList__sortUnit {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .ArticleList__sortUnit {
    margin-top: 10px;
  }
}
.ArticleList__headText {
  font-size: 1.5rem;
  line-height: 1.6;
}
.ArticleList__pageButton {
  position: relative;
  font-size: 0;
  width: 31px;
  height: 31px;
}
.ArticleList__pageButton::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
}
.ArticleList__pageButton.-prev {
  margin-right: 32px;
}
.ArticleList__pageButton.-prev::after {
  content: "";
  background-image: url("/j-koho/common/images/common_arrow_prev.svg");
}
.ArticleList__pageButton.-next {
  margin-left: 32px;
}
.ArticleList__pageButton.-next::after {
  content: "";
  background-image: url("/j-koho/common/images/common_arrow_next.svg");
}
.ArticleList__pageLink {
  display: inline-block;
  color: #333333;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.ArticleList__pageNumber {
  list-style-type: none;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
}
@media screen and (max-width: 768px) {
  .ArticleList__pageNumber {
    font-size: 1.4rem;
  }
}
.ArticleList__pageNumber + .ArticleList__pageNumber {
  margin-left: 13px;
}
.ArticleList__pageNumber.-current .ArticleList__pageLink {
  color: #ffffff;
  background-color: #005bac;
}
.ArticleList__item {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 30px 0px;
  border-bottom: #707070 solid 1px;
}
.ArticleList__sortItem {
  display: inline-block;
}
.ArticleList__sortItem + .ArticleList__sortItem {
  margin-left: 20px;
}
.ArticleList__sortLink {
  color: #333333;
  text-decoration: none;
}
.ArticleList__thumbnail {
  position: relative;
  width: 21.98%;
  padding-top: 14.72%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ArticleList__thumbnail {
    display: none;
  }
}
.ArticleList__textUnit {
  width: 75.2%;
  margin-left: 2.82%;
}
@media screen and (max-width: 768px) {
  .ArticleList__textUnit {
    width: 100%;
    margin-left: 0px;
  }
}
.ArticleList__title {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .ArticleList__title {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.ArticleList__text {
  font-size: 1.4rem;
  line-height: 1.64;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .ArticleList__text {
    font-size: 1.2rem;
    margin-top: 8px;
  }
}
.ArticleList__url {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.64;
}
@media screen and (max-width: 768px) {
  .ArticleList__url {
    font-size: 1.2rem;
  }
}
.ArticleList__link {
  color: #005bac;
  text-decoration: none;
}
.ArticleList__link:hover {
  text-decoration: underline;
}
.ArticleList__link:hover .ArticleList__image {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.ArticleList__image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ContentArea__search + .ArticleList {
  margin-top: 20px;
}
/*BacknumberList*/
.BacknumberList {
  max-width: 880px;
  margin: 100px auto 0px;
  padding: 0px 18px;
}
.BacknumberList__container {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: -60px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  .BacknumberList__container {
    margin: -60px 0px 0px -20px;
  }
}
.BacknumberList__item {
  width: 25%;
  margin: 60px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  .BacknumberList__item {
    width: calc(33.33% - 20px);
    margin: 60px 0px 0px 20px;
  }
}
@media screen and (max-width: 414px) {
  .BacknumberList__item {
    width: calc(50% - 20px);
  }
}
.BacknumberList__thumbnail {
  max-width: 150px;
  margin: 0px auto;
  border: #333333 solid 1px;
}
.BacknumberList__title {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .BacknumberList__title {
    font-size: 1.3rem;
  }
}
.BacknumberList__info {
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .BacknumberList__info {
    font-size: 1.3rem;
  }
}
.BacknumberList__link:hover {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.BacknumberList__image {
  width: 100%;
}
/*BannerSlider*/
.BannerSlider {
  max-width: 1088px;
  margin: 70px auto;
  padding: 0px 18px;
}
.BannerSlider.-pcContents {
  display: block;
}
@media screen and (max-width: 768px) {
  .BannerSlider.-pcContents {
    display: none;
  }
}
.BannerSlider__list {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.BannerSlider__item {
  list-style-type: none;
  margin: 0px 10px;
}
.BannerSlider__link {
  outline: none;
}
.BannerSlider__link:hover .BannerSlider__image {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.BannerSlider__image {
  width: 100%;
}
.BannerSlider__arrow {
  display: inline-block;
  width: 30px;
  cursor: pointer;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.BannerSlider__arrow:hover {
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.BannerSlider__arrow.prev-arrow {
  margin-right: 10px;
}
.BannerSlider__arrow.next-arrow {
  margin-left: 10px;
}
/*Body*/
.Body.-noGap .Footer {
  margin-top: 0px;
}
.Body.-link {
  margin-top: -152px;
  padding-top: 152px;
}
@media screen and (max-width: 768px) {
  .Body.-link {
    margin-top: -48px;
    padding-top: 48px;
  }
}
/*Breadcrumb*/
.Breadcrumb {
  font-size: 1.2rem;
  line-height: 1.4;
  border-bottom: #E4E4E4 solid 1px;
  margin-top: 152px;
  padding: 3.5px 0px;
}
@media screen and (max-width: 1024px) {
  .Breadcrumb {
    margin-top: 48px;
    padding: 3.5px 18px;
  }
}
.Breadcrumb__list {
  width: calc(100% - 36px);
  max-width: 1088px;
  margin: 0px auto;
}
@media screen and (max-width: 1024px) {
  .Breadcrumb__list {
    width: auto;
  }
}
.Breadcrumb__item {
  display: inline-block;
}
.Breadcrumb__item + .Breadcrumb__item {
  position: relative;
  margin-left: 4px;
  padding-left: 12px;
}
.Breadcrumb__item + .Breadcrumb__item::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0px;
  width: 6px;
  height: 9px;
  background-image: url("/j-koho/common/images/arrowHorizontal_gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.Breadcrumb__link {
  text-decoration: none;
  color: #333333;
}
.Breadcrumb__link:visited {
  color: #333333;
}
.Breadcrumb__link:hover {
  color: #005bac;
  text-decoration: underline;
}
/*BusinessList*/
.BusinessList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0px 0px 0px -30px;
}
@media screen and (max-width: 768px) {
  .BusinessList {
    margin: 0px 0px 0px -16px;
  }
}
.BusinessList__item {
  margin: 30px 0px 0px 30px;
  list-style-type: none;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .BusinessList__item {
    margin: 20px 0px 0px 16px;
    width: calc(33.33% - 16px);
  }
}
.BusinessList__label {
  color: #005bac;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .BusinessList__label {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}
.BusinessList__icon {
  text-align: center;
}
.BusinessList__image {
  height: 8.0729166667vw;
  max-height: 62px;
  min-height: 42px;
}
/*ContentArea*/
.ContentArea {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ContentArea.-displayed {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.ContentArea__inner {
  width: calc(100% - 80px);
  max-width: 1088px;
  margin: 0px auto;
}
.ContentArea__inner:first-child {
  margin: 100px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__inner:first-child {
    margin: 70px auto 0px;
  }
}
.ContentArea__inner.-news {
  margin-top: 0px;
}
.ContentArea__inner.-sideS {
  width: calc(100% - 36px);
}
.ContentArea__inner.-medium {
  max-width: 992px;
}
.ContentArea__inner.-mw900 {
  max-width: 900px;
}
.ContentArea__inner.-small {
  max-width: 793px;
}
.ContentArea__inner.-thin {
  max-width: 592px;
}
.ContentArea__inner.-profile {
  width: 100%;
  max-width: 760px;
}
.ContentArea__inner.-full {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .ContentArea__inner.-full .ContentArea__figcaption {
    padding: 0px 18px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__inner.-full .ContentArea__figcaption {
    padding: 0px 40px;
  }
}
@media screen and (max-width: 992px) {
  .ContentArea__inner.-full .LayoutBox__figcaption {
    padding: 0px 18px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__inner.-full .LayoutBox__figcaption {
    padding: 0px 40px;
  }
}
.ContentArea__inner.-center {
  text-align: center;
}
.ContentArea__inner.-narrow:first-child {
  margin: 70px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__inner.-narrow:first-child {
    margin: 70px auto 0px;
  }
}
.ContentArea__headIndex {
  font-size: 1.8rem;
  font-weight: bold;
  list-style-type: none;
  margin: 30px -8px 0px 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__headIndex {
    font-size: 1.4rem;
  }
}
.ContentArea__headIndexItem {
  display: inline-block;
  margin: 10px 8px 0px 0px;
}
.ContentArea__headIndexItem:not(:last-child)::after {
  content: "／";
  margin-left: 8px;
}
.ContentArea__linkBody {
  position: relative;
}
.ContentArea__coverLink::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ContentArea__lead {
  text-align: center;
  margin: 50px auto 0px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  width: calc(100% - 80px);
}
@media screen and (max-width: 768px) {
  .ContentArea__lead {
    font-size: 2rem;
  }
}
.ContentArea__caption {
  max-width: 600px;
  margin: 40px auto 0px;
  font-size: 1.6rem;
  line-height: 1.75;
  width: calc(100% - 80px);
}
.ContentArea__caption.-center {
  text-align: center;
  max-width: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__caption.-spLeft {
    text-align: left;
  }
}
.ContentArea__banner {
  margin-top: 70px;
}
.ContentArea__bannerImage {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ContentArea__bannerImage.-pcContents {
    display: none;
  }
}
.ContentArea__bannerImage.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__bannerImage.-spContents {
    display: block;
  }
}
.ContentArea__search {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 32px;
}
.ContentArea__search.-right {
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.ContentArea__searchInput {
  font-size: 1.2rem;
  width: 100%;
  max-width: 291px;
  padding: 6px 10px 6px 34px;
  background-color: #f1f1f1;
  background-image: url("/j-koho/common/images/common_icon_search.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px;
  background-color: #f1f1f1;
}
.ContentArea__searchButton {
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  line-height: 31px;
  color: #ffffff;
  width: 47px;
  height: 31px;
  background-color: #333333;
}
.ContentArea__searchButton:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.ContentArea__bannerLink {
  position: relative;
}
.ContentArea__bannerLink::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.ContentArea__bannerLink:hover .ContentArea__bannerImage {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.ContentArea__buttonOuter {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.ContentArea__buttonOuter.-column2 {
  margin: -10px 0px 0px -32px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-column2 {
    margin: -10px 0px 0px -10px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-spColumn1 {
    display: block;
    margin: -10px 0px 0px 0px;
  }
}
.ContentArea__buttonItem.-column2 {
  max-width: 480px;
  width: calc(50% - 32px);
  margin: 10px 0px 0px 32px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonItem.-column2 {
    width: calc(50% - 10px);
    margin: 10px 0px 0px 10px;
  }
}
.ContentArea__buttonItem .ContentArea__button {
  font-size: 2rem;
  width: 100%;
  max-width: none;
  margin: 0px;
  padding: 18px 21px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonItem .ContentArea__button {
    font-size: 1.6rem;
    padding: 8.5px 10px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonItem.-spColumn1 {
    width: 100%;
    margin: 10px auto 0px;
  }
}
.ContentArea__button {
  position: relative;
  text-align: center;
  margin: 30px auto 0px;
  padding: 8.5px 21px;
  width: 100%;
  max-width: 180px;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContentArea__button {
    padding: 8.5px 21px 9.5px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-pcContents {
    display: none;
  }
}
.ContentArea__button.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-spContents {
    display: block;
  }
}
.ContentArea__button.-mtAuto {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-mtAuto {
    margin-top: 30px;
  }
}
.ContentArea__button.-en {
  font-family: "Inter", sans-serif;
}
.ContentArea__button.-left {
  margin: 30px 0px 0px 0px;
}
.ContentArea__button.-right {
  margin: 0px 0px 0px auto;
}
.ContentArea__button.-large {
  width: calc(100% - 36px);
  max-width: 580px;
  margin: 80px auto 0px;
  padding: 16px 0px;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-large {
    font-size: 1.4rem;
  }
}
.ContentArea__button.-large::after {
  width: 10px;
  height: 16px;
}
.ContentArea__button.-float {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
}
.ContentArea__button.-medium {
  width: calc(100% - 36px);
  padding: 13px 0px;
  font-size: 1.7rem;
  max-width: 335px;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-medium {
    font-size: 1.4rem;
  }
}
.ContentArea__button.-medium::after {
  width: 10px;
  height: 16px;
}
.ContentArea__button.-small {
  max-width: 136px;
  padding: 8.5px 6px;
}
.ContentArea__button.-long {
  max-width: 240px;
}
.ContentArea__button.-white {
  color: #333333;
  background-color: #ffffff;
}
.ContentArea__button.-white .ContentArea__buttonLink {
  color: #333333;
}
.ContentArea__button.-white .ContentArea__buttonLink::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
}
.ContentArea__button.-white:hover {
  color: #ffffff;
  background-color: #333333;
}
.ContentArea__button.-white:hover::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_white.svg");
}
.ContentArea__button.-black {
  color: #ffffff;
  background-color: #333333;
}
.ContentArea__button.-black .ContentArea__buttonLink {
  color: #ffffff;
}
.ContentArea__button.-black .ContentArea__buttonLink::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_white.svg");
}
.ContentArea__button.-black:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.ContentArea__button.-black:hover .ContentArea__buttonLink {
  color: #333333;
}
.ContentArea__button.-black:hover .ContentArea__buttonLink::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
}
.ContentArea__button.-prev {
  margin-top: 30px;
}
.ContentArea__button.-prev .ContentArea__buttonLink::after {
  width: 11px;
  height: 6px;
  background-image: url("/j-koho/common/images/arrowVertical_whiteS.svg");
}
.ContentArea__button.-prev .ContentArea__buttonLink:hover::after {
  background-image: url("/j-koho/common/images/arrowVertical_blackS.svg");
}
.ContentArea__button.-vertical .ContentArea__buttonLink::after {
  width: 23px;
  min-width: 23px;
  height: 12px;
  background-image: url("/j-koho/common/images/arrowVertical_whiteL.svg");
}
.ContentArea__button.-vertical .ContentArea__buttonLink:hover::after {
  background-image: url("/j-koho/common/images/arrowVertical_blackL.svg");
}
.ContentArea__button.-external .ContentArea__buttonLink {
  padding-right: 18px;
}
.ContentArea__button.-external .ContentArea__buttonLink::after {
  width: 15px;
  height: 13px;
  background-image: url("/j-koho/common/images/icon_external_white.svg");
}
.ContentArea__button.-external .ContentArea__buttonLink:hover::after {
  background-image: url("/j-koho/common/images/icon_external_black.svg");
}
.ContentArea__button.-external.-large .ContentArea__buttonLink {
  padding-right: 18px;
}
.ContentArea__button.-external.-large .ContentArea__buttonLink::after {
  width: 35px;
  height: 25px;
  background-image: url("/j-koho/common/images/icon_external_whiteL.svg");
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-external.-large .ContentArea__buttonLink::after {
    width: 15px;
    height: 13px;
    background-image: url("/j-koho/common/images/icon_external_white.svg");
  }
}
.ContentArea__button.-external.-large .ContentArea__buttonLink:hover::after {
  background-image: url("/j-koho/common/images/icon_external_blackL.svg");
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-external.-large .ContentArea__buttonLink:hover::after {
    background-image: url("/j-koho/common/images/icon_external_black.svg");
  }
}
.ContentArea__button.-gray {
  background-color: #f1f1f1;
}
.ContentArea__button.-gray .ContentArea__buttonLink {
  color: #333333;
}
.ContentArea__button.-gray .ContentArea__buttonLink::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
}
.ContentArea__button.-gray:hover {
  color: #ffffff;
  background-color: #333333;
}
.ContentArea__button.-gray:hover .ContentArea__buttonLink {
  color: #ffffff;
}
.ContentArea__button.-gray:hover .ContentArea__buttonLink::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_white.svg");
}
.ContentArea__button.-wideGap {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-wideGap {
    margin-top: 60px;
  }
}
.ContentArea__button.-sustainable {
  width: 100%;
  max-width: none;
  margin-top: 0px;
}
.ContentArea__button.-sustainable .ContentArea__buttonLink {
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
  height: 80px;
  padding: 0px 8px;
  color: #333333;
  background-color: #EDF8EC;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-sustainable .ContentArea__buttonLink {
    font-size: 1.6rem;
  }
}
.ContentArea__button.-sustainable .ContentArea__buttonLink::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 16px;
  margin-left: 12px;
  background-image: url("/j-koho/common/images/arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.ContentArea__buttonLink {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px auto;
  color: #ffffff;
  text-decoration: none;
}
.ContentArea__buttonLink::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ContentArea__buttonLink::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 11px;
  margin-left: 8px;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.ContentArea__inlineButton {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 6px 0px 0px 20px;
  padding: 3px 33px;
  color: #ffffff;
  text-decoration: none;
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .ContentArea__inlineButton {
    padding: 2px 20px;
  }
}
.ContentArea__inlineButton:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.ContentArea__inlineButton.-download::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 15px;
  margin-right: 7px;
  background-image: url("/j-koho/common/images/icon_download_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.ContentArea__inlineButton.-download:hover::before {
  background-image: url("/j-koho/common/images/icon_download_black.svg");
}
.ContentArea__listButton {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 10px 0px 0px 10px;
  padding: 6px 8px;
  color: #ffffff;
  text-decoration: none;
  background-color: #333333;
}
.ContentArea__listButton:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.ContentArea__listButton.-download::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 15px;
  margin-right: 7px;
  background-image: url("/j-koho/common/images/icon_download_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.ContentArea__listButton.-download:hover::before {
  background-image: url("/j-koho/common/images/icon_download_black.svg");
}
.ContentArea__link {
  color: #333333;
  text-decoration: none;
}
.ContentArea__link:visited {
  color: #333333;
}
.ContentArea__link:hover {
  color: #005bac;
  text-decoration: underline;
}
.ContentArea__link.-arrow {
  position: relative;
}
.ContentArea__link.-arrow::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  width: 8px;
  height: 17px;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .ContentArea__link.-arrow::before {
    margin-right: 14px;
  }
}
.ContentArea__link.-arrowA {
  position: relative;
}
.ContentArea__link.-arrowA::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  width: 8px;
  height: 17px;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .ContentArea__link.-arrowA::after {
    margin-right: 14px;
  }
}
.ContentArea__link.-underline {
  color: #333333;
  text-decoration: underline;
}
.ContentArea__link.-underline:visited {
  color: #333333;
}
.ContentArea__link.-underline:hover {
  color: #333333;
  text-decoration: none;
}
.ContentArea__colorLink {
  color: #005bac;
  text-decoration: none;
}
.ContentArea__colorLink:hover {
  text-decoration: underline;
}
.ContentArea__colorLink.-bold {
  font-weight: bold;
}
.ContentArea__colorLink.-bordered {
  text-decoration: underline;
}
.ContentArea__colorLink.-bordered:hover {
  text-decoration: none;
}
.ContentArea__buttonSubText {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonSubText {
    font-size: 1.2rem;
  }
}
.ContentArea__headingUnit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-top: 100px;
  background-color: #f1f1f1;
}
.ContentArea__headingUnit + .ContentArea__list {
  margin-top: 20px;
}
.ContentArea__heading {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 4px;
  text-indent: 4px;
  padding-bottom: 10px;
}
.ContentArea__heading::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 8px);
  height: 3px;
  background-color: #333333;
}
.ContentArea__heading.-small {
  font-size: 1.8rem;
}
.ContentArea__headingOuter.-center {
  text-align: center;
}
.ContentArea__headline:not(:first-child) {
  margin-top: 60px;
}
.ContentArea__headline.-top {
  margin-top: 100px;
}
.ContentArea__headline.-bg {
  font-size: 1.9rem;
  font-weight: bold;
  background-color: #f1f1f1;
  padding: 2px 16px;
}
@media screen and (max-width: 768px) {
  .ContentArea__headline.-bg {
    font-size: 1.6rem;
  }
}
.ContentArea__headline.-bg.-blue {
  color: #ffffff;
  background-color: #005bac;
}
@media screen and (max-width: 768px) {
  .ContentArea__headline.-spCenter {
    text-align: center;
  }
}
.ContentArea__headline.-small {
  padding: 4px 16px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .ContentArea__headline.-small {
    font-size: 1.6rem;
  }
}
.ContentArea__headline + .ContentArea__text {
  margin-top: 20px;
}
.ContentArea__column {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: #C9C9C9 solid 1px;
}
@media screen and (max-width: 768px) {
  .ContentArea__column {
    display: block;
  }
}
.ContentArea__columnItem {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .ContentArea__columnItem {
    width: 100%;
  }
}
.ContentArea__columnTextItem {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 40px 35px;
}
@media screen and (max-width: 768px) {
  .ContentArea__columnTextItem {
    display: block;
  }
}
.ContentArea__columnFigure {
  overflow: hidden;
}
.ContentArea__columnFigure.-fit {
  height: 100%;
}
.ContentArea__columnLink:hover img {
  transform: scale(1.06);
}
.ContentArea__columnLink img {
  transition: transform ease 0.3s;
}
.ContentArea__message {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .ContentArea__message {
    display: block;
    text-align: center;
  }
}
.ContentArea__messageTextItem {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 34px 0px 30px 56px;
}
@media screen and (max-width: 768px) {
  .ContentArea__messageTextItem {
    display: block;
    text-align: center;
    padding: 0px;
  }
}
.ContentArea__messageAvatarItem {
  margin: 0px 0px 0px 30px;
}
@media screen and (max-width: 768px) {
  .ContentArea__messageAvatarItem {
    margin: 30px 0px 0px 0px;
  }
}
.ContentArea__messageTitleUnit {
  display: inline-block;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContentArea__messageTitleUnit {
    padding: 30px 40px 0px;
  }
}
.ContentArea__messageAvatar {
  max-width: 342px;
}
@media screen and (max-width: 768px) {
  .ContentArea__messageAvatar {
    margin: 0px auto;
    padding: 0px 40px 34px;
  }
}
.ContentArea__messageAvatar.-fit {
  height: 100%;
}
.ContentArea__messageLead {
  font-size: 3.6rem;
  line-height: 1.67;
  letter-spacing: 4px;
  font-weight: bold;
  margin: 12px 0px 10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__messageLead {
    font-size: 2.6rem;
    letter-spacing: 2px;
  }
}
.ContentArea__messageButton {
  margin: auto 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__messageButton {
    margin: 20px auto 0px;
  }
}
.ContentArea__messageTitle {
  position: relative;
  font-size: 2.4rem;
  letter-spacing: 4px;
  text-indent: 4px;
  padding-bottom: 6px;
}
.ContentArea__messageTitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 8px);
  height: 2px;
  background-color: #333333;
}
.ContentArea__messageTitle.-en {
  font-family: "Inter", sans-serif;
}
.ContentArea__messageSubTitle {
  font-size: 1.5rem;
  margin-top: 12px;
}
.ContentArea__news {
  width: calc(100% - 36px);
  max-width: 1088px;
  margin: 70px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__news {
    width: auto;
  }
}
.ContentArea__newsList {
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 20px 10px 0px 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__newsList {
    margin: 20px 0px 0px 0px;
  }
}
.ContentArea__newsTitle {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .ContentArea__newsTitle {
    margin-left: 40px;
  }
}
.ContentArea__newsTitle.-important::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background-image: url("/j-koho/common/images/icon_important.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.ContentArea__newsItem {
  list-style-type: none;
}
.ContentArea__newsItem + .ContentArea__newsItem {
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .ContentArea__newsItem {
    padding: 10px 40px;
    border-top: #E4E4E4 solid 1px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__newsItem:last-child {
    border-bottom: #E4E4E4 solid 1px;
  }
}
.ContentArea__newsUnit.-flex {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .ContentArea__newsUnit.-flex {
    display: block;
  }
}
.ContentArea__newsUnit.-flex .ContentArea__newsList {
  width: 76%;
}
@media screen and (max-width: 768px) {
  .ContentArea__newsUnit.-flex .ContentArea__newsList {
    width: auto;
  }
}
.ContentArea__newsLink {
  color: #333333;
  text-decoration: none;
}
.ContentArea__newsLink:visited {
  color: #333333;
}
.ContentArea__newsLink:hover {
  color: #005bac;
  text-decoration: underline;
}
.ContentArea__text {
  font-size: 1.6rem;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .ContentArea__text {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.ContentArea__text.-right {
  text-align: right;
}
.ContentArea__text.-center {
  text-align: center;
}
.ContentArea__text.-bold {
  font-weight: bold;
}
.ContentArea__text.-commonMt {
  margin-top: 1em;
}
.ContentArea__text.-commonMtL {
  margin-top: 1.6em;
}
.ContentArea__subText {
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 30px;
}
.ContentArea__notes {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .ContentArea__notes {
    font-size: 1.2rem;
  }
}
.ContentArea__disasterText {
  margin-top: 32px;
  line-height: 1.44;
}
.ContentArea__bottomText {
  margin: 30px 0px;
}
.ContentArea__snsInfo {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .ContentArea__snsInfo {
    display: block;
  }
}
.ContentArea__snsInfo:not(:first-child) {
  margin-top: 40px;
}
.ContentArea__snsInfo + .ContentArea__snsInfo {
  margin-top: 80px;
}
.ContentArea__snsInfoTitle {
  font-size: 1.6rem;
  line-height: 1.87;
  font-weight: bold;
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .ContentArea__snsInfoTitle {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__snsInfoTitle {
    width: auto;
  }
}
.ContentArea__snsIconList {
  display: inline-block;
  width: 42%;
}
@media screen and (max-width: 1024px) {
  .ContentArea__snsIconList {
    width: 50%;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__snsIconList {
    width: auto;
  }
}
.ContentArea__snsIconList.-large {
  width: auto;
}
.ContentArea__snsInfoButton {
  width: 33%;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media screen and (max-width: 1024px) {
  .ContentArea__snsInfoButton {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__snsInfoButton {
    margin-top: 20px;
    width: auto;
  }
}
.ContentArea__snsIconListItem {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style-type: none;
}
.ContentArea__snsIconListItem + .ContentArea__snsIconListItem {
  margin-top: 28px;
}
.ContentArea__snsIcon {
  display: block;
  width: 72px;
}
@media screen and (max-width: 768px) {
  .ContentArea__snsIcon {
    width: 50px;
    min-width: 50px;
  }
}
.ContentArea__snsName {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.87;
  margin-left: 20px;
}
.ContentArea__policyHeading {
  font-size: 2rem;
  line-height: 2;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContentArea__policyHeading {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
.ContentArea__policyHeading:not(:first-child) {
  margin-top: 40px;
}
.ContentArea__policyHeading + .ContentArea__text {
  margin-top: 0px;
}
.ContentArea__policyHeading + .ContentArea__numberList:not(:first-child) {
  margin-top: 0px;
}
.ContentArea__policyHeading.-small {
  font-size: 1.4rem;
}
.ContentArea__policyHeading.-bordered {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: #333333 solid 3px;
}
.ContentArea__policyHeading.-bordered + .ContentArea__text {
  margin-top: 10px;
}
.ContentArea__numberList {
  font-size: 1.6rem;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .ContentArea__numberList {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.ContentArea__numberList:not(:first-child) {
  margin-top: 40px;
}
.ContentArea__numberList.-harf {
  list-style-type: none;
}
.ContentArea__numberList.-harf .ContentArea__listItem {
  padding-left: 2em;
  text-indent: -2em;
}
.ContentArea__numberList.-large {
  list-style-type: none;
}
.ContentArea__numberList.-large .ContentArea__listItem {
  padding-left: 2.2em;
  text-indent: -2.6em;
}
.ContentArea__dotsList {
  padding-left: 18px;
  text-indent: 0px;
  list-style-type: disc;
}
.ContentArea__listHeading {
  display: block;
  font-size: 1.6rem;
  line-height: 1.875;
  font-weight: bold;
}
.ContentArea__listItem {
  margin-top: 2px;
}
.ContentArea__list {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.875;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__list {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.ContentArea__list.-indent {
  padding: 0px 56px;
}
@media screen and (max-width: 768px) {
  .ContentArea__list.-indent {
    padding: 0px;
  }
}
.ContentArea__list.-indent.-large {
  padding: 0px 116px;
}
@media screen and (max-width: 768px) {
  .ContentArea__list.-indent.-large {
    padding: 0px;
  }
}
.ContentArea__list.-small .ContentArea__listHead {
  width: 26%;
}
@media screen and (max-width: 768px) {
  .ContentArea__list.-small .ContentArea__listHead {
    width: 100%;
  }
}
.ContentArea__list.-small .ContentArea__listRow > .ContentArea__listData {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .ContentArea__list.-small .ContentArea__listRow > .ContentArea__listData {
    width: 100%;
  }
}
.ContentArea__list.-narrow .ContentArea__listRow {
  padding: 14px 0px;
}
.ContentArea__list.-top {
  margin-top: 30px;
}
.ContentArea__thumbnailUnit.-flex {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
@media screen and (max-width: 768px) {
  .ContentArea__thumbnailUnit.-flex {
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
}
.ContentArea__thumbnailUnit.-harf {
  width: 50%;
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  .ContentArea__thumbnailUnit.-harf {
    width: 100%;
    margin: 0px auto;
  }
}
.ContentArea__listTextUnit.-harf {
  width: 50%;
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .ContentArea__listTextUnit.-harf {
    width: 100%;
    margin: 20px 0px 0px 0px;
  }
}
.ContentArea__listTextUnit.-direction {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ContentArea__listTextUnit.-direction .ContentArea__text {
  margin-bottom: 10px;
}
.ContentArea__listTextUnit .ContentArea__ListButtonUnit {
  margin-top: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .ContentArea__listTextUnit .ContentArea__ListButtonUnit {
    margin: 10px auto;
  }
}
.ContentArea__listTextUnit .ContentArea__text {
  margin-top: 0px;
}
.ContentArea__thumbnail {
  width: 120px;
}
@media screen and (max-width: 768px) {
  .ContentArea__thumbnail {
    width: 88px;
    flex-shrink: 0;
    align-self: center;
  }
}
.ContentArea__thumbnail + .ContentArea__thumbnail {
  margin-top: 20px;
}
.ContentArea__thumbnail.-large {
  width: auto;
}
.ContentArea__logoUnit {
  margin-left: 16px;
}
.ContentArea__logoLabel {
  font-size: 1.5rem;
  line-height: 2;
  font-weight: bold;
}
.ContentArea__logo {
  max-width: 160px;
}
@media screen and (max-width: 768px) {
  .ContentArea__logo {
    margin: 0px auto;
  }
}
.ContentArea__logo.-large {
  max-width: 260px;
}
.ContentArea__medal {
  display: inline-block;
  font-size: 1.6rem;
  color: #AB832F;
  border: #AB832F solid 1px;
  margin-top: 30px;
  padding: 4px 10px;
}
.ContentArea__listRow {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: #707070 solid 1px;
  padding: 30px 0px;
}
.ContentArea__listRow.-alignTop {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .ContentArea__listRow {
    display: block;
  }
}
.ContentArea__listRow.-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ContentArea__listRow.-auto .ContentArea__listHead {
  width: auto;
}
@media screen and (max-width: 768px) {
  .ContentArea__listRow.-auto .ContentArea__listHead {
    width: 100%;
  }
}
.ContentArea__listRow.-auto .ContentArea__listData {
  width: auto;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__listRow.-auto .ContentArea__listData {
    width: 100%;
    margin-left: 0px;
  }
}
.ContentArea__listRow.-noBorder {
  border: none;
  margin-bottom: -30px;
}
.ContentArea__listRow > .ContentArea__listData {
  width: 64%;
}
@media screen and (max-width: 768px) {
  .ContentArea__listRow > .ContentArea__listData {
    width: 100%;
  }
}
.ContentArea__listInner {
  width: 100%;
}
.ContentArea__listUnit {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ContentArea__listUnit {
    margin-top: 10px;
  }
}
.ContentArea__listUnit.-justify {
  display: flex;
  justify-content: space-between;
}
.ContentArea__listUnit + .ContentArea__listUnit {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .ContentArea__listUnit + .ContentArea__listUnit {
    margin-top: 10px;
  }
}
.ContentArea__listHead {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  width: 36%;
}
@media screen and (max-width: 768px) {
  .ContentArea__listHead {
    width: 100%;
  }
}
.ContentArea__listData {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .ContentArea__listData {
    width: 50%;
  }
}
.ContentArea__listLink {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -10px 0px 0px -10px;
}
.ContentArea__listNumber + .ContentArea__listNumber {
  margin-left: 30px;
}
.ContentArea__ListButtonUnit {
  width: 100%;
  max-width: 236px;
}
@media screen and (max-width: 768px) {
  .ContentArea__ListButtonUnit {
    margin: 10px auto;
  }
}
.ContentArea__ListButtonUnit .ContentArea__button {
  margin: 0px;
  width: 100%;
  max-width: none;
}
.ContentArea__iframe {
  position: relative;
  width: 100%;
  padding-top: 49.3492%;
  margin-top: 70px;
}
.ContentArea__iframeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ContentArea__figureOuter {
  margin: 0px auto;
}
.ContentArea__figureOuter.-medium {
  max-width: 810px;
}
.ContentArea__figure {
  text-align: center;
  margin: 50px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__figure {
    margin: 40px auto 0px;
  }
}
.ContentArea__figure.-small {
  max-width: 670px;
}
.ContentArea__figure.-thin {
  max-width: 380px;
}
.ContentArea__figure.-after {
  margin-top: 82px;
}
@media screen and (max-width: 768px) {
  .ContentArea__figure.-after {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__figure.-pcContents {
    display: none;
  }
}
.ContentArea__figure.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__figure.-spContents {
    display: block;
  }
}
.ContentArea__figureUnit {
  margin-top: 40px;
}
.ContentArea__figureUnit .LayoutBox .ContentArea__figure {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__figureUnit .LayoutBox .ContentArea__figure {
    margin-top: 40px;
  }
}
.ContentArea__figcaption {
  font-size: 1.6rem;
  line-height: 1.87;
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .ContentArea__figcaption {
    font-size: 1.4rem;
  }
}
.ContentArea__figcaption.-small {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .ContentArea__figcaption.-pcContents {
    display: none;
  }
}
.ContentArea__figcaption.-spContents {
  margin-left: 40px;
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__figcaption.-spContents {
    display: block;
  }
}
.ContentArea__image {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ContentArea__image.-pcContents {
    display: none;
  }
}
.ContentArea__image.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__image.-spContents {
    display: block;
  }
}
.ContentArea__toggleList {
  list-style-type: none;
}
.ContentArea__Innerlist {
  padding-bottom: 10px;
}
.ContentArea__Innerlist .ContentArea__listRow {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 14px 0px;
}
.ContentArea__toggleItem {
  position: relative;
}
.ContentArea__toggleItem + .ContentArea__toggleItem {
  margin-top: 10px;
}
.ContentArea__toggleItem.-active::before {
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity ease-out 0.16s 0s;
}
.ContentArea__toggleItem::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 20px;
  right: 30px;
  width: 3px;
  height: 20px;
  background-color: #333333;
  pointer-events: none;
  transition: opacity ease 0.16s 0.1s;
}
@media screen and (max-width: 768px) {
  .ContentArea__toggleItem::before {
    top: 16px;
  }
}
.ContentArea__toggleItem::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 28px;
  right: 22px;
  width: 20px;
  height: 3px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__toggleItem::after {
    top: 24px;
  }
}
.ContentArea__toggleTitle {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 3px;
  text-decoration: none;
  width: 100%;
  padding: 14px 22px 14px 30px;
  color: #333333;
  background-color: #f1f1f1;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .ContentArea__toggleTitle {
    font-size: 1.6rem;
  }
}
.ContentArea__toggleTitle::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 100%;
  background-color: #005bac;
}
.ContentArea__newsNav {
  width: 276px;
}
@media screen and (max-width: 768px) {
  .ContentArea__newsNav {
    width: auto;
    margin: 0px 18px;
  }
}
.ContentArea__caution {
  position: relative;
  text-align: center;
  background-color: #f1f1f1;
  padding: 16px 10px;
  width: 100%;
  max-width: 276px;
}
@media screen and (max-width: 768px) {
  .ContentArea__caution {
    margin: 40px auto 0px;
  }
}
.ContentArea__caution + .ContentArea__caution {
  margin: 27px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__caution + .ContentArea__caution {
    margin: 18px auto 0px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__caution.-pcContents {
    display: none;
  }
}
.ContentArea__caution.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__caution.-spContents {
    display: block;
  }
}
.ContentArea__caution.-arrow {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.ContentArea__caution.-arrow::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 16px;
  margin-left: 20px;
  background-image: url("/j-koho/common/images/arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.ContentArea__cautionTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.ContentArea__cautionTitle::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-image: url("/j-koho/common/images/icon_important.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.ContentArea__cautionLink {
  display: inline-block;
  color: #C40404;
  text-decoration: none;
}
.ContentArea__cautionLink:visited {
  color: #C40404;
}
.ContentArea__cautionLink:hover {
  text-decoration: underline;
}
.ContentArea__cautionLink.-arrow::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  margin-left: 4px;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.ContentArea__cautionText {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-top: 4px;
}
.ContentArea__cautionText.-bold {
  font-weight: bold;
}
.ContentArea__cautionText.-medium {
  font-size: 1.2rem;
}
.ContentArea__link {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__br.-pcContents {
    display: none;
  }
}
.ContentArea__br.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__br.-spContents {
    display: block;
  }
}
.ContentArea__br.-spContentsS {
  display: none;
}
@media screen and (max-width: 414px) {
  .ContentArea__br.-spContentsS {
    display: block;
  }
}
.ContentArea__bg {
  padding: 40px;
}
.ContentArea__bg.-bgYellow {
  background-color: #F8F5ED;
}
.ContentArea__bg.-bgGreen {
  background-color: #EDF8EC;
}
.ContentArea__boldText {
  font-weight: bold;
}
.LayoutBox__figure + .ContentArea__subText {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .Section__heading + .ContentArea__text {
    margin-top: 20px;
  }
}
.Section__subHeading + .ContentArea__figure {
  margin-top: 30px;
}
.ContentArea__linkBody:hover .Section__eyecatchInner {
  transform: scale(1.06);
}
.ContentArea__linkBody:hover .ContentArea__button.-black {
  color: #333333;
  background-color: #ffffff;
}
.ContentArea__linkBody:hover .ContentArea__button.-black .ContentArea__buttonLink {
  color: #333333;
}
.ContentArea__linkBody:hover .ContentArea__button.-black .ContentArea__buttonLink::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
}
.ContentArea__linkBody:hover .ContentArea__button.-white {
  color: #ffffff;
  background-color: #333333;
}
.ContentArea__linkBody:hover .ContentArea__button.-white .ContentArea__buttonLink {
  color: #ffffff;
}
.ContentArea__linkBody:hover .ContentArea__button.-white .ContentArea__buttonLink::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_white.svg");
}
.SustainableSection__buttonOuter .ContentArea__buttonItem.-column2 {
  width: 50%;
  max-width: none;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonOuter .ContentArea__buttonItem.-column2 {
    width: 100%;
  }
}
.SustainableSection__buttonOuter .ContentArea__buttonItem.-column2 + .ContentArea__buttonItem {
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonOuter .ContentArea__buttonItem.-column2 + .ContentArea__buttonItem {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.SustainableSection__buttonOuter .ContentArea__button.-large {
  padding: 0px;
}
/*DetailMenuGroup*/
.DetailMenuGroup {
  max-width: 1280px;
  margin: 0px auto;
}
.DetailMenuGroup__heading {
  margin-top: 70px;
  font-size: 2rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__heading {
    text-align: center;
    font-size: 1.6rem;
  }
}
.DetailMenuGroup__heading.-bordered {
  padding-bottom: 20px;
  border-bottom: #838383 solid 1px;
}
.DetailMenuGroup__heading.-innerItem {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__heading.-innerItem {
    margin-top: 50px;
  }
}
.DetailMenuGroup__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 0px -30px;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__inner {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__inner.-pcContents {
    display: none;
  }
}
.DetailMenuGroup__inner.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__inner.-spContents {
    display: block;
  }
}
.DetailMenuGroup__group {
  margin: 30px 0px 0px 30px;
}
.DetailMenuGroup__group.-colum2 {
  width: calc((100% / 2) - 30px);
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__group.-colum2 {
    width: auto;
  }
}
.DetailMenuGroup__group .DetailMenuGroup__unit {
  margin: 0px;
  padding: 20px 0px 0px;
}
.DetailMenuGroup__unit {
  width: 100%;
  margin: 30px 0px 0px 30px;
}
.DetailMenuGroup__unit.-flex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__unit.-flex {
    display: block;
  }
}
.DetailMenuGroup__unit.-bordered {
  padding: 20px 0px 0px;
  border-top: #838383 solid 1px;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__unit.-spBorderless {
    border: none;
  }
}
.DetailMenuGroup__unit.-colum2 {
  width: calc((100% / 2) - 30px);
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__unit.-colum2 {
    width: auto;
  }
}
.DetailMenuGroup__unit.-colum3 {
  width: calc((100% / 3) - 30px);
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__unit.-colum3 {
    width: auto;
  }
}
.DetailMenuGroup__textUnit {
  width: 100%;
  margin-left: 26px;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__textUnit {
    margin: 20px 0px 0px 0px;
  }
}
.DetailMenuGroup__thumbnail {
  flex-shrink: 0;
  width: 160px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__thumbnail {
    flex-shrink: 1;
    margin-left: 10px;
    text-align: right;
  }
}
.DetailMenuGroup__thumbnail .DetailMenuGroup__link {
  position: relative;
  display: inline-block;
}
.DetailMenuGroup__thumbnail .DetailMenuGroup__link::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__imageUnit {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.DetailMenuGroup__banner {
  text-align: center;
}
.DetailMenuGroup__banner .DetailMenuGroup__link {
  position: relative;
}
.DetailMenuGroup__banner .DetailMenuGroup__link::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.DetailMenuGroup__image {
  position: relative;
  z-index: 1;
  width: 100%;
}
.DetailMenuGroup__image.-vertical {
  max-width: 120px;
}
.DetailMenuGroup__image.-banner {
  max-width: 260px;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__image.-banner {
    max-width: 375px;
  }
}
.DetailMenuGroup__label {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__label {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__label.-pcContents {
    display: none;
  }
}
.DetailMenuGroup__label.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__label.-spContents {
    display: block;
  }
}
.DetailMenuGroup__list.-inline {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-left: -30px;
}
.DetailMenuGroup__list.-inline.-columnAuto {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.DetailMenuGroup__list.-inline .DetailMenuGroup__item {
  display: inline-block;
  margin-left: 30px;
  width: calc(50% - 30px);
}
.DetailMenuGroup__list.-inline .DetailMenuGroup__item.-columnAuto {
  width: auto;
}
.DetailMenuGroup__item {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.4;
  list-style-type: none;
  margin-top: 12px;
  padding-left: 22px;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__item {
    font-size: 1.4rem;
  }
}
.DetailMenuGroup__item::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/j-koho/common/images/listIcon_arrowDots_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__item::before {
    top: 0px;
  }
}
.DetailMenuGroup__subText {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .DetailMenuGroup__subText {
    font-size: 1.2rem;
  }
}
.DetailMenuGroup__link {
  color: #333333;
  text-decoration: none;
}
.DetailMenuGroup__link:visited {
  color: #333333;
}
.DetailMenuGroup__link:hover {
  color: #005bac;
  text-decoration: underline;
}
.DetailMenuGroup__link:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.Header__slideItem .DetailMenuGroup__link {
  color: #333333;
  text-decoration: none;
}
.Header__slideItem .DetailMenuGroup__link:visited {
  color: #333333;
}
.Header__slideItem .DetailMenuGroup__link:hover {
  color: #333333;
  text-decoration: underline;
}
.Header__slideItem .DetailMenuGroup__item {
  font-weight: normal;
  font-size: 1.4rem;
  margin: 0px;
  padding: 0px;
}
.Header__slideItem .DetailMenuGroup__item .DetailMenuGroup__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 18px 16px 40px;
  border-bottom: #ffffff solid 1px;
}
.Header__slideItem .DetailMenuGroup__item::before {
  content: none;
}
.Header__slideItem .DetailMenuGroup__inner {
  margin: 0px;
}
.Header__slideItem .DetailMenuGroup__unit {
  margin: 0px;
}
.Header__slideItem .DetailMenuGroup__unit.-bordered {
  border: none;
  padding: 0px;
}
@media screen and (max-width: 1024px) {
  .Header__slideItem .DetailMenuGroup__unit.-colum2 {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .Header__slideItem .DetailMenuGroup__unit.-colum3 {
    width: 100%;
  }
}
.Header__slideItem .DetailMenuGroup__textUnit {
  margin: 0px;
}
@media screen and (max-width: 1024px) {
  .Header__slideItem .DetailMenuGroup__textUnit {
    width: 100%;
  }
}
.Header__slideItem .DetailMenuGroup__label {
  font-size: 1.2rem;
  color: #ffffff;
  background-color: #728698;
  padding: 4px 18px;
}
.Header__mainMenu .DetailMenuGroup__link::after {
  content: none;
  display: inline-block;
  width: 12px;
  height: 10px;
  background-image: url("/j-koho/common/images/icon_external_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  .Header__mainMenu .DetailMenuGroup__link::after {
    content: "";
  }
}
.DropArea .DetailMenuGroup__link {
  color: #ffffff;
  text-decoration: none;
}
.DropArea .DetailMenuGroup__link:visited {
  color: #ffffff;
}
.DropArea .DetailMenuGroup__link:hover {
  color: #ffffff;
  text-decoration: underline;
}
.DropArea .DetailMenuGroup__item {
  font-weight: normal;
}
.DropArea .DetailMenuGroup__item::before {
  background-image: url("/j-koho/common/images/listIcon_arrowDots_white.svg");
}
.DropArea .DetailMenuGroup__unit.-bordered {
  padding: 20px 0px 0px;
  border-top: #ffffff solid 1px;
}
/*DropArea*/
.DropArea {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  opacity: 0;
  transition: transform ease-out 0.3s, opacity ease-out 0.3s;
  padding: 40px 100px;
  pointer-events: none;
}
.DropArea.-overflow {
  overflow-y: auto;
  bottom: 0px;
}
.DropArea.-mainMenu {
  background-color: #005bac;
  top: 81px;
}
.DropArea.-secondaryMenu {
  background-color: #363636;
  top: 152px;
}
.DropArea.-search {
  position: static;
  padding: 20px 18px;
  background-color: #ffffff;
  border-bottom: #E4E4E4 solid 1px;
  transform: translateY(-100%);
}
.DropArea__inner {
  max-width: 1280px;
  margin: 0px auto;
}
.DropArea__inner.-flex {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.DropArea__title {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .DropArea__title {
    letter-spacing: 0px;
  }
}
.DropArea__title .DropArea__link::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 17px;
  margin-left: 10px;
  background-image: url("/j-koho/common/images/arrowHorizontal_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.DropArea__title.-bordered {
  max-width: 1280px;
  border-bottom: #ffffff solid 1px;
  margin: 0px auto 20px;
  padding-bottom: 24px;
}
.DropArea__grid {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.DropArea__menu {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: -40px;
}
.DropArea__menu.-large {
  margin: -40px 0px 0px -64px;
}
.DropArea__menu.-large .DropArea__item {
  width: calc((100% / 3) - 64px);
  margin: 20px 0px 0px 64px;
}
.DropArea__menu.-large .DropArea__thumbnail {
  width: 100%;
  margin-top: 12px;
}
.DropArea__menu.-company {
  width: 100%;
  margin: -40px 0px 0px 70px;
}
.DropArea__item {
  list-style-type: none;
  letter-spacing: 2px;
  font-size: 1.6rem;
  font-weight: bold;
  width: calc(100% / 3);
  margin-top: 20px;
  padding-top: 20px;
}
.DropArea__item:nth-child(n+4) {
  border-top: #E4E4E4 solid 1px;
}
.DropArea__item.-company {
  width: calc(100% / 4);
  margin-top: 40px;
  padding-top: 0px;
}
.DropArea__item.-company:nth-child(n+4) {
  border: none;
}
.DropArea__item.-single {
  margin-top: 40px;
  padding-top: 0px;
}
.DropArea__item.-single:nth-child(n+4) {
  border: none;
}
.DropArea__item.-right {
  width: auto;
  margin-left: auto;
}
.DropArea__item.-flex {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.DropArea__item.-arrow .DropArea__link::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 18px;
  margin-right: 10px;
  background-image: url("/j-koho/common/images/listIcon_arrowDots_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.DropArea__label {
  font-size: 1.6rem;
  margin-left: 30px;
}
.DropArea__label.-top {
  margin-left: 0px;
}
.DropArea__thumbnail {
  width: 160px;
  flex-shrink: 0;
}
.DropArea__thumbnail.-large {
  width: 210px;
}
.DropArea__thumbnail .DropArea__link {
  position: relative;
  display: inline-block;
}
.DropArea__thumbnail .DropArea__link::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.DropArea__image {
  position: relative;
  z-index: 1;
  width: 100%;
  vertical-align: middle;
}
.DropArea__newsHeading {
  font-weight: normal;
}
.DropArea__newsTable {
  width: 80%;
  margin: 0px 30px;
  font-weight: normal;
}
.DropArea__newsRow {
  display: block;
}
.DropArea__newsRow:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: #E4E4E4 solid 1px;
}
.DropArea__newsDate {
  font-weight: normal;
  text-align: left;
  vertical-align: text-top;
  white-space: nowrap;
}
.DropArea__newsExcerpt {
  padding-left: 20px;
}
.DropArea__moreLink {
  font-weight: normal;
  align-self: flex-end;
}
.DropArea__link {
  color: #ffffff;
  text-decoration: none;
}
.DropArea__link:visited {
  color: #ffffff;
}
.DropArea__link:hover {
  color: #ffffff;
  text-decoration: underline;
}
.DropArea__link:hover img {
  opacity: 0.8;
}
.DropArea.-active {
  opacity: 1;
  z-index: 150;
  pointer-events: auto;
}
.Header__slideItem .DropArea__item {
  margin: 0px;
  padding: 0px;
  width: auto;
  border-bottom: #f1f1f1 solid 1px;
}
.Header__slideItem .DropArea__item:nth-child(n+4) {
  border-top: none;
}
.Header__slideItem .DropArea__item.-flex {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Header__slideItem .DropArea__menu {
  display: block;
  margin: 0px;
}
.Header__slideItem .DropArea__menu.-large .DropArea__item {
  width: auto;
  margin: 0px;
}
.Header__slideItem .DropArea__label {
  font-size: 1.4rem;
  font-weight: normal;
  width: 100%;
  margin-left: 0px;
}
.Header__slideItem .DropArea__label.-top {
  margin-left: 0px;
}
.Header__slideItem .DropArea__link {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 21px 16px 40px;
  border-bottom: #ffffff solid 1px;
  color: #333333;
}
.Header__slideItem .DropArea__link:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 13px;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_thin.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.Header__slideItem .DropArea__link:visited {
  color: #333333;
}
.Header__slideItem .DropArea__link:hover {
  color: #333333;
}

/*Footer*/
.Footer__mainMenu {
  display: flex;
  max-width: 1280px;
  margin: 0px auto;
  padding: 68px 96px;
}
@media screen and (max-width: 768px) {
  .Footer__mainMenu {
    display: block;
    padding: 68px 40px;
  }
}
.Footer__mainMenu .Footer__navList.-arrow .Footer__menuLink {
  position: relative;
  padding-left: 18px;
}
.Footer__mainMenu .Footer__navList.-arrow .Footer__menuLink::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  display: inline-block;
  width: 9px;
  height: 14px;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.Footer__navItem.-active::before {
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.Footer__navItem.-active .Footer__toggleTitle::before {
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.Footer__menuLink.-external::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 11px;
  background-image: url("/j-koho/common/images/icon_external_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 8px;
}

/*Header*/
.Header {
  position: fixed;
  z-index: 100;
  top: 0px;
  width: 100%;
  border-top: #005bac solid 6px;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #ffffff;
}
@media screen and (max-width: 1280px) {
  .Header {
    font-size: 14px;
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 1024px) {
  .Header {
    font-size: 1.4rem;
    /* border-top: #005bac solid 3px; 20210408削除*/
    top: -6px;/*20210408追加*/
  }
}
.Header.-overflow {
  overflow-y: auto;
  bottom: 0px;
}
.Header__inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .Header__inner.-pcContents {
    display: none;
  }
}
.Header__menuOuter {
  position: relative;
  background-color: #ffffff;
}
.Header__menuOuter.-spContents {
  display: none;
}
@media screen and (max-width: 1024px) {
  .Header__menuOuter.-spContents {
    display: block;
  }
}
.Header__mainMenu {
  z-index: 100;
  display: flex;
  align-items: center;
  max-width: 1280px;
  margin: 0px auto;
}
@media screen and (max-width: 1024px) {
  .Header__mainMenu {
    display: block;
  }
}
.Header__mainMenu .Header__slideItem {
  background-color: #EAF5FF;
}
.Header__mainMenu .Header__menuIndex {
  height: 74px;
  line-height: 74px;
  color: #005bac;
}
@media screen and (max-width: 1024px) {
  .Header__mainMenu .Header__menuIndex {
    height: auto;
    line-height: 1.4;
    color: #ffffff;
    background-color: #005bac;
  }
}
.Header__mainMenu .Header__menuIndex::before {
  background-color: #ffffff;
}
.Header__mainMenu .Header__menuIndex::after {
  background-color: #ffffff;
}
.Header__mainMenu .Header__menuDecoration::after {
  background-image: url("/j-koho/common/images/menu_arrowVertical_blue.svg");
}
.Header__mainMenu .Header__menuItem {
  width: calc(100vw / 8);
  max-width: 160px;
}
.Header__mainMenu .Header__menuItem.-large {
  width: calc(100vw / 6.8);
  max-width: 190px;
}
.Header__mainMenu .Header__menuItem.-small {
  width: calc(100vw / 9.8);
  max-width: 130px;
}
@media screen and (max-width: 1024px) {
  .Header__mainMenu .Header__menuItem {
    width: 100%;
    max-width: none;
  }
}
.Header__mainMenu .Header__menuItem.-current .Header__menuDecoration {
  border-bottom: #005bac solid 3px;
}
.Header__subMenu {
  z-index: 90;
  border-top: #E4E4E4 solid 1px;
  border-bottom: #E4E4E4 solid 1px;
}
@media screen and (max-width: 1024px) {
  .Header__subMenu {
    border: none;
  }
}
.Header__subMenu .Header__slideItem {
  background-color: #ffffff;
}
.Header__subMenu .Header__menuDecoration::after {
  background-image: url("/j-koho/common/images/menu_arrowVertical_black.svg");
}
.Header__subMenu .Header__menuIndex {
  height: 70px;
  line-height: 70px;
  margin: auto;
  color: #333333;
}
@media screen and (max-width: 1024px) {
  .Header__subMenu .Header__menuIndex {
    height: auto;
    line-height: 1.4;
    background-color: #f1f1f1;
  }
}
.Header__subMenu .Header__menuIndex::before {
  background-color: #333333;
}
.Header__subMenu .Header__menuIndex::after {
  background-color: #333333;
}
.Header__subMenu .Header__menuItem.-current .Header__menuDecoration {
  border-bottom: #333333 solid 3px;
}
.Header__headMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px auto;
  padding: 0px 18px;
  height: 45px;
  border-bottom: #E4E4E4 solid 1px;
}
@media screen and (max-width: 1024px) {
  .Header__menuGroup.-pcContents {
    display: none;
  }
}
.Header__menuGroup.-spContents {
  display: none;
}
@media screen and (max-width: 1024px) {
  .Header__menuGroup.-spContents {
    display: block;
  }
}
.Header__menuGroup.-spContents .Header__menuDecoration::after {
  content: none;
}
.Header__subMenuInner {
  width: 100%;
  max-width: 1280px;
  margin: 0px auto;
}
.Header__logo {
  width: calc(100% / 6);
  max-width: 213px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .Header__logo.-pcContents {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .Header__logo {
    width: 100px;
  }
}
.Header__logoImage {
  margin: 0px auto;
  width: 13.671875vw;
  max-width: 175px;
  min-width: 108px;
}
@media screen and (max-width: 1024px) {
  .Header__logoImage {
    width: 108px;
  }
}
.Header__image {
  width: 100%;
}
.Header__menuList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .Header__menuList {
    display: block;
  }
}
.Header__menuItem {
  width: calc(100% / 6);
  max-width: 213px;
  list-style-type: none;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .Header__menuItem {
    text-align: left;
    width: auto;
    max-width: none;
  }
}
.Header__menuItem.-current .Header__menuDecoration::after {
  transform: rotate(180deg);
}
.Header__menuItem.-active .Header__toggleTitle::before {
  transform: translateY(-50%) rotate(45deg);
}
.Header__menuItem.-active .Header__toggleTitle::after {
  transform: translateY(-50%) rotate(45deg);
}
.Header__menuIndex {
  position: relative;
  display: block;
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex {
    display: inline-block;
    border-bottom: #ffffff solid 1px;
    padding: 16px 18px;
    width: 100%;
    cursor: pointer;
  }
}
.Header__menuIndex.-arrow::before {
  display: none;
}
.Header__menuIndex.-arrow::after {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 21px;
  transform: translateY(-50%);
  width: 7px;
  height: 14px;
  background-color: transparent;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_thin.svg");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex.-arrow::after {
    content: "";
  }
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex:not(.Header__toggleTitle):hover {
    text-decoration: underline;
  }
}
.Header__menuIndex::before {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex::before {
    content: "";
  }
}
.Header__menuIndex::after {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 13px;
  height: 1px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex::after {
    content: "";
  }
}
.Header__menuLink {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}
.Header__menuDecoration {
  padding-bottom: 4px;
}
.Header__menuDecoration::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 8px;
  margin-left: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  transition: transform ease-out 0.2s;
}
@media screen and (max-width: 1280px) {
  .Header__menuDecoration::after {
    margin-left: 2%;
  }
}
.Header__iconMenu {
  flex-grow: 1;
  text-align: center;
  font-size: 1.2rem;
}
@media screen and (max-width: 1280px) {
  .Header__iconMenu {
    font-size: 12px;
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 1024px) {
  .Header__iconMenu.-pcContents {
    display: none;
  }
}
.Header__searchUnit {
  flex-grow: 1;
  margin-right: 60px;
}
@media screen and (max-width: 1024px) {
  .Header__searchUnit {
    margin-right: 0px;
    flex-grow: 0;
  }
}
.Header__externalMenu .Header__menuDecoration {
  padding: 0px 28px 6px 0px;
}
.Header__externalMenu .Header__menuDecoration::after {
  top: 0px;
  right: 0px;
  transition: none;
  width: 20px;
  height: 14px;
  background-image: url("../../common/images/icon_external_blackL.svg");
}
.Header__iconMenuLink {
  color: #005bac;
  display: inline-block;
  text-decoration: none;
}
.Header__icon {
  display: inline-block;
  width: 19px;
  vertical-align: middle;
}
.Header__menuLabel {
  display: inline-block;
  margin-left: 4px;
}
.Header__search {
  display: inline-block;
  width: 25px;
  cursor: pointer;
}
.Header__searchOuter {
  position: absolute;
  z-index: 100;
  top: calc(100% + 1px);
  left: 0px;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .Header__searchOuter {
    top: 100%;
  }
}
.Header__searchForm {
  position: relative;
  z-index: 10;
  font-size: 0;
  max-width: 600px;
  margin: 0px auto;
}
.Header__searchInput {
  display: inline-block;
  width: calc(100% - 76px);
  font-size: 1.6rem;
  line-height: 1.75;
  padding: 10.5px 10px 10.5px 44px;
  background-image: url("/j-koho/common/images/header_icon_search.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 26px;
  background-color: #f1f1f1;
  vertical-align: middle;
}
.Header__searchButton {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.75;
  padding: 10.5px 0px;
  width: 76px;
  color: #ffffff;
  background-color: #005bac;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .Header__searchButton {
    line-height: normal;
  }
}
@-moz-document url-prefix() {
  .Header__searchButton {
    line-height: normal;
  }
}
.Header__toggleButton {
  position: relative;
  display: none;
  cursor: pointer;
  margin-left: 22px;
  padding: 8px 0px;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .Header__toggleButton {
    display: inline-block;
  }
}
.Header__toggleButton::before {
  content: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  height: 45px;
  background-color: #333333;
}
.Header__toggleButton.-active {
  margin: 0px -6px 0px 28px;
}
.Header__toggleButton.-active::before {
  content: "";
}
.Header__toggleButton.-active .Header__toggleButtonBody {
  background-color: transparent;
}
.Header__toggleButton.-active .Header__toggleButtonBody::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  left: 0px;
  width: 22px;
  height: 2px;
  background-color: #ffffff;
}
.Header__toggleButton.-active .Header__toggleButtonBody::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  bottom: auto;
  left: 10px;
  width: 2px;
  height: 22px;
  background-color: #ffffff;
}
.Header__toggleButtonBody {
  position: relative;
  display: block;
  font-size: 0;
  width: 22px;
  height: 2px;
  background-color: #005bac;
}
.Header__toggleButtonBody::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0px;
  width: 22px;
  height: 2px;
  background-color: #005bac;
}
.Header__toggleButtonBody::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0px;
  width: 22px;
  height: 2px;
  background-color: #005bac;
}
/* .Header__toggleMenu {
  display: none;
}
.Header__toggleMenu.-show {
  display: block;
} 20210408削除*/
.Header__slideItem {
  display: none;
}
.Header__slideItem .Header__menuDecoration::after {
  content: none;
}
.Header__toggleTitle {
  position: relative;
  cursor: pointer;
}

/*HeroArea*/
.HeroArea {
  margin-top: 152px;
  transform: translateY(20px);
  opacity: 0;
}
.HeroArea.-displayed {
  transform: translateY(0px);
  opacity: 1;
  transition: all ease 0.7s;
}
@media screen and (max-width: 1024px) {
  .HeroArea {
    margin-top: 48px;
  }
}
.HeroArea__copy {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 5.625%;
  transform: translateY(-50%);
  font-size: 3.2rem;
  line-height: 1.6875;
  letter-spacing: 4px;
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .HeroArea__copy {
    font-size: 1.6rem;
  }
}
.HeroArea__imageContainer {
  position: relative;
  overflow: hidden;
}
.HeroArea__imageContainer.-large {
  height: 650px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-large {
    height: 260px;
  }
}
.HeroArea__imageContainer.-large .HeroArea__sliderItem {
  height: 650px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-large .HeroArea__sliderItem {
    height: 260px;
  }
}
@media screen and (max-width: 1280px) {
  .HeroArea__imageContainer.-large .HeroArea__sliderImage {
    max-height: 650px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-large .HeroArea__sliderImage {
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 1280px) {
  .HeroArea__imageContainer.-large .HeroArea__image {
    max-height: 650px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-large .HeroArea__image {
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.HeroArea__imageContainer.-medium {
  height: 600px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-medium {
    height: 260px;
  }
}
@media screen and (max-width: 1280px) {
  .HeroArea__imageContainer.-medium .HeroArea__image {
    max-height: 600px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-medium .HeroArea__image {
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.HeroArea__imageContainer.-h580 {
  height: 580px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-h580 {
    height: 260px;
  }
}
@media screen and (max-width: 1280px) {
  .HeroArea__imageContainer.-h580 .HeroArea__image {
    max-height: 580px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-h580 .HeroArea__image {
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.HeroArea__imageContainer.-bgRecruit {
  background: url("/j-koho/recruit/images/sougo_bgImage_A.jpg") center top/1264px no-repeat, url("/j-koho/recruit/images/sougo_bgImage_B.jpg") center bottom/1264px no-repeat;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-bgRecruit {
    background: url("/j-koho/recruit/images/sougo_bgImage_A.jpg") center top/800px no-repeat, url("/j-koho/recruit/images/sougo_bgImage_B.jpg") center bottom/800px no-repeat;
  }
}
.HeroArea__imageContainer.-bgRecruit .HeroArea__titleUnit {
  position: static;
  transform: none;
}
.HeroArea__imageContainer.-bgRecruit .HeroArea__title {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  height: 114px;
  margin: 256px 0px;
  color: #333333;
  font-size: 3.6rem;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-bgRecruit .HeroArea__title {
    font-size: 2.8rem;
    margin: 160px 0px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 320px) {
  .HeroArea__imageContainer.-bgRecruit .HeroArea__title {
    font-size: 2.6rem;
  }
}
.HeroArea__eyecatch {
  width: 100%;
  height: 100%;
}
.HeroArea__bgContainer {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f1f1;
}
.HeroArea__bgContainer.-small {
  height: 160px;
}
.HeroArea__bgContainer.-sustainable {
  background-color: #EDF8EC;
}
.HeroArea__bgContainer .HeroArea__titleUnit {
  position: static;
  transform: none;
  color: #333333;
}
.HeroArea__bgContainer .HeroArea__title.-single::after {
  background-color: #333333;
}
.HeroArea__titleUnit {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  width: 100%;
}
.HeroArea__titleUnit.-news .HeroArea__title {
  font-size: 2.8rem;
  letter-spacing: 2px;
  text-indent: 2px;
}
.HeroArea__titleUnit.-news .HeroArea__subTitle {
  font-size: 1.5rem;
  letter-spacing: 4px;
  text-indent: 4px;
  margin-top: 4px;
  padding-bottom: 12px;
}
.HeroArea__titleUnit.-news .HeroArea__subTitle::after {
  width: 80px;
  background-color: #333333;
}
.HeroArea__titleUnit.-caution {
  width: auto;
}
.HeroArea__title {
  font-size: 4.4rem;
}
@media screen and (max-width: 768px) {
  .HeroArea__title {
    font-size: 3.6rem;
  }
}
.HeroArea__title.-single {
  position: relative;
  display: inline-block;
  font-size: 2.8rem;
  letter-spacing: 2px;
  text-indent: 2px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .HeroArea__title.-single {
    font-size: 2rem;
  }
}
.HeroArea__title.-single::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 4px);
  height: 3px;
  background-color: #ffffff;
}
.HeroArea__title.-long {
  line-height: 1.78;
  padding-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .HeroArea__title.-long {
    font-size: 1.8rem;
  }
}
.HeroArea__title.-long::after {
  content: none;
}
.HeroArea__title.-caution {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.HeroArea__title.-caution::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  background-image: url("/j-koho/common/images/icon_important.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .HeroArea__title.-caution::before {
    width: 26px;
    height: 26px;
    margin-right: 3px;
  }
}
.HeroArea__title.-en {
  font-family: "Inter", sans-serif;
  font-weight: normal;
}
.HeroArea__longTitle {
  padding-bottom: 8px;
  border-bottom: #333333 solid 3px;
}
@media screen and (max-width: 768px) {
  .HeroArea__longTitle {
    padding-bottom: 2px;
  }
}
.HeroArea__subTitle {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 8px;
  text-indent: 8px;
  padding-bottom: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .HeroArea__subTitle {
    font-size: 1.4rem;
    margin-top: 6px;
  }
}
.HeroArea__subTitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 16px);
  height: 3px;
  background-color: #ffffff;
}
.HeroArea__image {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .HeroArea__image {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__image {
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.HeroArea__sliderImage {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .HeroArea__sliderImage {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__sliderImage {
    max-height: 100%;
  }
}
.HeroArea__informationList {
  width: calc(100% - 80px);
  max-width: 1088px;
  margin: 30px auto;
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .HeroArea__informationList {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.HeroArea__informationDate {
  display: block;
  float: left;
}
@media screen and (max-width: 768px) {
  .HeroArea__informationDate {
    float: none;
  }
}
.HeroArea__informationExcerpt {
  display: block;
}
@media screen and (max-width: 768px) {
  .HeroArea__informationExcerpt {
    margin-left: 0px;
  }
}
.HeroArea__informationLink {
  display: inline-block;
  color: #333333;
  text-decoration: none;
}
.HeroArea__informationLink:visited {
  color: #333333;
}
.HeroArea__informationLink:hover {
  color: #005bac;
  text-decoration: underline;
}
.HeroArea__pageDescription {
  position: relative;
  z-index: 50;
  width: calc(100% - 80px);
  max-width: 992px;
  margin: -70px auto 0px;
  padding: 24px 0px 0px;
  background-color: #ffffff;
}
.HeroArea__pageDescription .HeroArea__pageCaption {
  width: auto;
}
.HeroArea__pageHeadingIcon {
  display: inline-block;
  vertical-align: bottom;
}
.HeroArea__pageHeadingIcon + .HeroArea__pageHeadingLabel {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageHeadingIcon + .HeroArea__pageHeadingLabel {
    margin-left: 8px;
  }
}
.HeroArea__pageHeadingLabel {
  display: inline-block;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageHeadingLabel {
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__pageHeadingImage {
    width: auto;
    max-width: 60px;
  }
}
.HeroArea__pageHeading {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  font-size: 2.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageHeading {
    font-size: 2rem;
  }
}
.HeroArea__pageHeading.-en {
  font-family: "Inter", sans-serif;
  font-size: 4.4rem;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageHeading.-en {
    font-size: 2.8rem;
  }
}
.HeroArea__pageHeading.-feature {
  font-size: 3.5rem;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageHeading.-feature {
    font-size: 2rem;
  }
}
.HeroArea__pageCaption {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.75;
  width: calc(100% - 80px);
  max-width: 600px;
  margin: 80px auto 0px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageCaption {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.HeroArea__pageCaption.-feature {
  font-weight: normal;
  margin: 16px auto 0px;
  text-align: center;
}
.HeroArea__pageNotes {
  font-size: 1.4rem;
  line-height: 2.14;
  max-width: 600px;
  margin: 10px auto 0px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageNotes {
    font-size: 1.2rem;
    line-height: 2;
  }
}
.HeroArea__pageNumber {
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 4px;
  text-indent: 4px;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageNumber {
    letter-spacing: 2px;
    text-indent: 2px;
    margin-top: 20px;
    padding-bottom: 6px;
    font-size: 1.6rem;
  }
}
.HeroArea__pageNumber::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 104px;
  height: 3px;
  background-color: #333333;
}
.HeroArea__pageNumber + .HeroArea__pageHeading {
  margin-top: 10px;
}
.HeroArea__logo {
  text-align: center;
  margin-top: 40px;
}
.HeroArea__logo.-special01 .HeroArea__logoIimage {
  display: inline-block;
  max-width: 378px;
  min-width: 240px;
}
.HeroArea__logoIimage {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .HeroArea__br.-pcContents {
    display: none;
  }
}
.HeroArea__br.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .HeroArea__br.-spContents {
    display: block;
  }
}
.HeroArea__sup {
  font-size: 50%;
}

.Breadcrumb + .HeroArea {
  margin-top: 0px;
}
@media screen and (max-width: 1024px) {
  .Breadcrumb + .HeroArea {
    margin-top: 0px;
  }
}
.slick-slider {
  position: static;
}
.slick-dots {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0;
}
.slick-dots li {
  display: inline-block;
  list-style-type: none;
}
.slick-dots li + li {
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .slick-dots li + li {
    margin-left: 6px;
  }
}
.slick-dots li.slick-active button {
  background-color: rgba(0, 91, 172, 0.7);
}
.slick-dots button {
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  width: 68px;
  height: 4px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.7);
}
/*HistoryArea*/
.HistoryArea {
  max-width: 1270px;
  margin: 70px auto 0px;
}
.HistoryArea__headUnit {
  width: calc(100% - 80px);
  margin: 0px auto;
}
.HistoryArea__pageLinkList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  margin: -20px 0px 0px -20px;
}
.HistoryArea__pageLinkItem {
  list-style-type: none;
  width: calc(25% - 20px);
  min-width: 150px;
  margin: 20px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .HistoryArea__pageLinkItem {
    width: calc(50% - 20px);
    min-width: none;
  }
}
@media screen and (max-width: 414px) {
  .HistoryArea__pageLinkItem {
    width: calc(100% - 20px);
  }
}
.HistoryArea__pageLinkButton {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  padding: 10px;
  background-color: #333333;
}
@media screen and (max-width: 414px) {
  .HistoryArea__pageLinkButton {
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding: 10px 80px 10px 10px;
  }
}
.HistoryArea__pageLinkButton::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 11px;
  margin-left: 8px;
  background-image: url("/j-koho/common/images/menu_arrowVertical_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.HistoryArea__pageLinkButton:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.HistoryArea__pageLinkButton:hover::after {
  background-image: url("/j-koho/common/images/menu_arrowVertical_black.svg");
}
.HistoryArea__colorList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-left: -50px;
}
@media screen and (max-width: 414px) {
  .HistoryArea__colorList {
    justify-content: start;
    -ms-justify-content: start;
    -webkit-justify-content: start;
    margin-left: -10px;
  }
}
.HistoryArea__colorName {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  list-style-type: none;
  margin: 30px 0px 0px 50px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .HistoryArea__colorName {
    margin: 20px 0px 0px 50px;
  }
}
@media screen and (max-width: 414px) {
  .HistoryArea__colorName {
    white-space: normal;
  }
}
.HistoryArea__colorName::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 9px;
}
.HistoryArea__colorName.-homes::before {
  background-color: #D7B98B;
}
.HistoryArea__colorName.-reform::before {
  background-color: #BCCEB0;
}
.HistoryArea__colorName.-residence::before {
  background-color: #8BC4CC;
}
.HistoryArea__layoutBoard {
  position: relative;
  background-image: url("/j-koho/common/images/history_bg.png");
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 8298px;
  width: calc(100% - 80px);
  margin: 20px auto 0px;
  height: 8741px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__layoutBoard {
    width: calc(100% - 40px);
    margin: 120px 0px 0px 0px;
    background-image: none;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__layoutBoard {
    margin: 30px 0px 0px 0px;
    width: calc(100% - 18px);
  }
}
.HistoryArea__layoutBoard::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: #333333;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__layoutBoard::before {
    top: auto;
    bottom: 0px;
    left: 0px;
    transform: none;
    width: 3px;
    height: calc(100% - 170px);
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__layoutBoard::before {
    height: calc(100% - 100px);
  }
}
.HistoryArea__layoutBoard::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 400px;
  height: 90px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
  /* IE6-9 */
}
@media screen and (max-width: 1024px) {
  .HistoryArea__layoutBoard::after {
    left: 0px;
    transform: none;
    width: 10px;
  }
}
.HistoryArea__item {
  position: absolute;
  z-index: 10;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item {
    position: static;
    width: 100%;
  }
}
.HistoryArea__item.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.HistoryArea__item.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.HistoryArea__item.-left {
  left: 0px;
  padding-right: 14px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left {
    padding-right: 0px;
    padding-left: 14px;
  }
}
.HistoryArea__item.-left .HistoryArea__heading {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__heading {
    display: block;
  }
}
.HistoryArea__item.-left .HistoryArea__year {
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__year {
    text-align: left;
  }
}
.HistoryArea__item.-left .HistoryArea__yearDecoration::before {
  left: 0px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__yearDecoration::before {
    left: 70px;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-left .HistoryArea__yearDecoration::before {
    left: 0px;
  }
}
.HistoryArea__item.-left .HistoryArea__yearDecoration::after {
  right: -22px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__yearDecoration::after {
    right: auto;
    left: -22px;
  }
}
.HistoryArea__item.-left .HistoryArea__unit {
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__unit {
    margin-right: 0px;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-left .HistoryArea__unit {
    margin-left: 40px;
  }
}
.HistoryArea__item.-right {
  right: 0px;
  padding-left: 14px;
}
.HistoryArea__item.-right .HistoryArea__heading {
  display: block;
}
.HistoryArea__item.-right .HistoryArea__year {
  text-align: left;
}
.HistoryArea__item.-right .HistoryArea__yearDecoration::before {
  right: 0px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-right .HistoryArea__yearDecoration::before {
    right: auto;
    left: 70px;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-right .HistoryArea__yearDecoration::before {
    left: 0px;
  }
}
.HistoryArea__item.-right .HistoryArea__yearDecoration::after {
  left: -22px;
}
.HistoryArea__item.-right .HistoryArea__unit {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-right .HistoryArea__unit {
    margin-left: 40px;
  }
}
.HistoryArea__item.-year1967 {
  top: 96px;
}
.HistoryArea__item.-year1972 {
  top: 160px;
}
.HistoryArea__item.-year1975 {
  top: 377px;
}
.HistoryArea__item.-year1979 {
  top: 622px;
}
.HistoryArea__item.-year1980 {
  top: 844px;
}
.HistoryArea__item.-year1981 {
  top: 1005px;
}
.HistoryArea__item.-year1982 {
  top: 1032px;
}
.HistoryArea__item.-year1983 {
  top: 1171px;
}
.HistoryArea__item.-year1986 {
  top: 1463px;
}
.HistoryArea__item.-year1988 {
  top: 1542px;
}
.HistoryArea__item.-year1989 {
  top: 1706px;
}
.HistoryArea__item.-year1991 {
  top: 1780px;
}
.HistoryArea__item.-year1994 {
  top: 1957px;
}
.HistoryArea__item.-year1996 {
  top: 2140px;
}
.HistoryArea__item.-year1998 {
  top: 2210px;
}
.HistoryArea__item.-year1999 {
  top: 2517px;
}
.HistoryArea__item.-year2000 {
  top: 2678px;
}
.HistoryArea__item.-year2001 {
  top: 2993px;
}
.HistoryArea__item.-year2002 {
  top: 3053px;
}
.HistoryArea__item.-year2003 {
  top: 3165px;
}
.HistoryArea__item.-year2004 {
  top: 3217px;
}
.HistoryArea__item.-year2005 {
  top: 4049px;
}
.HistoryArea__item.-year2007 {
  top: 4099px;
}
.HistoryArea__item.-year2008 {
  top: 4951px;
}
.HistoryArea__item.-year2011 {
  top: 5183px;
}
.HistoryArea__item.-year2012 {
  top: 5354px;
}
.HistoryArea__item.-year2013 {
  top: 5402px;
}
.HistoryArea__item.-year2014 {
  top: 5909px;
}
.HistoryArea__item.-year2015 {
  top: 6327px;
}
.HistoryArea__item.-year2016 {
  top: 6663px;
}
.HistoryArea__item.-year2017 {
  top: 6721px;
}
.HistoryArea__item.-year2018 {
  top: 7141px;
}
.HistoryArea__item.-year2019A {
  top: 7732px;
}
.HistoryArea__item.-year2019B {
  top: 7873px;
}
.HistoryArea__item.-year2020 {
  top: 8579px;
}
.HistoryArea__item.-link {
  margin-top: -174px;
  padding-top: 174px;
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-link {
    margin-top: -48px;
    padding-top: 48px;
  }
}
.HistoryArea__itemInner {
  position: relative;
}
.HistoryArea__unit {
  max-width: 335px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__unit {
    max-width: 520px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__unit {
    max-width: none;
    margin-top: 35px;
  }
}
.HistoryArea__heading {
  position: relative;
  z-index: 10;
  font-size: 1.6rem;
  line-height: 1.875;
  padding-left: 10px;
  background-color: #ffffff;
}
.HistoryArea__heading:not(:first-child) {
  margin-top: 40px;
}
.HistoryArea__heading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 4px;
  height: 92%;
}
.HistoryArea__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  width: 8px;
  height: 100%;
  background-color: #ffffff;
}
.HistoryArea__heading.-large {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
}
.HistoryArea__heading.-homes::before {
  background-color: #D7B98B;
}
.HistoryArea__heading.-reform::before {
  background-color: #BCCEB0;
}
.HistoryArea__heading.-residence::before {
  background-color: #8BC4CC;
}
.HistoryArea__heading.-over {
  width: 110%;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__heading.-over {
    width: 100%;
  }
}
.HistoryArea__column {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 44px;
}
.HistoryArea__column .HistoryArea__figure {
  margin-top: 0px;
  max-width: 94px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__column .HistoryArea__figure {
    max-width: 140px;
  }
}
.HistoryArea__columnItem + .HistoryArea__columnItem {
  margin-left: 30px;
}
.HistoryArea__year {
  position: absolute;
  top: 2px;
  font-size: 2.7rem;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  line-height: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .HistoryArea__year {
    position: static;
    margin-top: 35px;
  }
}
.HistoryArea__yearDecoration {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .HistoryArea__yearDecoration {
    width: auto;
    padding-left: 40px;
  }
}
.HistoryArea__yearDecoration::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 70px);
  height: 1px;
  background-color: #707070;
}
.HistoryArea__yearDecoration::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border: #333333 solid 2px;
  background-color: #ffffff;
  border-radius: 50%;
}
.HistoryArea__figure {
  margin-top: 20px;
  max-width: 325px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__figure {
    max-width: none;
  }
}
.HistoryArea__figure.-vertical {
  max-width: 200px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__figure.-logo {
    max-width: 200px;
  }
}
.HistoryArea__image {
  width: 100%;
}
.HistoryArea__sales {
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales {
    display: inline-block;
    position: relative;
    left: 0px;
    transform: none;
    text-align: left;
    margin-top: 60px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__sales {
    margin-top: 35px;
    padding-left: 40px;
  }
}
.HistoryArea__sales::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #F7A6A6;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales::after {
    left: 0px;
    transform: translate(0px, -50%);
  }
}
.HistoryArea__sales.-lank1 {
  top: 8239px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank1 {
    top: auto;
    padding-top: 94px;
    padding-bottom: 94px;
  }
}
.HistoryArea__sales.-lank1::after {
  width: 246px;
  height: 246px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank1::after {
    margin-left: -123px;
  }
}
.HistoryArea__sales.-lank2 {
  top: 6471px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank2 {
    top: auto;
    padding-top: 71px;
    padding-bottom: 71px;
  }
}
.HistoryArea__sales.-lank2::after {
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank2::after {
    margin-left: -100px;
  }
}
.HistoryArea__sales.-lank3 {
  top: 3686px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank3 {
    top: auto;
    padding-top: 41px;
    padding-bottom: 41px;
  }
}
.HistoryArea__sales.-lank3::after {
  width: 140px;
  height: 140px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank3::after {
    margin-left: -70px;
  }
}
.HistoryArea__sales.-lank4 {
  top: 2025px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank4 {
    top: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.HistoryArea__sales.-lank4::after {
  width: 106px;
  height: 106px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank4::after {
    margin-left: -53px;
  }
}
.HistoryArea__sales.-lank5 {
  top: 1307px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank5 {
    top: auto;
  }
}
.HistoryArea__sales.-lank5::after {
  width: 56px;
  height: 56px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank5::after {
    margin-left: -28px;
  }
}
.HistoryArea__sales.-lank6 {
  top: 431px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank6 {
    top: auto;
  }
}
.HistoryArea__sales.-lank6::after {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank6::after {
    margin-left: -16px;
  }
}
.HistoryArea__money {
  font-size: 3.4rem;
}
/*LayoutBox*/
.LayoutBox {
  display: flex;
  margin: 40px auto 0px;
}
@media screen and (max-width: 768px) {
  .LayoutBox {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .LayoutBox + .LayoutBox {
    margin: 60px auto 0px;
  }
}
.LayoutBox.-bgYellow {
  margin-top: 40px;
}
.LayoutBox.-colomn3 .LayoutBox__item {
  width: calc(33.33% - (30px / 3));
}
@media screen and (max-width: 768px) {
  .LayoutBox.-colomn3 .LayoutBox__item {
    width: auto;
    margin: 60px 0px 0px 0px;
  }
}
.LayoutBox.-wideGap .LayoutBox__item {
  width: calc(50% - (120px / 2));
}
@media screen and (max-width: 768px) {
  .LayoutBox.-wideGap .LayoutBox__item {
    width: auto;
    margin: 30px 0px 0px 0px;
  }
}
.LayoutBox.-wideGap .LayoutBox__item + .LayoutBox__item {
  margin-left: 120px;
}
@media screen and (max-width: 768px) {
  .LayoutBox.-wideGap .LayoutBox__item + .LayoutBox__item {
    margin-left: 0px;
  }
}
.LayoutBox__figure.-right {
  max-width: 420px;
  margin: 0px 0px 0px auto;
}
@media screen and (max-width: 768px) {
  .LayoutBox__figure.-right {
    margin: 40px auto 0px;
  }
}
.LayoutBox.-hebel {
  max-width: 728px;
  margin: 76px auto 0px;
}
@media screen and (max-width: 768px) {
  .LayoutBox.-pcContents {
    display: none;
  }
}
.LayoutBox__subHeadingGroup {
  margin-bottom: -40px;
}
.LayoutBox__imageContainer {
  width: auto;
}
@media screen and (max-width: 768px) {
  .LayoutBox__imageContainer .LayoutBox__imageItem + .LayoutBox__imageItem {
    margin-top: 10px;
  }
}
.LayoutBox__text + .LayoutBox__text {
  margin-top: 30px;
}
.LayoutBox__item {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item {
    width: 100%;
  }
}
.LayoutBox__item + .LayoutBox__item:not(.-noGapSp) {
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item + .LayoutBox__item:not(.-noGapSp) {
    margin: 60px 0px 0px 0px;
  }
}
@media screen and (max-width: 768px) {
  .LayoutBox__item + .LayoutBox__imageItem {
    margin-top: 40px;
  }
}
.LayoutBox__item.-message + .LayoutBox__item {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-message + .LayoutBox__item {
    margin-left: 0px;
  }
}
.LayoutBox__item.-large {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-large {
    width: auto;
  }
}
.LayoutBox__item.-medium {
  width: 53.2%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-medium {
    width: auto;
  }
}
.LayoutBox__item.-small {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-small {
    width: auto;
  }
}
.LayoutBox__item.-mini {
  max-width: 280px;
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-mini {
    width: auto;
    margin-right: 0px;
  }
}
.LayoutBox__item.-business {
  width: 44%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-business {
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
  }
}
.LayoutBox__item.-business:last-child {
  width: 56%;
  margin-left: 64px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-business:last-child {
    width: 100%;
    margin: 40px 0px 0px 0px;
  }
}
.LayoutBox__item.-noGap {
  margin-left: 0px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-noGap {
    margin: 60px 0px 0px 0px;
  }
}
.LayoutBox__item.-noGapSp {
  margin-left: 0px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__item.-noGapSp {
    margin: 0px 0px 0px 0px;
  }
}
.LayoutBox__figcaption {
  font-size: 1.6rem;
  line-height: 1.87;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__figcaption {
    font-size: 1.4rem;
  }
}
.LayoutBox__titleItem {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__titleItem {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .LayoutBox__titleItem + .LayoutBox__item {
    margin: 20px 0px 0px 0px;
  }
}
.LayoutBox__imageItem + .LayoutBox__imageItem {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__imageItem + .LayoutBox__imageItem {
    margin-left: 0px;
    margin-top: 40px;
  }
}
.LayoutBox__imageItem.-stage:nth-child(1) {
  display: inline-block;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__imageItem.-stage:nth-child(1) {
    width: 20%;
  }
}
.LayoutBox__imageItem.-stage:nth-child(2) {
  display: inline-block;
  width: 32%;
  margin-left: 14%;
  padding: 30px 0px 0px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__imageItem.-stage:nth-child(2) {
    width: auto;
    max-width: 295px;
    margin: 0px auto;
    padding: 0px;
  }
}
.LayoutBox__imageItem.-stage:nth-child(3) {
  width: 32%;
  padding: 30px 0px 0px;
  margin-left: 2%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__imageItem.-stage:nth-child(3) {
    width: auto;
    max-width: 295px;
    margin: 40px auto 0px;
    padding: 0px;
  }
}
.LayoutBox__list.-hebel {
  font-size: 1.6rem;
  line-height: 2.25;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .LayoutBox__list.-hebel {
    font-size: 1.4rem;
    line-height: 2.2;
  }
}
.LayoutBox__caption {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .LayoutBox__caption {
    font-size: 1.4rem;
  }
}
.LayoutBox__name {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .LayoutBox__name {
    font-size: 1.6rem;
  }
}
.LayoutBox__image {
  width: 100%;
}
.ContentArea__figureUnit .LayoutBox {
  margin-top: 0px;
}
.ContentArea__headingOuter + .LayoutBox__figure {
  margin-top: 34px;
}
.Section__subHeading .ContentArea__figure {
  margin-top: 40px;
}
/*MenuGrid*/
.MenuGrid {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.MenuGrid.-company {
  margin: -4px 0px 0px -4px;
}
.MenuGrid.-company .MenuGrid__item {
  width: calc((100% / 3) - 4px);
  margin: 4px 0px 0px 4px;
  overflow: hidden;
}
.MenuGrid.-company .MenuGrid__item.-large {
  width: 100%;
}
.MenuGrid.-company .MenuGrid__item .MenuGrid__thumbnail {
  position: relative;
}
.MenuGrid.-company .MenuGrid__item .MenuGrid__thumbnail::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 100%;
  background-color: #005bac;
}
@media screen and (max-width: 768px) {
  .MenuGrid.-spColumn1 .MenuGrid__item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid.-spColumn1 .MenuGrid__item.-large {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid.-spColumn2 .MenuGrid__item {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid.-spColumn2 .MenuGrid__item.-large {
    width: 100%;
  }
}
.MenuGrid__item {
  position: relative;
  width: 33.33%;
  overflow: hidden;
}
.MenuGrid__item.-large {
  width: 100%;
}
.MenuGrid__item.-bg {
  padding: 0px 0px 46px;
  background-color: #f1f1f1;
}
.MenuGrid__item.-bg:hover {
  background-color: #333333;
}
.MenuGrid__item.-bg:hover .MenuGrid__list {
  color: #ffffff;
}
.MenuGrid__item.-bg .MenuGrid__label {
  margin-top: 46px;
}
.MenuGrid__index {
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 6px;
  width: 100%;
  color: #ffffff;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .MenuGrid__index {
    font-size: 1.8rem;
    letter-spacing: 5px;
  }
}
.MenuGrid__index::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_white.svg");
}
.MenuGrid__index.-center {
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.MenuGrid__index.-left {
  left: 20px;
}
.MenuGrid__iconUnit {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .MenuGrid__iconUnit {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
}
.MenuGrid__label {
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.4;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .MenuGrid__label {
    margin: 0px 0px 0px 0px;
  }
}
.MenuGrid__label.-center {
  text-align: center;
}
.MenuGrid__link:hover .MenuGrid__image {
  transform: scale(1.1);
}
.MenuGrid__link.-cover {
  color: #333333;
  text-decoration: none;
}
.MenuGrid__link.-cover::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.MenuGrid__link.-cover:hover {
  color: #ffffff;
}
.MenuGrid__link.-arrow::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 14px;
  margin-left: 10px;
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.MenuGrid__link.-arrow:hover::after {
  background-image: url("/j-koho/common/images/menu_arrowHorizontal_white.svg");
}
@media screen and (max-width: 768px) {
  .MenuGrid__iconImage {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-pcContents {
    display: none;
  }
}
.MenuGrid__thumbnail.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-spContents {
    display: block;
  }
}
.MenuGrid__image {
  width: 100%;
  transition: transform ease 0.3s;
}
@media screen and (max-width: 768px) {
  .MenuGrid__image.-pcContents {
    display: none;
  }
}
.MenuGrid__image.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .MenuGrid__image.-spContents {
    display: block;
  }
}
.MenuGrid__listOuter.-other {
  max-width: 880px;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .MenuGrid__listOuter.-other {
    max-width: 350px;
    padding: 0px 18px;
  }
}
.MenuGrid__list.-other {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  font-weight: bold;
  list-style-type: none;
  font-size: 1.6rem;
  margin-left: -128px;
}
@media screen and (max-width: 768px) {
  .MenuGrid__list.-other {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.4rem;
    margin-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid__list.-other.-pcContents {
    display: none;
  }
}
.MenuGrid__list.-other.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .MenuGrid__list.-other.-spContents {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
  }
}
.MenuGrid__list.-other .MenuGrid__listIndex {
  display: inline-block;
  width: 164px;
  margin-top: 30px;
  margin-left: 128px;
}
@media screen and (max-width: 768px) {
  .MenuGrid__list.-other .MenuGrid__listIndex {
    width: 50%;
    max-width: 140px;
    margin-top: 20px;
    margin-left: 0px;
  }
}
/*ModalContent*/
.ModalContent {
  display: none;
  /*jsでフェードイン*/
  position: fixed;
  top: calc(50% + 60px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 700px;
  z-index: 300;
  padding: 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .ModalContent {
    top: calc(50% + 20px);
  }
}
.ModalContent__iframeContent {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ModalContent__movieFile {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ModalContent__modalItem {
  max-width: 100%;
  max-height: 70vh;
}
.ModalContent__modalClose {
  position: absolute;
  top: -50px;
  right: -10px;
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}
/*ModalOverlay*/
.ModalOverlay {
  display: none;
  /*jsでフェードイン*/
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
/*NewsBox*/
.NewsBox {
  width: calc(100% - 36px);
  max-width: 1088px;
  margin: 0px auto;
}
.NewsBox__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 0px -30px;
}
@media screen and (max-width: 768px) {
  .NewsBox__inner {
    margin: -30px 0px 0px -30px;
  }
}
.NewsBox__item {
  width: calc((100% / 4) - 30px);
  margin: 30px 0px 0px 30px;
}
@media screen and (max-width: 768px) {
  .NewsBox__item {
    width: calc((100% / 2) - 30px);
  }
}
.NewsBox__headingUnit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .NewsBox__headingUnit {
    display: block;
  }
}
.NewsBox__tag {
  font-size: 1.2rem;
}
.NewsBox__date {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .NewsBox__date {
    font-size: 1.2rem;
  }
}
.NewsBox__thumbnail {
  position: relative;
  width: 100%;
  padding-top: 56.4516%;
  margin-top: 2px;
  overflow: hidden;
}
.NewsBox__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform ease 0.3s;
}
.NewsBox__title {
  font-size: 1.6rem;
  line-height: 1.75;
}
.NewsBox__excerpt {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .NewsBox__excerpt {
    font-size: 1.3rem;
  }
}
.NewsBox__link {
  display: inline-block;
  color: #333333;
  text-decoration: none;
}
.NewsBox__link:visited {
  color: #333333;
}
.NewsBox__link:hover {
  color: #005bac;
  text-decoration: underline;
}
.NewsBox__link:hover .NewsBox__image {
  transform: scale(1.1);
}
.NewsBox__alert {
  display: none;
  font-size: 1.6rem;
  list-style-type: none;
  text-align: center;
  width: 100%;
  margin: 80px 0px 80px 30px;
}
/*NewsContainer*/
.NewsContainer {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin: 83px auto 0px;
}
@media screen and (max-width: 768px) {
  .NewsContainer {
    display: block;
  }
}
.NewsContainer.-single {
  margin: 59px auto 0px;
  display: block;
  max-width: 794px;
}
.NewsContainer.-single .NewsContainer__mainItem {
  width: 100%;
  margin-left: 0px;
}
.NewsContainer__sideItem {
  width: 25.74%;
}
@media screen and (max-width: 768px) {
  .NewsContainer__sideItem {
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .NewsContainer__sideItem.-pcContents {
    display: none;
  }
}
.NewsContainer__sideItem.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .NewsContainer__sideItem.-spContents {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
  }
}
.NewsContainer__mainItem {
  width: 65.72%;
  margin-left: 8.54%;
}
@media screen and (max-width: 768px) {
  .NewsContainer__mainItem {
    width: auto;
    margin: 30px 0px 0px 0px;
  }
}
.NewsContainer__navUnit {
  font-weight: bold;
}
.NewsContainer__navUnit + .NewsContainer__navUnit {
  margin: 27px 0px 0px 0px;
}
.NewsContainer__navUnitInner {
  position: relative;
}
.NewsContainer__selectLabel {
  display: none;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 10px;
  padding: 12.5px 20px;
  cursor: pointer;
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .NewsContainer__selectLabel {
    display: block;
  }
}
.NewsContainer__selectLabel::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  width: 15px;
  height: 8px;
  background-image: url("/j-koho/common/images/menu_arrowVertical_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .NewsContainer__selectLabel::after {
    display: inline-block;
  }
}
.NewsContainer__navTitle {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.87;
  padding: 4.5px 0px;
  color: #ffffff;
  background-color: #005bac;
}
@media screen and (max-width: 768px) {
  .NewsContainer__navTitle {
    font-size: 1.4rem;
  }
}
.NewsContainer__navList {
  list-style-type: none;
  font-size: 1.4rem;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .NewsContainer__navList {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 10;
    width: 100%;
    margin-top: 0px;
    background-color: #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .NewsContainer__navIndex {
    border-top: #ffffff solid 1px;
  }
}
.NewsContainer__navIndex + .NewsContainer__navIndex {
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .NewsContainer__navIndex + .NewsContainer__navIndex {
    margin-top: 0px;
  }
}
.NewsContainer__indexButton {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12.5px 20px;
  background-color: #f1f1f1;
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .NewsContainer__indexButton {
    padding: 12.5px 40px;
  }
}
.NewsContainer__indexButton::before {
  content: "";
  display: inline-block;
  width: 9px;
  min-width: 9px;
  height: 16px;
  margin-right: 10px;
  background-image: url("/j-koho/common/images/arrowHorizontal_black.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .NewsContainer__indexButton::before {
    display: none;
  }
}
.NewsContainer__indexButton:hover {
  background-color: #333333;
  color: #ffffff;
}
.NewsContainer__indexButton:hover::before {
  background-image: url("/j-koho/common/images/arrowHorizontal_white.svg");
}
.NewsContainer__heading {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .NewsContainer__heading {
    font-size: 1.6rem;
  }
}
.NewsContainer__heading + .NewsContainer__head {
  margin-top: 30px;
}
.NewsContainer__head {
  background-color: #f1f1f1;
  padding: 0px 16px;
}
.NewsContainer__body {
  margin-top: 50px;
}
.NewsContainer__body p {
  font-size: 1.3rem;
  line-height: 1.77;
}
.NewsContainer__body p + p {
  margin-top: 32px;
}
.NewsContainer__body h4 {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.77;
  margin-top: 32px;
}
.NewsContainer__body h4 + p {
  margin-top: 10px;
}
.NewsContainer__body h4 + table {
  margin-top: 10px;
}
.NewsContainer__body h4 + h4 {
  margin-top: 20px;
}
.NewsContainer__body img {
  display: block;
  max-width: 100%;
  margin: 32px auto 0px;
}
.NewsContainer__titleUnit {
  margin-top: 22px;
}
.NewsContainer__titleUnitInner {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.NewsContainer__titleOuter {
  margin-top: 50px;
  text-align: center;
}
.NewsContainer__headText {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2;
}
.NewsContainer__title {
  display: inline;
  font-size: 1.8rem;
  line-height: 2.14;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: #333333 solid 3px;
}
@media screen and (max-width: 768px) {
  .NewsContainer__title {
    font-size: 1.6rem;
    line-height: 2;
    padding-bottom: 2px;
  }
}
.NewsContainer__newsList {
  list-style-type: none;
}
.NewsContainer__newsItem {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  padding: 16px 0px;
  border-bottom: #707070 solid 1px;
}
@media screen and (max-width: 768px) {
  .NewsContainer__newsItem {
    display: block;
  }
}
.NewsContainer__infoUnit {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .NewsContainer__infoUnit {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    width: 100%;
    margin-bottom: 10px;
  }
}
.NewsContainer__infoUnit.-large {
  width: auto;
}
@media screen and (max-width: 768px) {
  .NewsContainer__infoUnit.-large {
    display: block;
  }
}
.NewsContainer__textUnit {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .NewsContainer__textUnit {
    width: 100%;
  }
}
.NewsContainer__buttonUnit {
  width: 65px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .NewsContainer__buttonUnit {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: auto;
    margin: 8px 0px 0px 0px;
  }
}
.NewsContainer__date {
  font-size: 1.3rem;
  font-weight: bold;
}
.NewsContainer__category {
  font-size: 1.1rem;
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .NewsContainer__category {
    margin: 0px 0px 0px 8px;
  }
}
.NewsContainer__company {
  font-size: 1.3rem;
  font-weight: bold;
}
.NewsContainer__text {
  font-size: 1.3rem;
  line-height: 1.77;
}
.NewsContainer__text.-right {
  text-align: right;
}
.NewsContainer__caption {
  text-align: center;
  margin-top: 2px;
}
.NewsContainer__button {
  width: 65px;
}
.NewsContainer__button + .NewsContainer__button {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .NewsContainer__button + .NewsContainer__button {
    margin: 0px 0px 0px 8px;
  }
}
.NewsContainer__link {
  display: inline-block;
  color: #333333;
  text-decoration: none;
}
.NewsContainer__link:visited {
  color: #333333;
}
.NewsContainer__link:hover {
  color: #005bac;
  text-decoration: underline;
}
.NewsContainer__buttonLink {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  padding: 6px 8px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background-color: #333333;
  white-space: nowrap;
}
.NewsContainer__buttonLink:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.NewsContainer__buttonLink.-download::before {
  content: "";
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 15px;
  margin-right: 6px;
  background-image: url("/j-koho/common/images/common_download_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.NewsContainer__buttonLink.-download:hover::before {
  background-image: url("/j-koho/common/images/common_download_black.svg");
}
.NewsContainer__column {
  border: 1px solid #333;
  text-align: center;
  margin: 60px 0px;
  padding: 10px;
}
.NewsContainer__column + p {
  margin-top: 0px;
}
.ContentArea__search + .NewsContainer {
  margin-top: 20px;
}
/*Overlay*/
.Overlay {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
/*PhilosophySection*/
.PhilosophySection {
  text-align: center;
  width: calc(100% - 80px);
  max-width: 1280px;
  margin: 100px auto 0px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection {
    margin: 70px auto 0px;
  }
}
.PhilosophySection.-left {
  text-align: left;
}
.PhilosophySection.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.PhilosophySection.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.PhilosophySection.-small {
  width: calc(100% - 36px);
  max-width: 1088px;
}
.PhilosophySection.-bgColor {
  width: 100%;
  max-width: none;
  padding: 50px 40px;
  background-color: #f1f1f1;
}
.PhilosophySection__heading {
  display: inline-block;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 3px;
  text-indent: 3px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__heading {
    font-size: 1.4rem;
  }
}
.PhilosophySection__heading::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 6px);
  height: 3px;
  background-color: #333333;
}
.PhilosophySection__copyUnit {
  text-align: center;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyUnit {
    margin-top: 18px;
  }
}
.PhilosophySection__copyLogo {
  margin: 0px auto;
  padding: 0px 18px;
  min-width: 240px;
}
.PhilosophySection__copyLogo + .PhilosophySection__copyLogo {
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyLogo + .PhilosophySection__copyLogo {
    margin-top: 10px;
  }
}
.PhilosophySection__copyLogo.-en {
  max-width: 410px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyLogo.-en {
    max-width: 300px;
  }
}
@media screen and (max-width: 414px) {
  .PhilosophySection__copyLogo.-en {
    max-width: vw414(300);
  }
}
.PhilosophySection__copyLogo.-jp {
  max-width: 560px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyLogo.-jp {
    max-width: 370px;
  }
}
@media screen and (max-width: 414px) {
  .PhilosophySection__copyLogo.-jp {
    max-width: vw414(370);
  }
}
.PhilosophySection__copy {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copy {
    font-size: 1.8rem;
  }
}
.PhilosophySection__copy.-large {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 4.4rem;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copy.-large {
    font-size: 3rem;
  }
}
.PhilosophySection__text {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__text {
    margin-top: 30px;
    text-align: left;
  }
}
.PhilosophySection__buttonOuter {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: -30px 0px 0px -30px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__buttonOuter {
    margin: -20px 0px 0px -20px;
  }
}
.PhilosophySection__buttonItem {
  width: calc(33.33% - 30px);
  margin: 30px 0px 0px 30px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__buttonItem {
    width: calc(50% - 20px);
    margin: 20px 0px 0px 20px;
  }
}
.PhilosophySection__button {
  position: relative;
  font-weight: bold;
  font-size: 2rem;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__button {
    font-size: 1.6rem;
    height: 44px;
  }
}
@media screen and (max-width: 414px) {
  .PhilosophySection__button {
    font-size: 1.4rem;
  }
}
.PhilosophySection__button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18%;
  width: 10px;
  height: 19px;
  background-image: url("/j-koho/common/images/arrowHorizontal_whiteL.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__button::after {
    right: 8%;
  }
}
.PhilosophySection__button:hover::after {
  background-image: url("/j-koho/common/images/arrowHorizontal_blackL.svg");
}
.PhilosophySection__buttonLink {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  height: 100%;
  color: #ffffff;
  background-color: #333333;
  text-decoration: none;
}
.PhilosophySection__buttonLink:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.PhilosophySection__buttonLink::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/*Section*/
.Section {
  max-width: 1280px;
  margin: 100px auto 0px;
}
@media screen and (max-width: 768px) {
  .Section {
    margin: 70px auto 0px;
  }
}
.Section.-bgColor {
  max-width: none;
  background-color: #F8F5ED;
}
.Section.-bgColor .Section__body {
  padding: 70px 100px;
}
@media screen and (max-width: 768px) {
  .Section.-bgColor .Section__body {
    padding: 40px;
  }
}
.Section.-fadeItem {
  transform: translateY(20px);
  opacity: 0;
}
.Section.-fadeOn {
  transform: translateY(0px);
  opacity: 1;
  transition: all ease 0.7s;
}
.Section__articleUnit {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .Section__articleUnit {
    margin-top: 60px;
  }
}
.Section__articleUnit.-mtMedium {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .Section__articleUnit.-mtMedium {
    margin-top: 60px;
  }
}
.Section__articleUnit.-fadeItem {
  transform: translateY(20px);
  opacity: 0;
}
.Section__articleUnit.-fadeOn {
  transform: translateY(0px);
  opacity: 1;
  transition: all ease 0.7s;
}
.Section__body {
  max-width: 1280px;
  margin: 0px auto;
}
.Section__inner {
  margin: 50px auto 0px;
}
.Section__titleUnit {
  position: relative;
  text-align: center;
}
.Section__titleUnit.-white {
  color: #ffffff;
}
.Section__titleUnit.-white .Section__subTitle::after {
  background-color: #ffffff;
}
.Section__titleUnit.-secondary {
  text-align: left;
}
.Section__titleUnit.-secondary .Section__title {
  font-size: 2rem;
  float: left;
}
@media screen and (max-width: 768px) {
  .Section__titleUnit.-secondary .Section__title {
    float: none;
    text-align: center;
  }
}
.Section__titleUnit.-secondary .Section__lead {
  margin: 0px 0px 0px 280px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .Section__titleUnit.-secondary .Section__lead {
    margin: 20px 0px 0px 0px;
  }
}
.Section__titleUnit + .Section__articleUnit {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .Section__titleUnit + .Section__articleUnit {
    margin-top: 60px;
  }
}
.Section__eyecatch {
  height: 450px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .Section__eyecatch {
    height: auto;
  }
}
.Section__eyecatchInner {
  transition: transform ease 0.3s;
}
.Section__bgImage {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .Section__bgImage {
    width: auto;
    max-height: 450px;
  }
}
@media screen and (max-width: 768px) {
  .Section__bgImage {
    width: 100%;
    max-height: none;
  }
}
@media screen and (max-width: 768px) {
  .Section__bgImage.-pcContents {
    display: none;
  }
}
.Section__bgImage.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .Section__bgImage.-spContents {
    display: block;
  }
}
.Section__titleInner {
  pointer-events: none;
  width: calc(100% - 80px);
  margin: 0px auto;
}
.Section__titleInner.-center {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Section__titleInner.-full {
  width: 100%;
}
.Section__titleInner.-top48 {
  top: 48%;
}
.Section__titleInner.-top46 {
  top: 46%;
}
@media screen and (max-width: 768px) {
  .Section__titleInner.-top46 {
    top: 50%;
  }
}
.Section__title {
  font-size: 4.4rem;
}
@media screen and (max-width: 768px) {
  .Section__title {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .Section__title.-small {
    font-size: 3.4rem;
  }
}
.Section__title.-en {
  font-family: "Inter", sans-serif;
  font-weight: normal;
}
.Section__subTitle {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 8px;
  text-indent: 8px;
  margin-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .Section__subTitle {
    font-size: 1.4rem;
    letter-spacing: 2px;
    text-indent: 2px;
    margin-top: 6px;
  }
}
.Section__subTitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 16px);
  height: 3px;
  background-color: #333333;
}
.Section__subTitle.-borderFixed::after {
  width: 104px;
}
.Section__subTitle.-small {
  letter-spacing: 2px;
  text-indent: 2px;
}
.Section__lead {
  text-align: left;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.875;
  margin: 40px auto 0px;
  max-width: 592px;
}
@media screen and (max-width: 768px) {
  .Section__lead {
    font-size: 1.4rem;
    line-height: 2;
    margin: 30px auto 0px;
  }
}
.Section__subHeading {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}
.Section__subHeading.-center {
  text-align: center;
}
.Section__subHeading.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .Section__subHeading.-spContents {
    display: block;
  }
}
.Section__headUnit {
  text-align: center;
}
.Section__heading {
  position: relative;
  display: inline;
  font-size: 1.4rem;
  line-height: 2;
  font-weight: bold;
  padding-bottom: 4px;
  border-bottom: #333333 solid 3px;
}
.Section__heading.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .Section__heading.-spContents {
    display: inline;
  }
}
.Section__heading.-large {
  font-size: 1.8rem;
  line-height: 1.77;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .Section__heading.-large {
    padding-bottom: 0px;
  }
}
.Section__heading.-business {
  font-size: 2rem;
  line-height: 1.77;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .Section__heading.-business {
    padding-bottom: 0px;
  }
}
.Section__heading.-inlineBlock {
  display: inline-block;
  border: none;
  padding-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .Section__heading.-inlineBlock {
    padding-bottom: 10px;
  }
}
.Section__heading.-inlineBlock::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background-color: #333333;
}
.Section__heading.-disaster {
  font-size: 2rem;
}
.Section__heading.-left {
  text-align: left;
}
.Section__heading + .Section__subHeading {
  margin-top: 14px;
}
.Section__heading + .Section__InnerSubHeading {
  margin-top: 40px;
}
.Section__heading.-bundle {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .Section__heading.-bundle {
    margin-bottom: 0px;
  }
}
.Section__heading.-link {
  margin-top: -152px;
  padding-top: 152px;
}
@media screen and (max-width: 768px) {
  .Section__heading.-link {
    margin-top: -48px;
    padding-top: 48px;
  }
}
.Section__unit.-disaster {
  margin-top: 26px;
}
.Section__unit.-disaster + .Section__unit {
  margin-top: 46px;
}
.Section__caption {
  font-size: 1.6rem;
  line-height: 1.87;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .Section__caption {
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 20px;
  }
}
.Section__caption.-center {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .Section__caption.-spLeft {
    text-align: left;
  }
}
.Section__headline {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
.Section__text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .Section__text {
    margin-top: 20px;
  }
}
.Section__textUnit + .Section__textUnit {
  margin-top: 114px;
}
@media screen and (max-width: 768px) {
  .Section__textUnit + .Section__textUnit {
    margin-top: 40px;
  }
}
.Section__categoryList {
  display: flex;
  justify-content: space-between;
  margin-left: -10px;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .Section__categoryList {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .Section__categoryList {
    display: none;
  }
}
.Section__categoryItem {
  display: inline-block;
  list-style-type: none;
  text-align: center;
  margin-left: 10px;
  padding: 2px 0px;
  width: 100%;
  color: #333333;
  background-color: #f1f1f1;
  cursor: pointer;
}
.Section__categoryItem:hover {
  color: #ffffff;
  background-color: #333333;
}
.Section__categoryItem.-current {
  color: #ffffff;
  background-color: #333333;
}
.ContentArea__figure + .Section__text {
  margin-top: 30px;
}
/*SnsButton*/
.SnsButton {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 15px 18px;
  background-color: #f1f1f1;
  max-width: 360px;
}
.SnsButton::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 24px;
  background-image: url("/j-koho/common/images/arrowHorizontal_black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 36px;
}
.SnsButton__qr {
  width: 87px;
}
@media screen and (max-width: 768px) {
  .SnsButton__qr {
    display: none;
  }
}
.SnsButton__textUnit {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: bold;
  margin-left: 23px;
}
@media screen and (max-width: 768px) {
  .SnsButton__textUnit {
    margin-left: 0px;
    width: 100%;
  }
}
.SnsButton__info {
  font-size: 1.6rem;
  line-height: 1.75;
}
.SnsButton__snsId {
  font-size: 1.6rem;
}
.SnsButton__link {
  color: #333333;
  text-decoration: none;
}
.SnsButton__link::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/*SustainableSection*/
.SustainableSection__inner {
  width: calc(100% - 80px);
  margin: 0px auto;
}
.SustainableSection__column {
  max-width: 850px;
  background-color: #EDF8EC;
  margin: 50px auto 0px;
  padding: 50px 45px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .SustainableSection__column {
    padding: 30px 20px;
  }
}
.SustainableSection__columnTitle {
  display: inline-block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.87;
}
.SustainableSection__columnTitle.-bordered {
  padding-bottom: 4px;
  border-bottom: #333333 solid 3px;
}
.SustainableSection__columnHeading {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.87;
  text-align: left;
  color: #408129;
}
@media screen and (max-width: 768px) {
  .SustainableSection__columnHeading {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.SustainableSection__columnHeading:not(:first-child) {
  margin-top: 34px;
}
.SustainableSection__columnHeading + .SustainableSection__columnList {
  margin-top: 0px;
}
.SustainableSection__columnList {
  list-style-type: none;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.87;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__columnList {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.SustainableSection__columnList.-number .SustainableSection__columnListItem {
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.SustainableSection__columnFigure {
  max-width: 440px;
  margin: 34px auto 0px;
}
.SustainableSection__columnFigure.-large {
  max-width: 700px;
}
.SustainableSection__columnFigure.-medium {
  max-width: 560px;
}
.SustainableSection__leadGroup {
  max-width: 992px;
  background-color: #EDF8EC;
  margin: 50px auto 0px;
  padding: 50px 100px 58px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadGroup {
    padding: 30px 40px 38px;
  }
}
.SustainableSection__leadTitle {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 6px;
  text-indent: 6px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadTitle {
    font-size: 2rem;
    letter-spacing: 2px;
    text-indent: 2px;
  }
}
.SustainableSection__lead {
  margin-top: 62px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__lead {
    margin-top: 40px;
    text-align: center;
  }
}
.SustainableSection__leadHeading {
  display: block;
  float: left;
  font-size: 2.3rem;
  border-bottom: #333333 solid 3px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadHeading {
    font-size: 1.8rem;
    display: inline-block;
    float: none;
  }
}
.SustainableSection__leadText {
  display: block;
  font-size: 2rem;
  line-height: 1.85;
  letter-spacing: 1px;
  margin-left: 225px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadText {
    font-size: 1.6rem;
    margin-top: 20px;
    margin-left: 0px;
    text-align: left;
  }
}
.SustainableSection__mainFigure {
  max-width: 700px;
  margin: 64px auto 0px;
}
.SustainableSection__figureUnit {
  margin-top: 50px;
}
.SustainableSection__figure {
  max-width: 650px;
  margin: 0px auto;
}
.SustainableSection__figure.-large {
  max-width: 700px;
}
.SustainableSection__figure.-small {
  max-width: 500px;
}
.SustainableSection__figure.-thin {
  max-width: 360px;
}
.SustainableSection__figcaption {
  font-size: 1.6rem;
  line-height: 1.88;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SustainableSection__figcaption {
    font-size: 1.4rem;
  }
}
.SustainableSection__figcaption + .SustainableSection__figure {
  margin-top: 6px;
}
.SustainableSection__profile {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  font-weight: bold;
  width: calc(100% - 80px);
  max-width: 900px;
  margin: 100px auto 0px;
}
@media screen and (max-width: 414px) {
  .SustainableSection__profile {
    display: block;
  }
}
.SustainableSection__profileItem.-large {
  width: 60%;
}
@media screen and (max-width: 414px) {
  .SustainableSection__profileItem.-large {
    width: 100%;
  }
}
.SustainableSection__profileItem.-small {
  width: 26%;
  margin-left: 14%;
}
@media screen and (max-width: 414px) {
  .SustainableSection__profileItem.-small {
    text-align: center;
    width: 100%;
    margin: 20px 0px 0px;
  }
}
.SustainableSection__comment {
  font-size: 2.2rem;
  line-height: 1.81;
  letter-spacing: 2px;
}
.SustainableSection__avatarCaption {
  font-size: 1.5rem;
  line-height: 1.66;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__avatarCaption {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 414px) {
  .SustainableSection__avatarCaption.-pcContents {
    display: none;
  }
}
.SustainableSection__avatarCaption.-spContents {
  display: none;
}
@media screen and (max-width: 414px) {
  .SustainableSection__avatarCaption.-spContents {
    display: block;
  }
}
.SustainableSection__name {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .SustainableSection__name {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 414px) {
  .SustainableSection__name.-pcContents {
    display: none;
  }
}
.SustainableSection__name.-spContents {
  display: none;
}
@media screen and (max-width: 414px) {
  .SustainableSection__name.-spContents {
    display: block;
  }
}
.SustainableSection__headline {
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__headline {
    margin-top: 60px;
  }
}
.SustainableSection__headline.-small {
  max-width: 992px;
  margin: 100px auto 0px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__headline.-small {
    margin: 60px auto 0px;
  }
}
.SustainableSection__headUnit {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.SustainableSection__bgImage {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__bgImage.-pcContents {
    display: none;
  }
}
.SustainableSection__bgImage.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .SustainableSection__bgImage.-spContents {
    display: block;
  }
}
.SustainableSection__heading {
  text-align: center;
  margin: 50px auto 0px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  width: calc(100% - 80px);
}
@media screen and (max-width: 768px) {
  .SustainableSection__heading {
    font-size: 2rem;
  }
}
.SustainableSection__headNumber {
  font-size: 4rem;
  font-family: "Inter", sans-serif;
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__headNumber {
    font-size: 2.8rem;
  }
}
.SustainableSection__headNumber + .SustainableSection__subHeading.-bordered {
  margin-top: 10px;
}
.SustainableSection__sectionTitle {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 4px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SustainableSection__sectionTitle {
    font-size: 1.8rem;
  }
}
.SustainableSection__textUnit {
  max-width: 758px;
  margin: 0px auto;
  text-align: center;
}
.SustainableSection__textUnit.-thin {
  max-width: 592px;
}
.SustainableSection__textUnit.-full {
  max-width: none;
}
.SustainableSection__subHeadingUnit {
  text-align: center;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__subHeadingUnit {
    margin-top: 60px;
  }
}
.SustainableSection__subHeadingIcon {
  max-width: 62px;
  margin: 0px auto;
}
.SustainableSection__subHeadingIcon + .SustainableSection__subHeading {
  margin-top: 10px;
}
.SustainableSection__subHeading {
  display: inline-block;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 2px;
  text-indent: 2px;
  margin-top: 60px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__subHeading {
    margin-top: 40px;
  }
}
.SustainableSection__subHeading.-bordered {
  border-bottom: #333333 solid 3px;
}
.SustainableSection__subHeading.-top {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__subHeading.-top {
    margin-top: 60px;
  }
}
.SustainableSection__numberListItem {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0px;
  border-bottom: #707070 solid 1px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberListItem {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 10px 0px 20px;
  }
}
.SustainableSection__numberListItem:last-child {
  border-bottom: none;
}
.SustainableSection__numberUnit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberUnit {
    width: 100%;
  }
}
.SustainableSection__number {
  display: inline-block;
  font-size: 4rem;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .SustainableSection__number {
    font-size: 3rem;
  }
}
.SustainableSection__numberListTitle {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberListTitle {
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-left: 30px;
  }
}
.SustainableSection__numberListText {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.87;
  text-align: left;
  letter-spacing: -1px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberListText {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0px;
    width: 100%;
  }
}
.SustainableSection__report {
  width: calc(100% - 36px);
  max-width: 864px;
  margin: 50px auto 0px;
}
.SustainableSection__intro {
  width: calc(100% - 36px);
  max-width: 992px;
  margin: 60px auto 0px;
}
.SustainableSection__layout {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
@media screen and (max-width: 768px) {
  .SustainableSection__layout {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
.SustainableSection__introMovieUnit {
  width: 52%;
  margin-right: 5%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introMovieUnit {
    width: 100%;
    margin-right: 0px;
  }
}
.SustainableSection__thumbnailItem {
  cursor: pointer;
}
.SustainableSection__thumbnailItem:hover .ContentArea__image {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.SustainableSection__introPdfUnit {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introPdfUnit {
    margin-top: 40px;
    width: calc(50% - 10px);
  }
}
.SustainableSection__introPdfUnit + .SustainableSection__introPdfUnit {
  margin-left: 3%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introPdfUnit + .SustainableSection__introPdfUnit {
    margin-left: 20px;
  }
}
.SustainableSection__introCaption {
  margin-top: 10px;
}
.SustainableSection__introCaption + .SustainableSection__button {
  margin-top: 10px;
}
.SustainableSection__introName {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.42;
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introName {
    font-size: 1.2rem;
  }
}
.SustainableSection__introCaption {
  font-size: 1.4rem;
  line-height: 1.42;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introCaption {
    font-size: 1.2rem;
  }
}
.SustainableSection__pdfThumbnail.-large {
  max-width: 245px;
  margin: 0px auto;
}
.SustainableSection__reportButtonUnit {
  margin-left: 7.5%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__reportButtonUnit {
    width: 100%;
    margin-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .SustainableSection__reportButtonUnit .SustainableSection__button {
    margin-top: 30px;
  }
}
.SustainableSection__reportButtonUnit .SustainableSection__button + .SustainableSection__button {
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__reportButtonUnit .SustainableSection__button + .SustainableSection__button {
    margin-top: 10px;
  }
}
.SustainableSection__buttonOuter {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonOuter {
    margin-top: 60px;
  }
}
.SustainableSection__button.-green .SustainableSection__buttonLink {
  color: #333333;
  background-color: #EDF8EC;
}
.SustainableSection__button.-green .SustainableSection__buttonLink.-arrow::after {
  background-image: url("/j-koho/common/images/arrowHorizontal_black.svg");
}
.SustainableSection__button.-colum2 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__button.-colum2 {
    width: 100%;
  }
}
.SustainableSection__button.-colum2 + .SustainableSection__button {
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__button.-colum2 + .SustainableSection__button {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.SustainableSection__button.-bg {
  position: relative;
  overflow: hidden;
  height: 80px;
}
.SustainableSection__button.-bg .SustainableSection__buttonLink {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  height: 100%;
  color: #ffffff;
  letter-spacing: 2px;
  background-color: transparent;
}
.SustainableSection__button.-bg .SustainableSection__buttonLink:hover {
  color: #ffffff;
}
.SustainableSection__button.-bg .SustainableSection__buttonLink:hover + .ContentArea__image {
  transform: scale(1.1);
}
.SustainableSection__button.-bg .SustainableSection__buttonLink + .ContentArea__image {
  transition: transform ease 0.3s;
}
.SustainableSection__button.-center {
  margin: 0px auto;
}
.SustainableSection__button.-prev {
  max-width: 180px;
  margin: 50px auto 0px;
}
.SustainableSection__button.-bottom {
  margin-top: 30px;
}
.SustainableSection__buttonLink {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  height: 80px;
  padding: 0px 8px;
  background-color: #333333;
}
.SustainableSection__buttonLink:hover {
  color: #333333;
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonLink {
    font-size: 1.6rem;
  }
}
.SustainableSection__buttonLink.-download::before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 28px;
  margin-right: 14px;
  background-image: url("/j-koho/common/images/common_download_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonLink.-download::before {
    width: 19px;
    height: 20px;
    margin-right: 8px;
  }
}
.SustainableSection__buttonLink.-download:hover::before {
  background-image: url("/j-koho/common/images/common_download_black.svg");
}
.SustainableSection__buttonLink.-download.-small::before {
  margin-right: 8px;
}
.SustainableSection__buttonLink.-arrow::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 16px;
  margin-left: 12px;
  background-image: url("/j-koho/common/images/arrowHorizontal_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.SustainableSection__buttonLink.-arrow:hover::after {
  background-image: url("/j-koho/common/images/arrowHorizontal_black.svg");
}
.SustainableSection__buttonLink.-small {
  font-size: 1.6rem;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonLink.-small {
    font-size: 1.4rem;
  }
}
.SustainableSection__buttonLink.-thin {
  font-size: 1.4rem;
  line-height: 1;
  height: 42px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonLink.-thin {
    font-size: 1.2rem;
  }
}
.SustainableSection__buttonLink.-thin.-arrow::after {
  width: 8px;
  height: 14px;
}
.SustainableSection__buttonLink.-en {
  font-family: "Inter", sans-serif;
}
.SustainableSection__text {
  margin-top: 30px;
  text-align: left;
}
.SustainableSection__notes {
  font-size: 1.4rem;
  line-height: 2.14;
  margin-top: 30px;
  text-align: left;
}
.SustainableSection__notesTag {
  color: #6AB54F;
}
.SustainableSection__small {
  font-size: 50%;
}

/* 20210408以下追加 */
@media screen and (max-width: 1024px){
    .Header__menuGroup.-spContents {
        display: block;
        border-top: #005bac solid 3px;
    }
}
.Header__fixedOuter{
  display: none;
  position: fixed;
  z-index: -1;
  top: 0px;
  padding-top: 48px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

/* 20210413以下追加 */
.DropArea.-longA{
  height: calc(100% - 80px);
  overflow-y: auto;
}
.DropArea.-longB{
  height: calc(100% - 152px);
  overflow-y: auto;
}