@charset "UTF-8";
/****************************************************
 * Stylesheet 社会貢献活動
 ****************************************************/
.pagetitle {
  height: auto !important;
  margin-bottom: 0;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .pagetitle {
    padding-bottom: 6.8rem;
    background-image: url("../images/sustainability/social/pagetitle_bg01.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .pagetitle {
    padding-bottom: 3rem;
    background-image: url("../images/sustainability/social/pagetitle_bg01_sp.jpg");
  }
}

.p-sustainability__social__activity__content01 {
  padding-top: 10rem;
  padding-bottom: 8rem;
}
@media only screen and (max-width: 767px) {
  .p-sustainability__social__activity__content01 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.p-sustainability__social__activity__content01 .selector {
  width: fit-content;
  margin-bottom: 4rem;
  background-color: #ffffff;
  border: solid 0.1rem #313B4C;
}
.p-sustainability__social__activity__content01 .selector:after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 50%;
  bottom: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 0.9rem;
  height: 0.7rem;
  background: #052049;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.p-sustainability__social__activity__content01 .selector .year-select {
  padding: 1rem 4.6rem 1rem 1.5rem;
}
@media only screen and (max-width: 767px) {
  .p-sustainability__social__activity__content01 .selector .year-select {
    padding: 1.5rem 4.6rem 1.5rem 1.5rem;
  }
}
.p-sustainability__social__activity__content01 .contents_list .year_block.--hide {
  display: none !important;
}
.p-sustainability__social__activity__content01 .contents_list .year_block + .year_block {
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .p-sustainability__social__activity__content01 .contents_list .year_block + .year_block {
    margin-top: 4rem;
  }
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area + .content_area {
  margin-top: 6rem;
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area .img_area {
  padding: 2rem;
  border: 1px solid #CFD0CB;
  gap: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-justify-content: center;
  justify-content: center;
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area .img_area .img {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area .text_area .headding {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  letter-spacing: -0.4em;
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area .text_area .headding > * {
  display: inline-block;
  letter-spacing: normal;
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area .text_area .headding .date {
  margin-right: 2rem;
  color: #0B1C26;
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area .text_area .headding .country {
  min-width: 12rem;
  margin-right: 2rem;
  text-align: center;
  color: #ffffff;
  background-color: #0B1C26;
}
@media only screen and (max-width: 767px) {
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area .text_area .headding .activity {
    margin-top: 1rem;
    display: block;
  }
}
.p-sustainability__social__activity__content01 .contents_list .year_block .content_area .text_area .body p {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area:not(.is-break) {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area:not(.is-break) .img_area {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area.is-break {
    text-align: center;
  }
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area.is-break .text_area {
    margin-bottom: 3rem;
    text-align: left;
  }
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area.is-break .img_area {
    display: -webkit-inline-flex;
    display: inline-flex;
  }
}
@media only screen and (max-width: 767px) {
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area + .content_area {
    margin-top: 4rem;
  }
  .p-sustainability__social__activity__content01 .contents_list .year_block .content_area .img_area {
    margin: 2rem auto 0 !important;
    text-align: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}