@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {

/* page-hero
-------------------------------------*/
.page-hero {
  width: calc(100% - calc(min(4.65vw, 8rem)));
  position: relative;
}
.page-hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: min(4.65vw, 8rem);
  transform: translateX(100%);
  height: 100%;
  background: url(../images/common/bg-blue-texture.jpg) repeat;
}
.page-hero__inner {
  padding-top: 14.3rem;
}

.page-hero__content-wrap {
  background-color: #E4E5E8;
}
.page-hero__frame {
  width: min(100%, 128rem);
  transform: translateX(5rem);
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36rem;
  background-color: #E4E5E8;
}
.page-hero__image {
  width: 65%;
  height: 100%
}
.page-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.page-hero__title-wrap {
  margin-top: -0.7rem;
  width: 35%;
  margin-right: 2rem;
}
.page-hero__title-wrap img {
  width: auto;
  height: 100%;
  object-fit: cover;
  display: block;
}
.page-hero__title {
  width: clamp(26rem, 17.88vw + 12.268rem, 37.3rem);
}
.page-hero__subTitle {
  margin-top: 1.9rem;
  font-size: var(--pc-font14-16);
}


/* con1 page-profile
-------------------------------------*/
.page-profile {
  background-color: var(--color-bg-gray);
}
.page-profile__inner {
  padding-top: 0.4rem;
  padding-bottom: 4.5rem;
}

.page-profile__titleWrap {
  position: relative;
  color: var(--color-main);
}
.page-profile__titleWrap span {
  display: block;
  text-align: center;
  line-height: 1;
}
.page-profile__title-en {
  margin-bottom: 2.4rem;
}
.page-profile__title-en > img {
  height: 1.5rem;
}
.page-profile__title {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 4.2rem;
}
.page-profile__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5rem;
  height: 1px;
  background-color: var(--color-main);
}

.page-profile__catch {
  margin-top: 6.2rem;
  font-weight: 400;
  font-size: var(--pc-font26-32);
  line-height: calc(70 / 32);
  letter-spacing: 0.1em;
  text-align: center;
}

.page-profile__catchKey {
  margin-top: -0.3rem;
  font-size: clamp(2.8rem, 1.899vw + 1.342rem, 4rem);
  font-weight: 400;
  line-height: calc(70 / 40);
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--color-main);
}
.page-profile__catchKey span {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-main);
}
.page-profile__catchKey span span {
  font-size: 3.2rem;
  border-bottom: none;
}

.page-profile__content {
  width: 90%;
  display: flex;
  align-items: flex-end;
  gap: clamp(3rem, 7.278vw - 2.59rem, 7.6rem);
  margin-top: 3.25rem;
}
.page-profile__image {
  transform: translateX(-0.4vw);
  width: 90vw;
  margin-top: 2.6rem;
}
.page-profile__textWrap {
  position: relative;
  top: 0;
  right: 0;
  width: 50.78%;
  margin-left: auto;
  background-color: var(--color-bg-gray);
  margin-top: -35rem;
}
@media screen and (max-width: 1920px) {
  .page-profile__textWrap {
    margin-top: -32.2rem;
  }
}
@media screen and (max-width: 1400px) {
  .page-profile__textWrap {
    margin-top: -14rem;
  }
}

.page-profile__textWrapInner {
  width: 57.95%;
  width: clamp(30rem, 61.111vw - 16.933rem, 56rem);
  padding-top: clamp(1rem, 7.911vw - 5.076rem, 6rem);
  padding-bottom: 6rem;
  padding-left: clamp(2rem, 9.494vw - 5.291rem, 8rem);
}
.page-profile__text {
  font-size: var(--pc-font12-16);
  line-height: 2;
  letter-spacing: 0.1em;
}
.page-profile__text--2nd {
  margin-top: 3.2rem;
}
.page-profile__text span {
  font-weight: 700;
}


