@charset "UTF-8";
/**************************************
*
* File name: other.css
* Page name: その他事業
*
**************************************/
body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
section {
  line-height: 1.61;
}
section h2,
section h3,
section h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.f-cl1 {
  color: #d97182;
}
.txt-ar {
  text-align: right;
}
.c-sectionTitle {
  margin-bottom: clamp(3rem, calc(4.4199vw + 1.3425rem), 7rem);
  padding-top: clamp(5rem, calc(4.3784530387rem + 1.6574585635vw), 5.5rem);
}
.c-sectionTitle .en {
  font-weight: 700;
}
.c-sectionTitle .ja {
  font-weight: 700;
  font-size: clamp(1.8rem, calc(1.547vw + 1.2199rem), 3.2rem);
}
.c-sectionTitle .cl-white {
  color: #fcf9f9;
}
.c-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.txt-center {
  text-align: center;
}
.d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.pad-wrap {
  padding: clamp(8rem, calc(8.8398vw + 4.6851rem), 16rem) 0;
}
.sec-bg-w {
  background-color: #fff;
}
.p-subFv {
  justify-content: center;
}
.p-subFv__title {
  font-weight: 700;
  padding: 0;
  width: clamp(20rem, calc(27.1823vw + 9.8066rem), 44.6rem);
}
.photo-bg-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.photo-bg-cover img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.sec-title {
  font-size: clamp(1.8rem, calc(1.547vw + 1.2199rem), 3.2rem);
  text-align: center;
  font-weight: 700;
  padding-bottom: clamp(3rem, calc(3.3149vw + 1.7569rem), 6rem);
}

.sdgs-sec1 .group {
  gap: clamp(2rem, calc(2.2099vw + 1.1713rem), 4rem);
}
.sdgs-sec1 .group .photo {
  width: 42.225%;
}
.sdgs-sec1 .group .info {
  order: -1;
  width: 54.3478%;
}
.sdgs-sec1 .group .info h3 {
  font-size: clamp(1.6rem, calc(1.2685082873rem + 0.8839779006vw), 2.4rem);
  color: #d97182;
  padding-bottom: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem);
}
@media screen and (max-width: 767px) {
  .sdgs-sec1 .group {
    display: block;
  }
  .sdgs-sec1 .group .photo {
    margin-bottom: 2rem;
    width: auto;
  }
  .sdgs-sec1 .group .info {
    width: 100%;
  }
}
.sdgs-sec2 .tit {
  text-align: center;
  font-weight: 700;
  color: #d97182;
  font-size: clamp(1.4rem, calc(1.9531vw + -0.1rem), 2.4rem);
  padding-bottom: clamp(2rem, calc(2.2099vw + 1.1713rem), 4rem);
}
.sdgs-sec2-point .item {
  text-align: center;
  background-color: #fff;
  border: 1px solid #f2a7a7;
  display: grid;
  gap: 1.5rem;
  grid-template-rows: 248px auto;
  padding: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem) clamp(1rem, calc(0.5525vw + 0.7928rem), 1.5rem);
  position: relative;
  width: 30.1004%;
}
.sdgs-sec2-point .item .photo {
  border-bottom: 1px solid #f2a7a7;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem);
}
.sdgs-sec2-point .item .list {
  align-self: center;
  padding: 16px 0 0;
  font-weight: 500;
}
.sdgs-sec2-point .item .list .top__suggestion_problemItem_item {
  justify-content: center;
  display: flex;

  gap: 0.5rem;
  margin: 0;
}
.top__suggestion_problemItem_item:before {
  -webkit-background-size: 100%;
  background-size: 100%;
}
@media screen and (max-width: 1199.98px) {
  .sdgs-sec2-point {
    flex-wrap: wrap;
    gap: clamp(4rem, calc(3.0909090909rem + 2.4242424242vw), 6rem) 3rem;
    justify-content: center;
  }
  .sdgs-sec2-point .item {
    width: clamp(30rem, calc(11.7188vw + 21rem), 36rem);
  }
  @media screen and (max-width: 767px) {
    .sdgs-sec2-point .item {
      width: 100%;
    }
  }
}
.sdgs-sec2-feature {
  margin-top: clamp(5rem, calc(5.5249vw + 2.9282rem), 10rem);
  background-color: #fff;
  border: 2px solid #f2a7a7;
  padding: clamp(2rem, calc(7.8125vw + -4rem), 6rem);
}
.sdgs-sec2-feature .photo {
  width: 34.79478%;
}
.sdgs-sec2-feature .info {
  width: 60.76866%;
  max-width: 630px;
}
.sdgs-sec2-feature .info h3 {
  font-weight: 700;
  color: #d97182;
  font-size: clamp(1.6rem, calc(0.884vw + 1.2685rem), 2.4rem);
  padding-bottom: clamp(2rem, calc(2.2099vw + 1.1713rem), 4rem);
  padding-bottom: clamp(1rem, calc(0.663vw + 0.7514rem), 1.6rem);
}
.sdgs-sec2-feature .info .logo {
  text-align: center;
  padding: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem) 0;
  width: 55%;
  margin: 0 auto;
  max-width: 334px;
}
.sdgs-sec2-feature .info .cause {
  background-color: #fff6f7;
  padding: clamp(1rem, calc(1.105vw + 0.5856rem), 2rem);
}
.sdgs-sec2-feature .info .cause dt {
  font-weight: 700;
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}
.sdgs-sec2-feature .info .cause dt:before {
  content: "";
  width: 25px;
  border-top: 1px solid #d97182;
}
@media screen and (max-width: 767px) {
  .sdgs-sec2-feature .group {
    flex-wrap: wrap;
  }
  .sdgs-sec2-feature .photo {
    max-width: 373px;
    margin: 0 auto 2rem;
    width: 65%;
  }
  .sdgs-sec2-feature .info {
    width: 100%;
  }
}