@charset "UTF-8";
.about_page {
  display: grid;
  row-gap: 5.8vw;
  padding-top: 7.5vw;
  padding-bottom: 65px;
}
@media (min-width: 768px) {
  .about_page {
    grid-template-columns: 1fr 1fr;
    column-gap: min(2vw, 30px);
    row-gap: min(3vw, 40px);
    padding-top: min(6vw, 92px);
    padding-bottom: 94px;
  }
}

.about_page_item {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1.633/1;
  padding-top: max(8.5vw, 32px);
  padding-left: 8.5%;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (min-width: 768px) {
  .about_page_item {
    padding-top: min(5vw, 74px);
    padding-left: 8.1%;
  }
}

.about_link_philosophy {
  color: var(--white-color);
  background-color: var(--main-color);
  background-image: url(../img/box-philosophy.png);
}
.about_link_philosophy .about_page_subttl {
  color: var(--white-color);
}

.about_link_overview,
.about_link_greeting {
  background-color: var(--sub-color);
}
.about_link_history {
  background-image: url(../img/box-history.png);
  border: 1px solid var(--sub-color);
  background-color: var(--white-color);
}
.about_link_sustainability {
  background-image: url(../img/box-sustainability.png);
  border: 1px solid var(--sub-color);
  background-color: var(--white-color);
}
.about_link_sustainability .about_page_ttl {
  letter-spacing: 0;
}

.about_link_file {
  background-color: var(--sub-color);
}
.about_link_file .about_page_ttl {
  line-height: 1;
}
@media (min-width: 768px) {
  .about_link_file .about_page_ttl {
    line-height: 1;
  }
}
.deu .about_link_file .about_page_ttl {
  word-break: break-all;
}
@media (min-width: 520px) {
  .deu .about_link_file {
    padding-right: 8%;
  }
}

.about_page_ttl {
  margin-bottom: 0.55em;
  font-size: min(0.633rem + 3.7vw, 3rem);
  letter-spacing: 0.1em;
  font-weight: 600;
}
.eng .about_page_ttl, .mys .about_page_ttl, .deu .about_page_ttl {
  letter-spacing: 0;
}
.about_page_ttl span {
  font-size: min(0.908rem + 0.92vw, 1.5rem);
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .about_page_ttl {
    font-size: min(-0.074rem + 3.28vw, 3rem);
    margin-bottom: 0.4em;
  }
  .about_page_ttl span {
    font-size: min(0.732rem + 0.82vw, 1.5rem);
  }
}

.about_page_subttl {
  font-size: min(0.833rem + 0.71vw, 1.5rem);
  color: var(--main-color);
  font-weight: 500;
}
@media (min-width: 768px) {
  .about_page_subttl {
    font-size: min(0.475rem + 1.09vw, 1.5rem);
  }
}

.about_page_link {
  position: absolute;
  bottom: 0.85rem;
  right: 0.85rem;
  width: 30px;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .about_page_link {
    bottom: 1.25rem;
    right: 1.25rem;
  }
}

.overview_name {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .overview_name {
    font-size: 1.5rem;
  }
}

.overview-com .bl_heading-l,
.overview-dep .bl_heading-l {
  margin-bottom: min(2.241rem + 1.1vw, 3.125rem);
}
.overview-com .ly_block,
.overview-dep .ly_block {
  margin-bottom: min(4rem + 2.13vw, 6rem);
}
.overview-com .bl_heading-s,
.overview-dep .bl_heading-s {
  margin-bottom: 1.2em;
  line-height: 1.875;
}
@media (min-width: 768px) {
  .overview-com .bl_heading-s,
  .overview-dep .bl_heading-s {
    margin-bottom: 1em;
  }
}
@media (min-width: 1024px) {
  .overview-com .bl_heading-s,
  .overview-dep .bl_heading-s {
    margin-bottom: 1.5em;
  }
}
.overview-com .ly_ttl__underBar::after,
.overview-dep .ly_ttl__underBar::after {
  bottom: -5px;
}
@media (min-width: 1280px) {
  html[lang=de] .overview-dep .ly_txtSection_body {
    margin-top: 5em;
  }
}

.overview_txt-l {
  font-size: 2.25rem;
}

.overview_emphasis {
  font-size: 1.5rem;
  line-height: 1.875;
}

.overview_btn {
  position: relative;
  left: -22px;
  top: 0;
}
@media (min-width: 768px) {
  .overview_btn {
    gap: 6.4em;
    left: 0;
    height: 7.7em;
    padding: 2em 1em 1.4em 2em;
    border-radius: 1em;
    transform: translateX(0);
  }
}

@media (min-width: 768px) {
  .overview_grid-m {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    column-gap: min(4.6vw, 70px);
  }
  .eng .overview_grid-m, .mys .overview_grid-m, .deu .overview_grid-m {
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  }
}

@media (min-width: 1024px) {
  .overview_grid-xl {
    display: grid;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    column-gap: min(4.6vw, 70px);
  }
}

.overview_grid_column1-2 {
  grid-column: 1/2;
}

.overview_grid_column1-3 {
  grid-column: 1/3;
}

.overseas-branch-head .ly_moreInfo {
  font-size: min(1.167rem + 0.36vw, 1.5rem);
  line-height: 1.25;
  font-weight: 500;
  color: var(--main-color);
  margin-bottom: 1.5em;
}

.greeting_section {
  display: flex;
  flex-direction: column-reverse;
  padding-top: min(0.5rem + 8.53vw, 8.5rem);
  padding-bottom: min(0.5rem + 8.53vw, 8.5rem);
}
.greeting_section p {
  margin-bottom: 1.6875rem;
  line-height: 2;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .greeting_section {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.greeting_section .greeting_col {
  margin: 0;
  padding: 0;
}
.greeting_section .greeting_col:nth-child(1) {
  padding-left: 13%;
  padding-right: 13%;
  padding-top: 5px;
}
.greeting_section .greeting_col .greeting_txt {
  margin-bottom: 1.5em;
}
@media (min-width: 1024px) {
  .greeting_section .greeting_col .greeting_txt {
    margin-bottom: 0;
  }
}
.greeting_section .greeting_col .greeting_txt h3 {
  font-size: min(1.167rem + 0.36vw, 1.5rem);
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: 2em;
  line-height: 1.5em;
  font-weight: bold;
}
.greeting_section .greeting_col.greeting_left {
  display: flex;
  gap: 1em;
  flex-direction: column;
}
.greeting_section .greeting_col .greeting_img {
  display: flex;
  justify-content: center;
}
.greeting_section .greeting_col .greeting_img img {
  margin-bottom: 1rem;
  text-align: center;
  border-radius: 20px;
}
.greeting_section .greeting_col .greeting_img figcaption {
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 400;
  text-align: right;
}
.greeting_section .greeting_col .greeting_profile {
  padding: 0;
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 400;
}
.greeting_section .greeting_col .greeting_profile .greeting_name {
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 400;
  margin-bottom: 1em;
  font-weight: bold;
}
.greeting_section .greeting_col .greeting_profile .greeting_history {
  display: grid;
  grid-template-columns: 5em 1fr;
}

.philosophy_section_wrap {
  position: relative;
  padding-left: min(10vw, 3.75rem);
  padding-right: min(10vw, 3.75rem);
}

@media (min-width: 1024px) {
  .philosophy_topSection,
  .philosophy_section {
    min-height: min(768px, 100vh);
  }
}
@media (min-width: 1024px) and (orientation: landscape) {
  .philosophy_topSection,
  .philosophy_section {
    aspect-ratio: 1380/1080;
  }
}

.philosophy_topSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: min(2.017rem + 5.05vw, 6.75rem);
  padding-bottom: min(2.017rem + 5.05vw, 6.75rem);
  text-align: center;
}

.philosophy_topttl {
  font-size: min(1.167rem + 1.42vw, 2.5rem);
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 80px;
  line-height: 1.7333;
  letter-spacing: 0.1em;
  text-align: left;
  display: grid;
}
.eng .philosophy_topttl, .kor .philosophy_topttl, .mys .philosophy_topttl, .deu .philosophy_topttl {
  letter-spacing: 0;
}
.eng .philosophy_topttl, .mys .philosophy_topttl, .deu .philosophy_topttl {
  line-height: 1.5;
}
@media (min-width: 700px) {
  .philosophy_topttl {
    display: block;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .philosophy_topttl {
    width: 95%;
  }
}
@media (min-width: 1024px) {
  .philosophy_topttl {
    width: 80%;
    margin-bottom: 100px;
    line-height: 1.875;
  }
}
@media (min-width: 1280px) {
  .philosophy_topttl {
    width: 75%;
  }
}

.philosophy_image {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 95%;
  padding-bottom: min(-0.167rem + 7.11vw, 6.5rem);
}
@media (min-width: 768px) {
  .philosophy_image {
    width: 95%;
  }
}
@media (min-width: 1024px) {
  .philosophy_image {
    width: min(80%, 900px);
  }
}
.philosophy_image .philosophy_txt {
  align-self: flex-start;
  display: none;
  font-size: min(0.741rem + 0.41vw, 1.125rem);
  line-height: 1.875;
}
@media (min-width: 768px) {
  .philosophy_image .philosophy_txt {
    display: block;
    line-height: 1.7;
  }
  .eng .philosophy_image .philosophy_txt, .mys .philosophy_image .philosophy_txt, .deu .philosophy_image .philosophy_txt {
    line-height: 1.66667;
  }
}
.philosophy_image .philosophy_subttl {
  align-self: center;
  font-size: min(0.523rem + 2.04vw, 1.5rem);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .philosophy_image .philosophy_subttl {
    align-self: flex-end;
    font-size: min(1rem + 1.07vw, 2rem);
    margin-bottom: 1em;
    padding-top: 0.2em;
  }
}
@media (min-width: 1024px) {
  .philosophy_image .philosophy_subttl {
    margin-bottom: 1.5em;
    padding-top: 0.5em;
  }
}

.philosophy_box {
  position: relative;
  padding-top: 100%;
  height: 0;
  margin: -5px;
  color: var(--white-color);
}
.philosophy_box::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding-top: 100%;
  height: 0;
  background-color: var(--main-color);
  border-radius: 50%;
  opacity: 0.9;
  z-index: 5;
}
@media (min-width: 520px) {
  .philosophy_box {
    margin: -10px;
  }
}
@media (min-width: 768px) {
  .philosophy_box {
    margin: -15px;
  }
}
@media (min-width: 1024px) {
  .philosophy_box {
    margin: -19px;
  }
}
.philosophy_box:nth-of-type(2) {
  z-index: 10;
}
.philosophy_box .philosophy_body {
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 0;
  right: 0;
  display: grid;
  justify-items: center;
  align-items: center;
  z-index: 15;
}
@media (min-width: 520px) {
  .philosophy_box .philosophy_body {
    top: 20px;
  }
}
@media (min-width: 768px) {
  .philosophy_box .philosophy_body {
    top: 25px;
  }
}
@media (min-width: 1024px) {
  .philosophy_box .philosophy_body {
    top: 30px;
  }
}

html[lang=de] .philosophy_image .philosophy_box.faithful .philosophy_subttl {
  word-break: break-all;
  padding: 0 0.5rem;
  font-size: calc(0.5rem + (100vw - 375px) / 25);
}
@media (min-width: 520px) {
  html[lang=de] .philosophy_image .philosophy_box.faithful .philosophy_subttl {
    font-size: calc(0.8rem + (100vw - 520px) / 50);
  }
}
@media (min-width: 768px) {
  html[lang=de] .philosophy_image .philosophy_box.faithful .philosophy_subttl {
    align-self: flex-end;
    margin-bottom: 0;
    font-size: calc(1.2rem + (100vw - 768px) / 32);
  }
}
@media (min-width: 1024px) {
  html[lang=de] .philosophy_image .philosophy_box.faithful .philosophy_subttl {
    font-size: min(1rem + 1.07vw, 2rem);
  }
}
html[lang=de] .philosophy_image .philosophy_box.faithful .philosophy_txt {
  align-self: center;
}

.philosophy_subttl {
  font-size: 32px;
  margin-bottom: 1em;
}

@media (min-width: 1024px) {
  .philosophy_subttl {
    margin-bottom: 1.5em;
    padding-top: 0.5em;
  }
}
.philosophy_txt {
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 400;
  line-height: 1.875;
}

@media (min-width: 1024px) {
  .philosophy_txt {
    font-size: 1.125rem;
    line-height: 2;
    font-weight: 400;
    line-height: 1.7;
  }
}
.philosophy_section {
  position: relative;
  z-index: 10;
  padding-top: min(1.483rem + 5.62vw, 6.75rem);
  padding-bottom: min(5.083rem + 1.78vw, 6.75rem);
}
@media (min-width: 1024px) {
  .philosophy_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.philosophy_section .philosophy_txt {
  line-height: 2.25;
}
.eng .philosophy_section .philosophy_txt, .mys .philosophy_section .philosophy_txt, .deu .philosophy_section .philosophy_txt {
  line-height: 2;
}

.philosophy_vision {
  color: var(--main-color);
  overflow: hidden;
}
@media (min-width: 768px) {
  .philosophy_vision .philosophy_section {
    min-height: min(768px, 100vh);
  }
}
@media (min-width: 1024px) and (orientation: landscape) {
  .philosophy_vision .philosophy_section {
    aspect-ratio: 1380/1080;
  }
}
.philosophy_vision .philosophy_txt {
  color: var(--text-color);
}
.philosophy_vision .philosophy_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 1470px;
}
@media (min-width: 520px) {
  .philosophy_vision .philosophy_bg {
    left: 24%;
  }
}
.philosophy_vision .philosophy_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

.philosophy_mission {
  color: var(--white-color);
  padding-bottom: min(1.257rem + 5.3vw, 5.5rem);
}
@media (min-width: 1280px) {
  .philosophy_mission {
    padding-bottom: 0;
  }
}
.philosophy_mission .philosophy_bg {
  position: relative;
  z-index: 1;
  width: min(100%, 768px);
  aspect-ratio: 1380/1080;
  display: grid;
  place-content: center;
  margin-top: calc(min(5.083rem + 1.78vw, 6.75rem) * -1);
  margin-left: auto;
  margin-right: auto;
}
.philosophy_mission .philosophy_bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3%;
  right: 0;
  background-image: url(../img/wmap_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.5;
}
@media (min-width: 1280px) {
  .philosophy_mission .philosophy_bg::before {
    background-position: left 50%;
  }
}
@media (min-width: 1280px) {
  .philosophy_mission .philosophy_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: min(43%, 738px);
    height: 100%;
    aspect-ratio: initial;
    margin-top: 0;
  }
}
@media (min-width: 1580px) {
  .philosophy_mission .philosophy_bg {
    left: 53%;
    right: auto;
  }
}
.philosophy_mission .philosophy_bg figure {
  position: relative;
  width: min(6.974rem + 12.38vw, 16.875rem);
  aspect-ratio: 3/4;
  z-index: 10;
}
@media (min-width: 1280px) {
  .philosophy_mission .philosophy_bg figure {
    width: min(15vw, 16.875rem);
  }
}
.philosophy_mission .philosophy_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1280px) {
  .philosophy_mission .philosophy_bg img {
    object-position: calc(50% + min(50%, 400px)) 50%;
  }
}