/* con2 story
-------------------------------------*/
.story__lead {
  position: relative;
}
.story__lead {
  padding-block: 6.9rem 12.2rem;
}
.story__lead::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/page-profile/con2-story-lead-bg.jpg) no-repeat;
  background-size: auto 100%;
  background-position: center;
  z-index: -1;
}
.story__text {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
}
.story__KeyWrap {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.story__Key {
  display: inline-block;
  margin-top: 2.7rem;
  padding: 0.7rem 0 0.8rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  background-color: #fff;
}
.story__btmText {
  margin-top: 1.8rem;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
}

.story__content {
  margin-top: -1px; /* 隙間防止 */
  padding-block: 11rem clamp(12.5rem, 12.658vw + 2.778rem, 20.5rem);
  background-color: #888E9B;
}
.story__contentMedia {
  width: min(95%, 110rem);
  margin-inline: auto;
  display: flex;
  gap: 4rem;
}
.story__mediaTextWrap {
  flex: 1;
  margin-top: -0.7rem;
}
.story__mediaText {
  margin-top: clamp(1rem, 3.481vw - 1.673rem, 3.2rem);
  font-size: var(--pc-font12-16);
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
}
.story__mediaText:first-child {
  margin-top: 0;
}
.story__mediaImage {
  width: 46.36%;
}

.story__result {
  background-color: #f5f5f5;
}
.story__resultContent {
  padding-top: clamp(4rem, 9.494vw - 3.291rem, 10rem);
  padding-bottom: clamp(4.5rem, 7.911vw - 1.576rem, 9.5rem);
  width: min(95%, 128rem);
  margin-inline: auto;
  background: url(../images/page-profile/con2-story-result-bg.jpg) no-repeat;
  transform: translateY(-9rem);
  background-size: auto 100%;
}
.story__resultKeyText {
  font-size: clamp(3rem, 1.582vw + 1.785rem, 4rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--color-sub);
}
.story__resultKeyText span {
  display: inline-block;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid var(--color-sub);
}
.story__resultKeyText-wrap--lower {
  margin-top: 2.9rem;
}
.story__resultKeyText-1st {
  transform: translateX(0.9rem);
}
.story__resultKeyText-2nd {
  transform: translateX(-0.6rem);
}
.story__resultKeyText-3rd {
  transform: translateX(-1.1rem);
}
.story__resultKeyText-4th {
  transform: translateX(-2.7rem);
}

.story__resultMedia {
  width: 105.21%;
  margin-top: 7.55rem;
  margin-left: clamp(-1.4rem, 7.911vw - 12.476rem, -6.4rem);
  padding-right: 9rem;
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(3rem, 3.165vw + 0.57rem, 5rem);
  transform: translateX(-5rem);
}
.story__resultTextArea {
  flex: 1;
  margin-top: -0.6rem;
}
.story__resultImage {
  width: 55.91%;
}
.story__resultMediaTitle {
  font-size: var(--pc-font14-20);
  font-weight: 600;
  line-height: calc(38 / 20);
  letter-spacing: 0.1em;
}
.story__resultTextWrap {
  margin-top: 2.5rem;
}
.story__resultText {
  font-size: var(--pc-font12-16);
  line-height: 2;
  letter-spacing: 0.1em;
}

.story__resultText span {
  font-weight: 700;
}
.story__resultText:not(:first-child) {
  margin-top: clamp(1rem, 3.481vw - 1.673rem, 3.2rem);
}


/* con3 relationship
-------------------------------------*/
.relationship {
  background-color: #f5f5f5;
}
.relationship__inner {
  padding-block: 4.5rem 32.7rem;
}
.relationship__title {
  position: relative;
  z-index: 2;
  width: 93.3%;
  padding-left: 4.5em;
  text-align: center;
}
.relationship__media {
  position: relative;
  z-index: 1;
  width: min(95%, 173.2rem);
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  transform: translateY(clamp(-2.2rem, 4.747vw - 8.846rem, -5.2rem));
}
.relationship__image {
  width: 65.9%;
  margin-top: -3rem;
}
.relationship__textArea {
  width: 58.2rem;
  padding: clamp(2.3rem, 6.329vw - 2.561rem, 6.3rem) clamp(1rem, 7.911vw - 5.076rem, 6rem) 7rem 0;
  background-color: #f5f5f5;
  transform: translate(clamp(9.2rem, 20.57vw - 6.597rem, 22.2rem), 7rem);
}
.relationship__textTitle {
  font-size: var(--pc-font18-28);
  font-weight: 600;
  line-height: calc(44 / 28);
  letter-spacing: 0.1em;
  color: var(--color-main);
}
.relationship__textWrap {
  margin-top: clamp(1rem, 4.114vw - 2.159rem, 3.6rem);
}
.relationship__text {
  margin-top: clamp(1rem, 3.639vw - 1.795rem, 3.3rem);
  padding-right: 1rem;
  font-size: var(--pc-font12-16);
  line-height: 2;
  letter-spacing: 0.1em;
}
.relationship__keyText {
  font-size: var(--pc-font14-20);
  font-weight: 700;
  line-height: calc(32 / 20);
  letter-spacing: 0.1em;
  color: var(--color-main);
}


/* con4 profile
-------------------------------------*/
.profile {
  position: relative;
  background-color: var(--color-bg-gray);
  padding-bottom: 22rem;
}
.profile::before {
  content: "";
  position: absolute;
  top: -17rem;
  left: 0;
  width: min(91.67%, 1760px);
  height: 58.7rem;
  background-color: #CFD5E3;
  z-index: 2;
}
.profile__inner {
  position: relative;
  width: min(95%, 128rem);
  margin-inline: auto;
  padding: 8rem clamp(2rem, 16.204vw - 10.444rem, 9rem) clamp(6rem, 9.259vw - 1.111rem, 10rem);
  background-color: #fff;
  z-index: 3;
}
.profile__inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 10rem);
  width: 1px;
  height: 14rem;
  background-color: var(--color-main);
}
.profile__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 61.28%;
  transform: translate(3.2rem, -5.8rem);
  z-index: 1; /* profile__body より前面に表示 */
}
.profile__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 42.7% 1fr;
  grid-template-rows: auto auto;
  gap: clamp(2.4rem, 5.854vw - 2.096rem, 6.1rem);
}
.profile__image {
  grid-row: 1;
  grid-column: 1;
  position: relative;
}
.profile__image > img {
  width: 100%;
}

