@charset "UTF-8";
/* CSS Document */
.main_area {
  margin: 0 auto 60px;
  padding: 60px 0 0;
  text-align: left;
  width: 84%;
}
.name {
  font-size: 3.2rem;
  line-height: 1.3;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-weight: bold;
}
.portfolio {
  font-size: 3.2rem;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 30px;
  color: #303030;
}
.main_img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1160px) {
  .main_area {
    margin:  0 auto 169px;
    width: 75%;
    padding-top: 158px;
  }
  .name {
    font-size: 9.6rem;
  }
  .portfolio {
    font-size: 9.6rem;
    margin-bottom: 66px;
  }
}
.works_area {
  margin-bottom: 60px;
}
.works_area_title {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.works_area_title::after {
  content: " ";
  position: absolute;
  top: 0;
  width: 100%;
  height: 257px;
  background-color: #e5e5e5;
  z-index: -100;
}
.works_title_wrapper {
  margin: 0 auto;
  padding: 64px 0 39px;
}
.works_title_wrapper h2 {
  font-size: 2.0rem;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  line-height: 1.3;
}
.works_title_wrapper h3 {
  font-size: 1.0rem;
  color: #AAAAAA;
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 1160px) {
  .works_area {
    margin-bottom: 169px;
  }
  .works_area_title::after {
    width: 96%;
    left: 4%;
    height: 395px;
  }
  .works_title_wrapper {
    padding: 126px 0 124px;
  }
  .works_title_wrapper h2 {
    font-size: 3.6rem;
    line-height: 1.5;
  }
  .works_title_wrapper h3 {
    line-height: 1.5;
    font-size: 1.6rem;
  }
}
.profile_area {
  margin-bottom: 60px;
}
.profile_bg1 {
  background-color: #ffffff;
  width: 73.5%;
  padding: 43px 5.5%;
  margin: 0 auto;
}
.about_area_title {
  margin-bottom: 36px;
}
.about_area_title h2 {
  font-size: 2.0rem;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  line-height: 1.3;
}
.about_area_title h3 {
  font-size: 1.0rem;
  color: #aaaaaa;
  font-weight: 400;
  line-height: 1.3;
}
.img_text_wrapper img {
  width: 100%;
  height: 39vh;
  object-fit: cover;
  margin-bottom: 30px;
}
.name_english_wrapper {
  margin-bottom: 30px;
}
.profile_name {
  font-size: 1.6rem;
  font-weight: bold;
}
.profile_name_english {
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  color: #aaaaaa;
  margin-top: -5px;
}
.profiletext {
  text-align: left;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 40px;
}
.profile_btn_text {
  text-decoration: none;
  font-size: 1.3rem;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  color: #303030;
  border: solid 1px #303030;
  padding: 16px 59px;
  position: relative;
  display: block;
  width: 30%;
  margin: 0 auto;
}
.profile_btn_text::before {
  content: " ";
  background-color: #303030;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 5px;
  top: 27px;
  right: -36px;
}
.profile_btn_text::after {
  content: " ";
  background-color: #303030;
  width: 50px;
  height: 1px;
  position: absolute;
  top: 29px;
  right: -36px;
}
@media (min-width: 1160px) {
  .profile_area {
    margin-bottom: 6.8%;
    position: relative;
    padding-bottom: 6.8%;;
  }
  .profile_bg1 {
    width: 63.58%;
    padding: 80px 54px 90px;
  }
  .profile_bg2 {
    content: " ";
    display: block;
    background-color: #e5e5e5;
    width: 96%;
    right: 4%;
    height: 91.8%;
    position: absolute;
    top: 80px;
    z-index: -200;
  }
  .about_area_title {
    margin-bottom: 80px;
  }
  .about_area_title h2 {
    font-size: 3.6rem;
    line-height: 1.5;
  }
  .about_area_title h3 {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .img_text_wrapper {
    display: flex;
    grid-gap: 0 8%;
  }
  .img_text_wrapper img {
    width: 42%;
    height: 50.7vh;
    margin-bottom: 0;
  }
  .profile_text {
    text-align: left;
    margin: auto 0;
    width: 50%;
  }
  .name_english_wrapper {
    display: flex;
    margin-bottom: 20px;
  }
  .profile_name {
    font-size: 2.0rem;
    margin-right: 20px;
  }
  .profile_name_english {
    font-size: 1.6rem;
    padding-top: 6px;
  }
  .profiletext {
    font-size: 1.6rem;
    margin-bottom: 70px;
  }
  .profile_btn_text {
    margin: 0;
    width: 20%;
    text-align: center;
  }
}