.philosophy_caption {
  margin-bottom: 82px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  .philosophy_caption {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .philosophy_caption {
    position: absolute;
    top: 17%;
    left: 0;
  }
}

.philosophy_ttl {
  margin-bottom: 40px;
  font-size: min(1.747rem + 2.15vw, 4rem);
  line-height: 1.555;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.eng .philosophy_ttl, .kor .philosophy_ttl, .mys .philosophy_ttl, .deu .philosophy_ttl {
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .philosophy_ttl {
    margin-bottom: 60px;
    line-height: 1.4687;
  }
}
.eng .philosophy_ttl, .kor .philosophy_ttl, .mys .philosophy_ttl, .deu .philosophy_ttl {
  line-height: 1.21875;
}

@media (min-width: 1024px) {
  .philosophy_response {
    position: absolute;
    top: 32%;
    left: 7.2%;
  }
  html[lang=de] .philosophy_response {
    top: 25%;
  }
}

.history_wrap {
  position: relative;
}

.history_timePeriod {
  position: sticky;
  top: 111px;
  left: 0;
  transition: 0.4s all;
  z-index: 50;
}
@media (min-width: 1024px) {
  .history_timePeriod {
    top: 123px;
  }
}
@media (min-width: 1280px) {
  .history_timePeriod {
    top: 143px;
    max-width: 1380px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .hide .history_timePeriod {
    top: 51px;
  }
}
@media (min-width: 1024px) {
  .hide .history_timePeriod {
    top: 63px;
  }
}

.timePeriod_list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 75px);
  width: fit-content;
  border-bottom: 1px solid var(--main-color);
}
@media (min-width: 768px) {
  .timePeriod_list {
    grid-template-columns: repeat(4, 95px);
  }
}
.timePeriod_list::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(15px);
  z-index: 1;
}
.timePeriod_list::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 75px;
  height: 3px;
  background-color: var(--main-color);
  transform-origin: left;
  transform: translateX(0);
  transition: 0.1s all ease-out;
  z-index: 50;
}
@media (min-width: 768px) {
  .timePeriod_list::after {
    width: 95px;
  }
}
.h1980 .timePeriod_list::after {
  transform: translateX(0);
}
.h2001 .timePeriod_list::after {
  transform: translateX(100%);
}
.h2011 .timePeriod_list::after {
  transform: translateX(200%);
}
.h2021 .timePeriod_list::after {
  transform: translateX(300%);
}