.profile__body {
  grid-row: 1;
  grid-column: 2;
  margin-top: -0.9rem;
}
.profile__nameWrap {
  display: flex;
  align-items: center;
  margin-top: clamp(10px, -2.152px + 1.582vw, 20px);
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #BCBCBC;
  color: #000;
  width: max-content;
}
.profile__name {
  font-size: clamp(3.5rem, calc(-1.4655rem + 6.4655vw), 5rem);
  font-size: clamp(30px, 5.696px + 3.165vw, 50px);
  font-weight: 600;
  line-height: calc(60 / 50);
  letter-spacing: 0.05em;
}
.profile__name-ruby {
  margin-left: 1.2rem;
  font-size: clamp(13px, 9.354px + 0.475vw, 16px);
  font-weight: 400;
  line-height: calc(19 / 16);
  letter-spacing: 0.05em;
}
.profile__sns-list {
  display: flex;
  align-items: center;
  margin-left: 3rem;
  gap: 4rem;
}
.profile__detailWrap {
  margin-top: 3.5rem;
}
.profile__detail {
  margin-top: 3.2rem;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
  letter-spacing: 0.1em;
}
.profile__list {
  margin-top: 4rem;
  margin-top: clamp(1.6rem, 2.69vw - 0.466rem, 3.3rem);
}
.profile__item {
  position: relative;
  padding-left: 1em;
  font-size: 1.8rem;
  font-size: clamp(12px, 4.709px + 0.949vw, 18px);
  font-weight: 500;
  line-height: calc(34 / 18);
  letter-spacing: 0.05em;
}
.profile__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #B4BFD8;
  border-radius: 50%;
}

.profile__bottom {
  grid-row: 2;
  grid-column: 1 / -1;
  text-align: center;
}
.profile__bottomKeyText {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: calc(30 / 26);
  letter-spacing: 0.1em;
  color: var(--color-main);
}
.profile__bottomText {
  margin-top: 3.2rem;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
  letter-spacing: 0.1em;
}


/* con5 vision-and-mission
-------------------------------------*/
.vision-and-mission {
  background-color: #80899D;
}
.vision-and-mission__inner {
  margin-inline: auto;
  padding-block: 14rem;
}
.vision,
.mission {
  width: min(95%, 120rem);
  margin-inline: auto;
  padding: 9rem clamp(2rem, 12.658vw - 7.722rem, 10rem) 11.2rem;
  background-color: #fff;
  text-align: center;
}
.vision__title,
.mission__title {
  text-align: center;
}
.vision__line,
.mission__line {
  margin-block: 4rem 2.7rem;
  width: min(95%, 100rem);
  width: 100%;
  height: 1px;
  background-color: var(--color-main);
}
.vision__catch,
.mission__catch {
  font-size: clamp(2.6rem, 1.582vw + 1.385rem, 3.6rem);
  font-weight: 400;
  line-height: calc(60 / 36);
  letter-spacing: 0.1em;
}
.vision__image {
  width: 100%;
  margin-bottom: 4.3rem;
  transform: translateY(-5.7rem);
}
.mission {
  padding-bottom: 6.3rem;
}
.mission .mission__catch {
  line-height: 2;
}


