@charset "utf-8";

  /* ==============================
section profile
============================== */
.sub-profile-wrapper {
  padding: 0 5.3% 0;
}

.sub-profile-title {
  margin-top: 143px;
  position: relative;
}

.sub-profile-title::before  {
  content: "Profile";
  font-family: "Dancing script";
  font-size: 10rem;
  position: absolute;
  top: -350%;
  left: 0%;
  right: 0;
  bottom: 0;
  filter: opacity(0.03);
  z-index: 1;
}
.sub-profile-title::after {
  content: "";
  position: absolute;
  left: 75%;
  top: 50%;
  width: 80px;  /* 線の太さ */
  height: 1px; /* 文字の高さに合わせる */
  background-color: var(--primary-pink);
}

.sub-img {
  position: relative;
  max-width: 56%;
  display: flex;
  margin: 0 auto;
  margin-top: 50px;
}

.sub-img::before {
  content:'';
  display: block;
  width: 50px;
  height: 50px;
  top: -2%;
  right:-3%;
  background-image: url(../images/sub-asirai-photo.png);
  position: absolute;
  background-size: cover;
}

.sub-img::after {
  content:'';
  display: block;
  width: 50px;
  height: 50px;
  top: 84%;
  right:77%;
  background-image: url(../images/sub-asirai-photo.png);
  transform: rotate(180.098deg);
  position: absolute;
  background-size: cover;
}

.sub-profile-table {
  text-align: center;
  margin-top: 37px;
}
.sub-name-waku {
  text-align: center;
  margin-top: 17px;
}

.sub-name {
  font-size: 1.8rem;
  position: relative;
}

.sub-name::after {
  content: '';
  display: block;
  position: absolute;
  left: -38%;
  top: 113%;
  bottom: 0;
  transform: translateY(-50%);
  width: 280px;
  height: 2px;
  background-color: var(--primary-gray);
}

.sub-born {
  font-size: 1.4rem;
  padding-left: 20px;
}

.sub-profile-txt {
  margin-top: 20px;
}
.sub-profile-txt1 {
  margin-top: 46px;
}

/* 屋号 */
.sub-companyname {
  margin-top: 124px;
  position: relative;
}

.sub-companyname::before {
  content: "";
  position: absolute;
  left: 2%;
  top: 50%;
  width: 80px;  /* 線の太さ */
  height: 1px; /* 文字の高さに合わせる */
  background-color: var(--primary-pink);
}

.pearl-list {
  margin-top: 60px;
  position: relative;
}

.pearl-list::before {
  content:'';
  display: block;
  width: 72px;
  height: 82px;
  top: -35%;
  right:-7%;
  background-image: url(../images/profile_asirai_pearl2.png);
  background-size: cover;
  transform: rotate(18deg);
  position: absolute;
}
.pearl-list::after {
  content:'';
  display: block;
  width: 72px;
  height: 82px;
  top: 102%;
  right:88%;
  background-image: url(../images/profile_asirai_pearl2.png);
  background-size: cover;
  transform: rotate(18deg);
  position: absolute;
}

.pearl-number {
  font-family: "Dancing Script";
  font-size: 2rem;
  padding-right: 8px;
}

.pearl-number-txt {
  margin-top: 20px;
}

.pearl-txt {
  padding: 104px 0 150px;
  position: relative;
}
.pearl-txt::after {
  content:'';
  display: block;
  width: 72px;
  height: 82px;
  top: 51%;
  right:-6%;
  background-image: url(../images/profile_asiraパール2.png);
  background-size: cover;
  transform: rotate(18deg);
  position: absolute;
}

.spbr {
  display: block;
}

/* pc　レスポンシブ */
@media screen and (min-width: 769px) {
.sub-profile-title {
  font-size: 4.2rem;
  margin-top: 133px;
}

.sub-profile-table {
  font-size: 3.2rem;
}
.sub-name {
  font-size: 2.4rem;
}

.sub-name::after {
  left: -78%;
  width: 460px;
}

.sub-profile-innner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}

.sub-profile-txt1,
.sub-profile-txt {
  width: 464px;
}

.sub-profile-photo {
  width: 83%;
}

.sub-companyname {
  font-size: 3.8rem;
  margin-top: 227px;
}
.sub-companyname::before {
  left: 31%;
  top: 53%;
}

.spbr {
  display: none;
}

.pearl-list {
  text-align: center;
  /* margin: 46px 11% 0; */
}

.pearl-txt {
  text-align: center;
}

.pearl-txt::after {
  content: none;
}

.pearl-list::before {
  width: 185px;
  height: 163px;
  top: 185%;
  right: 3%;
}
.pearl-list::after {
  width: 185px;
  height: 163px;
  top: -213%;
  right: 78%;
}

.sub-img::before {
  width: 244px;
  height: 248px;
  top: -2%;
  right:14%;
  background-image: url(../images/pc_sub_profile_asirai.png);
}

.sub-img::after {
  width: 248px;
  height: 244px;
  top: 72%;
  right:66%;
  background-image: url(../images/pc_sub_profile_asirai.png);
  transform: rotate(180.098deg);
}

.sub-profile-title::before {
  font-size: 20rem;
  top: -205%;
  left: -2%;
  width: 100px;
}
.sub-profile-title::after {
  left: 62%;
  width: 100px;
}

}