.timePeriod_item {
  position: relative;
  display: grid;
  align-items: flex-end;
  height: 55px;
  padding-bottom: 10px;
  cursor: pointer;
  text-align: center;
  border-bottom: 3px solid transparent;
  z-index: 50;
}
.timePeriod_item a {
  line-height: 1;
  color: var(--main-color);
  font-weight: 500;
}
.timePeriod_item::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--main-color);
  transform-origin: left;
  transform: scaleX(0);
  transition: 0.1s all ease-out;
}
.timePeriod_item:hover:after {
  transform: scaleX(1);
}
@media (min-width: 768px) {
  .timePeriod_item {
    height: 68px;
    font-size: 1.125rem;
    line-height: 2;
    font-weight: 400;
  }
}

.h1980 .h1980__select,
.h2001 .h2001__select,
.h2011 .h2011__select,
.h2021 .h2021__select,
.h2031 .h2031__select {
  font-size: 18px;
}
@media (min-width: 768px) {
  .h1980 .h1980__select,
  .h2001 .h2001__select,
  .h2011 .h2011__select,
  .h2021 .h2021__select,
  .h2031 .h2031__select {
    font-size: 24px;
  }
  html[lang=de] .h1980 .h1980__select,
  html[lang=de] .h2001 .h2001__select,
  html[lang=de] .h2011 .h2011__select,
  html[lang=de] .h2021 .h2021__select,
  html[lang=de] .h2031 .h2031__select {
    font-size: 22px;
  }
}