/* con6 value
-------------------------------------*/
.value {
  position: relative;
}
.value::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/page-profile/con6-value-bg.jpg) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.value__inner {
  width: min(95%, 110rem);
  margin-inline: auto;
  margin-bottom: 14rem;
  padding-block: 13rem;
}
.value__title {
  text-align: center;
}

.value__list {
  margin-top: 4.2rem;
}
.value__item {
  margin-top: 3rem;
  padding-left: clamp(3.6rem, 7.911vw - 2.476rem, 8.6rem);
  padding-right: 1em;
  display: flex;
  align-items: center;
  gap: clamp(2.4rem, 7.753vw - 3.554rem, 7.3rem);
  background-color: #fff;
}
.value__number {
  width: 3rem;
  height: auto;
}
.value__text {
  padding-block: 3rem;
  font-size: clamp(1.8rem, 0.633vw + 1.314rem, 2.2rem);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

}



/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

/* page-hero SP
-------------------------------------*/
.page-hero {
  width: 100%;
  position: relative;
  padding-top: 11.8vw;
}
.page-hero__inner {
  padding-top: 9.5vw;
}
.page-hero__frame {
  width: 100%;
  margin-inline: auto;
  padding-block: 9.66vw 7vw;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  gap: 8.34vw;
  background-color: #E4E5E8;
}
.page-hero__title-wrap {
  width: 60.45vw;
  padding-left: 9.7vw;
}
.page-hero__subTitle {
  margin-top:  2.8vw;
  font-size: 3.8vw;
  letter-spacing: 0.1em;
}
.page-hero__image {
  width: 100%;   /* widthは100%に強制変換 */
}
.page-hero__image img {
  width: 100%;
  height: auto;
  display: block;
}


/* con1 page-profile SP
-------------------------------------*/
.page-profile {
  background-color: #F5F5F5;
}
.page-profile__inner {
  padding-top: 14vw;
  /* padding-inline: var(--sp-guide-1); */
}
.page-profile__content {
  position: relative;
  margin-inline: var(--sp-guide-1);
  padding: 12.8vw 0 12.6vw;
  margin-inline: auto;
  z-index: 10;
}
.page-profile__titleWrap {
  position: relative;
  color: var(--color-dark-navy);
}
.page-profile__titleWrap span {
  display: block;
  text-align: center;
  line-height: 1;
}
.page-profile__title-en {
  margin-bottom: 5.6vw;
}
.page-profile__title-en > img {
  height: 3vw;
}
.page-profile__title {
  font-size: 5.8vw;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 7.7vw;
}
.page-profile__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 12.1vw;
  height: 0.2vw;
  background-color: var(--color-main);
}

.page-profile__catch {
  margin-top: 8vw;
  font-size: 5.3vw;
  line-height: 1.7;
  text-align: center;
}

.page-profile__catchKey {
  margin-top: 1.2vw;
  font-size: 7.5vw;
  line-height: 1.5;
  color: var(--color-main);
  text-align: center;
}
.page-profile__catchKey span {
  padding-bottom: 0.5vw;
  border-bottom: 1px solid var(--color-main);
}
.page-profile__catchKey span span {
  font-size: 5.4vw;
  border-bottom: none;
}
.page-profile__image {
  margin-top: 7.3vw;
  width: 100%;
}
.page-profile__content {
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 8vw;
  margin-top: 8vw;
}
.page-profile__textWrap {
  width: 89.4vw;
  margin-inline: auto;
  margin-top: -5vw;
  background-color: #f5f5f5;
  padding-top: 5.5vw;
  padding-bottom: 14vw;
  padding-inline:4.8vw 5.5vw;
  position: relative;
}
.page-profile__textWrapInner {
  width: 100%;
  padding: 0;
}
.page-profile__text {
  font-size: 4.2vw;
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.page-profile__text:last-child {
  margin-top: 8.3vw;
}
.page-profile__text span {
  font-weight: 700;
}


/* con2 story
-------------------------------------*/
.story__lead {
  position: relative;
  padding-top: 7.8vw;
  padding-bottom: 15.1vw;
}
.story__lead::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/page-profile/con2-story-lead-bg-sp.jpg) no-repeat;
  background-position: cover;
  z-index: -1;
}
.story__lead::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 17.87vw;
  height: 8.21vw;
  background: url(../images/page-profile/con2-story-lead-bg-arrow-sp.svg) no-repeat;
  background-size: 100% 100%;
}
.story__text {
  font-size: 3.9vw;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  padding-left: 5vw;
  padding-right: 5vw;
  padding-inline: 8vw;
}
.story__KeyWrap {
  display: block;
  text-align: center;
}
.story__Key {
  display: inline-block;
  margin-top: 4.6vw;
  padding-block: 1.5vw;
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.1em;
  background-color: #fff;
}
.story__btmText {
  margin-top: 5.2vw;
  font-size: 4.8vw;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 1.8;
  padding-left: 5vw;
  padding-right: 5vw;
}

