@charset "UTF-8";

/* top */
#contents {
  position: relative;
}
#contents::after {
  content: '';
  width: 100%;
  height: 90%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: #fff;
}

#globalHeader .copy {
  display: flex;
  justify-content: center;
  gap: min(375px, 12.53125vw);
}
@media screen and (max-width: 767px) {
  #globalHeader .copy {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #globalHeader .copy img {
    width: 100%;
    height: auto;
  }
}

#globalHeader .copy .main {
  width: min(548px, 28.5416vw);
}
@media screen and (max-width: 767px) {
  #globalHeader .copy .main {
    width: 100%;
    margin-bottom: 10vw;
  }
}
#globalHeader .copy .sub {
  width: min(620px, 47vw);
  margin-top: -.3em;
  color: #fff;
  font-size: min(22px, 1.7vw);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #globalHeader .copy .sub {
    width: 100%;
    margin-top: 0;
    font-size: 3.5vw;
  }
}
#globalHeader .copy .sub p {
  margin-bottom: 1em;
}
#globalHeader .copy .sub p:last-child {
  margin-bottom: 0;
}

#main2 {
  padding-top: 33px;
  position: relative;
  background-color: transparent;
}
.top03 {
  position: relative;
  background: transparent;
}
.top03__inner {
  position: relative;
  z-index: 1;
}

.top02 .txtArea1 p {
  margin-bottom: 1.5em;
}

/* philosophy */
.philosophy01 .philosophy01__inner {
  margin-left: 0;
  display: flex;
  justify-content: center;
  gap: min(375px, 12.53125vw);
}
@media screen and (max-width: 767px) {
  .philosophy01 .philosophy01__inner {
    display: block;
  }
}
.philosophy01 .philosophy01__inner .left {
  width: min(548px, 28.5416vw);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .philosophy01 .philosophy01__inner .left {
    width: 80%;
    margin: 0 auto 10vw;
  }
}
.philosophy01 .philosophy01__inner .right {
  width: min(620px, 47vw);
  margin: -.3em 0 0;
  color: #fff;
  font-size: min(22px, 1.7vw);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .philosophy01 .philosophy01__inner .right {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20vw;
    font-size: 3.5vw;
  }
}

.secTtlArea {
  margin-bottom: 5em;
  text-align: center;
}
.secTtlArea .ttl {
  margin: 0;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .secTtlArea .ttl {
    font-size: 4.5vw;
  }
}
.philosophy02.value {
  margin: 0 auto;
  margin-bottom: 6em;
}
.philosophy02.value .right {
  padding-bottom: 5em;
}
.philosophy02.value .right .ttlArea {
  display: flex;
  align-items: center;
  gap: 1em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .philosophy02.value .right .ttlArea {
    display: block;
  }
}
.philosophy02.value .right .ttlArea::after {
  content: '';
  width: 60px;
  aspect-ratio: 6 / 7;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .philosophy02.value .right .ttlArea::after {
    width: 15vw;
    position: absolute;
    right: 0;
    bottom: 100%;
    transform: translateY(-20%);
  }
}
.philosophy02.value.value1 .right .ttlArea::after {
  background-image: url(../img/philosophy/icon_value1.svg);
}
.philosophy02.value.value2 .right .ttlArea::after {
  background-image: url(../img/philosophy/icon_value2.svg);
}
.philosophy02.value.value3 .right .ttlArea::after {
  background-image: url(../img/philosophy/icon_value3.svg);
}
.philosophy02.value.value4 .right .ttlArea::after {
  background-image: url(../img/philosophy/icon_value4.svg);
}
.philosophy02.value.value5 .right .ttlArea::after {
  background-image: url(../img/philosophy/icon_value5.svg);
}
.philosophy02.value.value6 .right .ttlArea::after {
  background-image: url(../img/philosophy/icon_value6.svg);
}


.philosophy02.value .right .ttlArea .ttl {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .philosophy02.value .right .ttlArea .ttl {
    white-space: nowrap;
    font-size: 5.1vw;
  }
}