.anchor {
  display: block;
  padding-top: 170px;
  margin-top: -170px;
  cursor: default;
  pointer-events: none;
}
.anchor:focus {
  outline: none;
}
@media (min-width: 768px) {
  .anchor {
    padding-top: 107px;
    margin-top: -107px;
  }
}
@media (min-width: 1024px) {
  .anchor {
    padding-top: 123px;
    margin-top: -123px;
  }
}

.history:first-of-type {
  position: relative;
  padding-top: 104px !important;
  margin-top: -55px;
}
.history:first-of-type::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../img/history_bg-logo.svg);
  background-repeat: no-repeat;
  background-position: -50% center;
  opacity: 0.1;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .history:first-of-type::after {
    right: 50%;
  }
}
@media (min-width: 768px) {
  .history:first-of-type {
    margin-top: -68px;
  }
}
.history:last-of-type {
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .history:last-of-type {
    padding-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .history_body {
    position: relative;
    display: grid;
    grid-template-columns: min(27.5vw, 380px) auto;
    grid-template-rows: auto;
    align-items: start;
  }
}

@media (min-width: 1280px) {
  .history_list {
    padding-top: 76px;
  }
}

.history_ttl {
  margin-bottom: min(1.878rem + 2.65vw, 4rem);
  font-weight: 700;
  font-size: min(1.318rem + 3.98vw, 4.5rem);
  transition: 0.4s all;
}
@media (min-width: 1280px) {
  .history_ttl {
    position: sticky;
    top: 212px;
    padding-top: 36px;
    padding-left: 0.2em;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .hide .history_ttl {
    top: 132px;
  }
}

.history_item {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .history_item {
    display: grid;
    grid-template-columns: 210px auto;
    grid-template-rows: repeat(auto-fit, minmax(62px, 1fr));
    align-items: start;
  }
}
@media (min-width: 1280px) {
  .history_item {
    grid-template-columns: 260px auto;
  }
}

.history_item-left {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 12px;
  color: var(--main-color);
  font-weight: 700;
  font-size: min(1.293rem + 0.88vw, 2rem);
}
@media (min-width: 768px) {
  .history_item-left {
    justify-content: space-between;
    padding-right: 1.2em;
  }
}
@media (min-width: 1280px) {
  .history_item-left {
    padding-right: 1.5em;
  }
}
.history_item-left::after {
  content: "";
  display: inline-block;
  width: 70px;
  height: 2px;
  background-color: var(--main-color);
}

.history_item-right {
  line-height: 1.875;
}
@media (min-width: 768px) {
  .history_item-right {
    padding-top: min(-0.188rem + 0.59vw, 0.281rem);
  }
}

.sustainability .ly_head_ttl.jpn {
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .sustainability .ly_head_ttl.jpn {
    letter-spacing: 0.15em;
  }
}

.sustainability_section {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.sustainability_ttl-h {
  margin-bottom: 1em;
  font-weight: 600;
  font-size: min(0.659rem + 1.99vw, 2.25rem);
  color: var(--main-color);
  text-align: center;
}
@media (min-width: 1024px) {
  .sustainability_ttl-h {
    margin-bottom: 0.6em;
  }
}

.sustainability_ttl {
  margin-bottom: 0;
  font-weight: 800;
  font-size: min(1.098rem + 3.31vw, 3.75rem);
  line-height: 1.7333;
  text-align: center;
}
.jpn .sustainability_ttl {
  font-size: min(1.098rem + 3.31vw, 2.75rem);
}
.sustainability_txt {
  font-weight: 500;
  line-height: 2.25;
  text-align: center;
}

.sustainability_section_ttl {
  margin: 60px 0 0 0;
  font-weight: 800;
  font-size: 2.8rem;
  line-height: 1.7333;
  text-align: left;
  margin-bottom: 3rem;
}
.sustainability_section_ttl .sub-text {
  font-size: min(1.098rem + 0.81vw, 1.75rem);
  padding: 0 0 0 0.5em;
}

.sustainability_section_sub_ttl {
  margin: 0 0 1.5rem 0;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 1.7333;
  text-align: left;
  color: var(--main-color);
}
.sustainability_section_sub_ttl.none-child-level {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .sustainability_section_sub_ttl {
    margin-bottom: 0;
  }
}

.sdgs_img-poster {
  width: min(72%, 660px);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 45px;
}
.sdgs_section_wrap {
  padding-left: min(8vw, 3.75rem);
  padding-right: min(8vw, 3.75rem);
  padding-top: 60px;
}

.sdgs_section {
  padding-bottom: min(1.257rem + 5.3vw, 5.5rem);
  padding-top: 0.5rem;
}
.sdgs_section + .sdgs_section {
  padding-top: min(1.257rem + 5.3vw, 5.5rem);
}
@media (min-width: 1024px) {
  .sdgs_section {
    display: grid;
    grid-template-areas: "img text" "img link";
    grid-template-rows: auto;
    grid-template-columns: 44% auto;
    column-gap: 6%;
  }
  .sdgs_section.no-more {
    grid-template-areas: "img text";
  }
}
@media (min-width: 1280px) {
  .sdgs_section {
    grid-template-columns: 40% auto;
    column-gap: 9%;
  }
}
.sdgs_section:last-of-type {
  padding-bottom: min(2.5rem + 5.33vw, 7.5rem);
}

.sdgs_section_title {
  margin-bottom: min(1.257rem + 5.3vw, 5.5rem);
}

.sdgs_imgBlock {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .sdgs_imgBlock {
    grid-area: img;
  }
}

@media (min-width: 768px) {
  .sdgs_textBlock {
    grid-area: text;
  }
  .textblock-align-end .sdgs_textBlock {
    align-self: flex-end;
  }
  .no-more .sdgs_textBlock {
    align-self: center;
  }
}

@media (min-width: 768px) {
  .sdgs_moreinfo,
  .sdgs_division {
    grid-area: link;
    align-self: flex-start;
  }
}

.sdgs_section__continue {
  padding-bottom: 0;
}
.sdgs_section__continue + .sdgs_section {
  padding-top: min(2.241rem + 1.1vw, 3.125rem);
}

.sdgs_ttl {
  margin-bottom: 0.5em;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--main-color);
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media (min-width: 1024px) {
  .sdgs_ttl {
    margin-bottom: 0.5em;
  }
}

.sdgs_subttl {
  font-weight: 700;
  font-size: min(0.97rem + 0.66vw, 1.5rem);
  margin-bottom: 0.1em;
  line-height: 2.2;
}

.sdgs_txt {
  margin-bottom: 2em;
  line-height: 2;
  font-size: 15px;
}

.sdgs_list {
  margin-bottom: 1.8em;
}
@media (min-width: 1024px) {
  .sdgs_list {
    margin-bottom: 2.2rem;
  }
}

.sdgs_item {
  margin-left: 1em;
  list-style-type: disc;
  list-style-position: outside;
  line-height: 2.4;
  font-size: 15px;
}

.sdgs_img {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .sdgs_img {
    margin-bottom: 0;
  }
}

.sdgs_img img {
  width: 100%;
  border-radius: 20px;
}

.sdgs_img_icon {
  display: grid;
  grid-template-columns: repeat(5, 16%);
  gap: 5px;
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .sdgs_img_icon {
    gap: 10px;
  }
}

.sdgs_moreinfo .ly_moreInfo {
  font-size: 16px;
  gap: 2.2rem;
}

.sdgs_division {
  padding-top: 8px;
  padding-bottom: 24px;
}
.sdgs_division .ly_moreInfo {
  gap: 1.2em;
}
@media (min-width: 1024px) {
  .sdgs_division {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.sdgs_division_caption {
  position: relative;
  padding-bottom: 0.8em;
}
.sdgs_division_caption::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--main-color);
}
@media (min-width: 1024px) {
  .sdgs_division_caption {
    font-size: 18px;
  }
}

.sdgs_divisionList {
  padding-top: 1em;
  padding-bottom: 0.8em;
}
@media (min-width: 1024px) {
  .sdgs_divisionList {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
  }
}

.sdgs_divisionItem {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-right: 4em;
}
@media (min-width: 520px) {
  .sdgs_divisionItem {
    display: inline-block;
  }
}

.governance > *:not(.ly_head_wrap) .bl_heading-m {
  margin: 2rem 0;
  color: var(--main-color);
}
.governance > *:not(.ly_head_wrap) .governace-image {
  text-align: center;
  margin-bottom: 3rem;
}
.governance > *:not(.ly_head_wrap) p {
  line-height: 1.875;
  margin-bottom: 3rem;
}
.governance > *:not(.ly_head_wrap) .compliance-list .compliance-ttl {
  font-weight: bold;
  font-size: 1rem;
  margin: 0 0 0.8rem 0;
}
.governance > *:not(.ly_head_wrap) .compliance-list .compliance-ttl:before {
  content: "・";
}
.governance > *:not(.ly_head_wrap) .more-link {
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-end;
}
.governance > *:not(.ly_head_wrap) .ly_moreInfo {
  font-size: 1rem;
}