.story__content {
  padding-top: 1vw;
  padding-bottom: 9.8vw;
  background-color:#888E9B;
}
.story__contentMedia {
  display: flex;
  flex-direction: column-reverse;
  gap: 4.8vw;
  width:100%;
  margin-inline: auto;
  padding-inline: 4.8vw;
}
.story__mediaTextWrap {
  width:100%;
}
.story__mediaText {
  margin-top: 7.6vw;
  font-size: 3.9vw;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #fff;
}
.story__mediaText:first-child {
  margin-top:0;
}
.story__mediaImage {
  width:100%;
  margin-top:8.4vw;
}

.story__result {
  background-color: #f5f5f5;
}
.story__resultContent {
  width: 89.37vw;
  margin: 0 auto;
  padding-top: 8.5vw;
  padding-bottom: 7vw;
  background: url(../images/page-profile/con2-story-result-bg-sp.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center;
  transform: translateY(-5vw);
}
.story__resultKeyText {
  font-size: 5.6vw;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-align: center;
  color: var(--color-sub);
}
.story__resultKeyText span {
  position: relative;
}
.story__resultKeyText span::after {
  content: "";
  position: absolute;
  bottom: -1vw;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--color-sub);
}
.story__resultMedia {
  width: 100%;
  margin-top: 6.3vw;
  margin-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 6.7vw;
}
.story__resultImage {
  position: relative;
  left: 52%;
  transform: translateX(-50%);
  width: 94.2vw;
}
.story__resultImage img {
  width: 100%;
  height: auto;
  display: block;
}
.story__resultTextArea {
  width: 100%;
  padding-inline: 5vw;
}
.story__resultMediaTitle {
  font-size: 4.8vw;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.story__resultTextWrap {
  margin-top: 4.3vw;
}
.story__resultText {
  font-size: 4vw;
  line-height: 2;
  letter-spacing: 0.08em;
}
.story__resultText span {
  font-weight: 700;
}
.story__resultText:not(:first-child) {
  margin-top: 6.9vw;
}


/* con3 relationship
-------------------------------------*/
.relationship {
  background-color: var(--color-bg-gray);
}
.relationship__inner {
  padding-block: 7.5vw 21.6vw;
}
.relationship__title {
  width: fit-content;
  padding-left: 7vw;
  text-align: center;
  position: relative;
  z-index: 2;
}
.relationship__media {
  width: 100%;
  margin-top: -4vw;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
  z-index: 1;
}
.relationship__image {
  width: 100%;
}
.relationship__image img {
  width: 100%;
  height: auto;
  display: block;
}
.relationship__textArea {
  width: 89.37vw;
  margin-inline: auto;
  padding: 0 4.4vw 0;
  background-color: var(--color-bg-gray);
  transform: translate(0, -8.6vw);
}
.relationship__textTitle {
  padding-top: 7.6vw;
  font-size: 5.7vw;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--color-main);
}
.relationship__textWrap {
  margin-top: 3.8vw;
}
.relationship__text {
  margin-top: 7.4vw;
  padding-right: 2vw;
  font-size: 3.9vw;
  line-height: 2;
  letter-spacing: 0.1em;
}
.relationship__text:first-child {
  margin-top: 0;
}
.relationship__keyText {
  margin-top: 2vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: var(--color-main);
}


/* con4 profile
-------------------------------------*/
.profile {
  position: relative;
  background-color: var(--color-bg-gray);
}
.profile::before {
  content: "";
  position: absolute;
  top: -15vw;
  left: 0;
  width: 100%;
  height: 48.5vw;
  background-color: #CFD5E3;
  z-index: 2;
}
.profile__inner {
  position: relative;
  margin-inline: var(--sp-guide-1);
  margin-bottom: 24.9vw;
  padding: 14.7vw 6vw 9.7vw;
  background-color: #fff;
  z-index: 3;
}
.profile__inner::after {
  content: "";
  position: absolute;
  bottom: 7vw;
  left: 50%;
  transform: translate(-50%, 10rem);
  width: 1px;
  height: 9rem;
  background-color: var(--color-main);
}
.profile__title {
  position: absolute;
  top: 0;
  left: 4.2vw;
  width: 72.21%;
  transform: translate(0.77rem, -3.2rem);
  z-index: 1;
}
.profile__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  align-items: end;
}
.profile__image {
  grid-row: 1;
  position: relative;
}
.profile__image > img {
  width: 100%;
}
.profile__body {
  grid-row: 2;
  margin-top: 8.9vw;
}
.profile__nameWrap {
  display: flex;
  align-items: center;
  margin-top: 3.6vw;
  padding-bottom: 6vw;
  border-bottom: 1px solid #BCBCBC;
  color: #000;
  width: 100%;
}
.profile__position {
  width: 27.2vw;
  line-height: 1;
}
.profile__name {
  font-size: 6.7vw !important;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.profile__name-ruby {
  font-size: 3.4vw;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.profile__sns-list {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 4.2vw;
  margin-top: -2vw;
}

.profile__detailWrap {
  margin-top: 4.1vw;
}
.profile__detail {
  margin-top: 7.7vw;
  font-size: 4vw;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
.profile__detail--upper {
  margin-top: 0;
}
.profile__text {
  margin-top: 10.1vw;
  font-size: 4vw;
  line-height: 1.8;
  letter-spacing: 0.06em;
}

.profile__list {
  margin-top: 6.1vw;
}
.profile__item {
  position: relative;
  margin-top: 3.1vw;
  padding-left: 4.9vw;
  font-size: 3.9vw;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.profile__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 2.4vw;
  height: 2.4vw;
  background-color: #B4BFD8;
  border-radius: 50%;
}
.profile__bottom {
  position: relative;
  margin-top: 8.6vw;
}
.profile__bottomKeyText {
  font-size: 6.3vw;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: var(--color-main);
}
.profile__bottomKeyText span:first-child {
  margin-left: -4vw;
}
.profile__bottomKeyText span:last-child {
  margin-left: 4vw;
}

.profile__bottomText{
  margin-top: 4.4vw;
  font-size: 3.9vw;
  line-height: 1.9;
  letter-spacing: 0.09em;
}


/* con5 vision-and-mission
-------------------------------------*/
.vision-and-mission{
  background-color: #80899D;
}
.vision-and-mission__inner{
  margin-inline: auto;
  padding-block: 12vw;
}
.vision,
.mission{
  width: 89.37vw;
  margin-inline: auto;
  padding: 7.7vw 6vw 24vw;
  background-color: #fff;
  text-align: center;
}
.vision__title,
.mission__title{
  text-align: center;
}
.vision__title img,
.mission__title img {
  height: 5vw;
}
.vision__line,
.mission__line{
  width: 100%;
  margin-block: 5.1vw 7.2vw;
  height: 1px;
  background-color: var(--color-main);
}
.vision__catch,
.mission__catch{
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.vision__image{
  width: 100%;
  margin-bottom: 9vw;
  transform: translateY(-19.8vw);
}
.mission {
  margin-top: -16.5vw;
  padding-bottom: 4vw;
}


/* con6 value
-------------------------------------*/
.value{
  position: relative;
}
.value::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/page-profile/con6-value-bg-sp.jpg) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.value__inner{
  width: 89.37vw;
  margin-inline: auto;
  margin-bottom: 24vw;
  padding-block: 12.6vw 10.9vw;
}
.value__title{
  text-align: center;
}
.value__title img {
  height: 5vw;
}
.value__list{
  margin-top: 9vw;
}
.value__item {
  margin-top: 3.5vw;
  padding-left: 5vw;
  padding-right: 4vw;
  display: flex;
  align-items: center;
  gap: 6.5vw;
  background-color: #fff;
}
.value__item:first-child .value__number img { height: 9.4vw; }
.value__item:nth-child(2) .value__number img { height: 7.8vw; }
.value__item:nth-child(3) .value__number img { height: 7.3vw; }
.value__item:nth-child(4) .value__number img { height: 6.7vw; }
.value__item:nth-child(5) .value__number img { height: 6.3vw; }

.value__text{
  padding-block: 4.6vw 4.9vw;
  font-size: 4.4vw;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.09em;
}

}