@charset "UTF-8";
/* ========== ========== ==========
個別部
========== ========== ========== */
.FV-project {
  margin-top: clamp(156.67px, calc(235 / var(--base-width-pc) * 100vw), 235px);
  padding-bottom: var(--margin-bottom1);
  position: relative;
}
@media screen and (max-width: 768px) {
  .FV-project .sectionWrap2 {
    padding-inline: 0;
  }
}
.FV-project_title {
  font-family: "Josefin Sans", "Noto sans JP", sans-serif;
  font-size: clamp(26.67px, calc(40 / var(--base-width-pc) * 100vw), 40px);
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .FV-project_title {
    margin-bottom: clamp(40px, 10vw, 60px);
    margin-left: 10px;
  }
}
.FV-project_title_span {
  display: block;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  font-weight: 500;
}
.FV-project_title_span::before {
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1/1;
  background-color: black;
  margin-right: 9px;
  margin-bottom: 2px;
}
.FV-project_body_title {
  position: relative;
  top: clamp(26.67px, calc(40 / var(--base-width-pc) * 100vw), 40px);
  left: 0;
  color: white;
  font-size: clamp(18px, calc(54 / var(--base-width-pc) * 100vw), 54px);
  font-family: "Josefin Sans", "Noto sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .FV-project_body_title {
    margin-inline: 10px;
  }
}
@media screen and (max-width: 500px) {
  .FV-project_body_title {
    transform: translate(0, -50px);
  }
}
.FV-project_body_title_span {
  display: block;
  font-weight: 700;
  padding: clamp(4px, calc(8 / var(--base-width-pc) * 100vw), 8px) clamp(4px, calc(12 / var(--base-width-pc) * 100vw), 12px) 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.FV-project_body_title_span:where(.-project02 *) {
  background-color: #2879C9;
}
.FV-project_body_title_span:where(.-project01 *) {
  background-color: #E89441;
}
.FV-project_body_title_span:not(:last-of-type) {
  margin-bottom: min(calc(30 / var(--base-width-pc) * 100vw), 30px);
}
.FV-project_body_image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1180/532;
}
.FV-project_body_text {
  color: white;
  font-weight: 600;
  font-size: clamp(18px, calc(36 / var(--base-width-pc) * 100vw), 36px);
}
.FV-project_body_texts {
  background-color: #1B18B9;
  padding-block: clamp(3.33px, calc(10 / var(--base-width-pc) * 100vw), 10px);
  padding-inline: min(calc(110 / var(--base-width-pc) * 100vw), 110px);
  text-align: center;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  .FV-project_body_texts {
    padding-inline: clamp(10px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  }
}
@media screen and (max-width: 370px) {
  .FV-project_body_text {
    font-size: 15px;
  }
}

.teamMember {
  padding-inline: min(calc(50 / var(--base-width-pc) * 100vw), 50px);
  margin-bottom: clamp(50px, calc(100 / var(--base-width-pc) * 100vw), 100px);
}
.teamMember_title:where(.-project02 *) {
  color: #0054A8;
}
.teamMember_title:where(.-project01 *) {
  color: #D14000;
}
.teamMember_ul {
  align-items: stretch;
  justify-content: space-between;
  gap: 30px min(calc(70 / var(--base-width-pc) * 100vw), 70px);
}
@media screen and (max-width: 1000px) {
  .teamMember_ul {
    flex-wrap: wrap;
    gap: 30px 30px;
  }
}
@media screen and (max-width: 500px) {
  .teamMember_ul {
    flex-direction: column;
  }
}
.teamMember_li {
  display: flex;
  flex-direction: column;
  width: calc((100% - min(calc(32 / var(--base-width-pc) * 100vw), 32px)) / 2);
  align-self: stretch;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .teamMember_li {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (max-width: 500px) {
  .teamMember_li {
    width: 100%;
    max-width: 300px;
    margin-inline: auto;
  }
}
.teamMember_li_image, .teamMember_li_year, .teamMember_li_name {
  flex-shrink: 0;
}
.teamMember_li_image:where(.-project02 *), .teamMember_li_year:where(.-project02 *), .teamMember_li_name:where(.-project02 *) {
  color: #0448A3;
}
.teamMember_li_image:where(.-project01 *), .teamMember_li_year:where(.-project01 *), .teamMember_li_name:where(.-project01 *) {
  color: #D14000;
}
.teamMember_li_text1 {
  margin-bottom: clamp(19px, calc(38 / var(--base-width-pc) * 100vw), 38px);
  flex-shrink: 0;
}
.teamMember_li_field {
  border: solid 1px #AAAAAA;
  padding: clamp(15px, calc(30 / var(--base-width-pc) * 100vw), 30px) clamp(12px, calc(24 / var(--base-width-pc) * 100vw), 24px);
  position: relative;
  margin-top: auto;
  width: 100%;
  min-height: 130px;
  font-size: 14px;
}
@media screen and (max-width: 1000px) {
  .teamMember_li_field {
    min-height: 100px;
  }
}
@media screen and (max-width: 500px) {
  .teamMember_li_field {
    width: 100%;
    min-height: initial;
  }
}
.teamMember_li_field::before {
  content: "Field";
  display: block;
  position: absolute;
  top: calc(clamp(16px, calc(20 / var(--base-width-pc) * 100vw), 20px) * -1);
  left: 7px;
  background-color: white;
  padding: 5px;
  font-size: clamp(16px, calc(20 / var(--base-width-pc) * 100vw), 20px);
  font-family: "Josefin Sans", "Noto sans JP", sans-serif;
  font-weight: 500;
}
.teamMember_li_field:where(.-project02 *)::before {
  color: #0448A3;
}
.teamMember_li_field:where(.-project01 *)::before {
  color: #D14000;
}
.teamMember_li_field_text {
  text-align: left;
}
@media screen and (max-width: 500px) {
  .teamMember_li_field_text {
    text-align: center;
  }
}
.teamMember_li_field_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(calc((min(calc(70 / var(--base-width-pc) * 100vw), 70px) + 18px) / 2), -50%);
  width: 14px;
  height: 18px;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 1000px) {
  .teamMember_li_field_text::after {
    display: none;
  }
}
.teamMember_li_field_text:where(.-project02 *)::after {
  background-color: #0448A3;
}
.teamMember_li_field_text:where(.-project01 *)::after {
  background-color: #D14000;
}
.teamMember_li:last-of-type .teamMember_li_field_text::after {
  display: none;
}

.projectDiscussion {
  overflow: hidden;
}
.projectDiscussion_block {
  margin-bottom: var(--margin-bottom1);
}
.projectDiscussion_block-type02 {
  display: flex;
  gap: 100px clamp(66.67px, calc(100 / var(--base-width-pc) * 100vw), 100px);
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block-type02.-right {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block-type02.-left {
    flex-direction: column-reverse;
  }
}
.projectDiscussion_block_title {
  font-size: clamp(18px, 2.2222222222vw, 32px);
  color: white;
  position: relative;
  padding-block: min(calc(100 / var(--base-width-pc) * 100vw), 100px);
  overflow: visible;
  margin-bottom: var(--margin-bottom1);
  line-height: 1.6875;
  letter-spacing: 2.5px;
}
.projectDiscussion_block_title_text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}
.projectDiscussion_block_title_text:where(.-right *) {
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_title_text:where(.-right *) {
    margin-left: initial;
  }
}
@media screen and (max-width: 500px) {
  .projectDiscussion_block_title_text {
    text-align: center;
  }
}
.projectDiscussion_block_title,
.projectDiscussion_block_title span {
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: calc(20 / var(--base-width-sp) * 100vw);
    margin-bottom: 0;
  }
}
.projectDiscussion_block_title:where(.-n01 *):where(.-project02 *) {
  background-color: #2879C9;
}
.projectDiscussion_block_title:where(.-n01 *):where(.-project01 *) {
  background-color: #DD964E;
}
.projectDiscussion_block_title:where(.-n02 *):where(.-project02 *) {
  background-color: #3896C7;
}
.projectDiscussion_block_title:where(.-n02 *):where(.-project01 *) {
  background-color: #F08E2B;
}
.projectDiscussion_block_title:where(.-n03 *):where(.-project02 *) {
  background-color: #046BAC;
}
.projectDiscussion_block_title:where(.-n03 *):where(.-project01 *) {
  background-color: #F08E2B;
}
.projectDiscussion_block_title:where(.-right *) {
  padding-left: 10px;
  padding-right: min(calc(222 / var(--base-width-pc) * 100vw), 222px);
  margin-left: var(--section-padding-pc2-maxWidth);
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_title:where(.-right *) {
    padding-right: 10px;
  }
}
.projectDiscussion_block_title:where(.-left *) {
  padding-right: 10px;
  padding-left: min(calc(130 / var(--base-width-pc) * 100vw), 130px);
  margin-right: var(--section-padding-pc2-maxWidth);
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_title:where(.-left *) {
    padding-right: 10px;
  }
}
.projectDiscussion_block_title_image {
  position: absolute;
  bottom: 0;
  width: clamp(300px, 41.6666666667vw, 1000px);
  aspect-ratio: 600/360;
  display: block;
  max-height: initial;
}
.projectDiscussion_block_title_image.show-1200 {
  display: none;
}
.projectDiscussion_block_title_image:where(.-left *) {
  right: calc(var(--section-padding-pc2-maxWidth) * -1);
  transform: translate(0, 40%);
}
.projectDiscussion_block_title_image:where(.-right *) {
  left: calc(var(--section-padding-pc2-maxWidth) * -1);
  transform: translate(0, 80%);
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_title_image {
    margin-top: calc(30 / var(--base-width-sp) * 100vw);
    margin-bottom: calc(50 / var(--base-width-sp) * 100vw);
    position: relative;
    transform: none;
    margin-left: auto;
    margin-right: auto;
    left: initial;
    right: initial;
  }
  .projectDiscussion_block_title_image.show-1200 {
    display: block;
  }
  .projectDiscussion_block_title_image.hide-1200 {
    display: none;
  }
}
.projectDiscussion_block_ul {
  flex-shrink: 0;
  padding-inline: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  width: clamp(250px, 33.8888888889vw, 700px);
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_ul {
    width: calc(100% - var(--section-padding-pc2-maxWidth) * 2);
  }
}
.projectDiscussion_block_ul:where(.-right *) {
  margin-right: clamp(20px, 15.4166666667vw, 212px);
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_ul:where(.-right *) {
    margin-inline: var(--section-padding-pc2-maxWidth);
  }
}
@media screen and (max-width: 500px) {
  .projectDiscussion_block_ul:where(.-right *) {
    margin-right: 0;
  }
}
.projectDiscussion_block_ul:where(.-left *) {
  margin-left: var(--section-padding-pc2-maxWidth);
}
@media screen and (min-width: 1600px) {
  .projectDiscussion_block_ul:where(.-left *) {
    margin-left: calc((100vw - 1440px) * 2 / 3);
  }
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_ul:where(.-left *) {
    margin-right: var(--section-padding-pc2-maxWidth);
  }
}
@media screen and (max-width: 500px) {
  .projectDiscussion_block_ul:where(.-left *) {
    margin-right: 0;
  }
}
.projectDiscussion_block_ul li:not(:last-of-type) {
  margin-bottom: clamp(40px, 60 / var(--base-width-pc) * 100vw, 60px);
}
.projectDiscussion_block .personTalk {
  flex-shrink: 0;
}
.projectDiscussion_block_image {
  width: clamp(325.33px, calc(488 / var(--base-width-pc) * 100vw), 488px);
  aspect-ratio: 488/291;
}
.projectDiscussion_block_images {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.projectDiscussion_block_images::after {
  content: "";
  position: absolute;
  display: block;
  z-index: -1;
}
.projectDiscussion_block_images:where(.-project02 *)::after {
  background-color: #3896C7;
}
.projectDiscussion_block_images:where(.-project01 *)::after {
  background-color: #EDAF3A;
}
.projectDiscussion_block_images:where(.-n01 .-left *):where(.-project02 *)::after {
  right: 0;
  width: clamp(200px, 27.7777777778vw, 1100px);
  height: clamp(180px, 17.8571428571vw, 400px);
  bottom: calc(clamp(40px, calc(120 / var(--base-width-pc) * 100vw), 120px) * -1);
}
.projectDiscussion_block_images:where(.-n01 .-left *):where(.-project01 .-m02 *)::after {
  right: 0;
  width: clamp(190px, 26.875vw, 700px);
  height: clamp(120px, 17.0138888889vw, 400px);
  top: calc(clamp(25px, 3.4722222222vw, 100px) * -1);
  background-color: #EDAF3A;
}
.projectDiscussion_block_images:where(.-n01 .-left *):where(.-project01 .-m04 *)::after {
  right: 0;
  width: clamp(190px, 26.875vw, 700px);
  height: clamp(80px, 11.4583333333vw, 300px);
  bottom: clamp(50px, calc(97 / var(--base-width-pc) * 100vw), 97px);
  bottom: calc(clamp(20px, calc(45 / var(--base-width-pc) * 100vw), 45px) * -1);
  background-color: #EB6C0F;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_images:where(.-n01 .-left *) {
    text-align: right;
    padding-right: var(--section-padding-pc2-maxWidth);
  }
}
.projectDiscussion_block_images:where(.-n01 .-right *) {
  left: var(--section-padding-pc2-maxWidth);
}
.projectDiscussion_block_images:where(.-n01 .-right *)::after {
  left: calc(var(--section-padding-pc2-maxWidth) * -1);
}
.projectDiscussion_block_images:where(.-n01 .-right *):where(.-project02 *, .-project01 .-m03 *)::after {
  width: clamp(216.67px, calc(650 / var(--base-width-pc) * 100vw), 650px);
  height: clamp(100px, 10.7142857143vw, 300px);
  bottom: calc(clamp(16.67px, calc(50 / var(--base-width-pc) * 100vw), 50px) * -1);
}
.projectDiscussion_block_images:where(.-n01 .-right *):where(.-project02 *)::after {
  background-color: #2879C9;
}
.projectDiscussion_block_images:where(.-n01 .-right *):where(.-project01 *)::after {
  background-color: #F08E2B;
}
.projectDiscussion_block_images:where(.-n01 .-right *):where(.-project01 .-m05 *)::after {
  background-color: #EDAF3A;
  width: clamp(250px, 38.125vw, 1000px);
  height: clamp(110px, 16.1111111111vw, 400px);
  top: calc(clamp(25px, 3.125vw, 90px) * -1);
}
.projectDiscussion_block_images:where(.-n02 .-left *)::after {
  right: 0;
}
.projectDiscussion_block_images:where(.-n02 .-left *):where(.-project02 *)::after {
  width: clamp(350px, 47.9166666667vw, 1100px);
  height: clamp(120px, 12.5vw, 300px);
  bottom: calc(clamp(20px, calc(60 / var(--base-width-pc) * 100vw), 60px) * -1);
  background-color: #046BAC;
}
.projectDiscussion_block_images:where(.-n02 .-left *):where(.-project01 .-m03 *)::after {
  width: clamp(350px, 48.6805555556vw, 900px);
  height: clamp(100px, 14.8611111111vw, 400px);
  bottom: calc(clamp(25px, 3.2638888889vw, 100px) * -1);
}
.projectDiscussion_block_images:where(.-n02 .-left *):where(.-project01 .-m05 *)::after {
  width: clamp(250px, 40.9027777778vw, 1200px);
  height: clamp(250px, 27.7777777778vw, 450px);
  top: 50%;
  transform: translate(0, -50%);
  background-color: #EB6C0F;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_images:where(.-n02 .-left *) {
    text-align: right;
    padding-right: var(--section-padding-pc2-maxWidth);
  }
}
.projectDiscussion_block_images:where(.-n02 .-right *) {
  margin-left: var(--section-padding-pc2-maxWidth);
}
.projectDiscussion_block_images:where(.-n02 .-right *)::after {
  left: calc(var(--section-padding-pc2-maxWidth) * -1);
}
.projectDiscussion_block_images:where(.-n02 .-right *):where(.-project02 *)::after {
  width: clamp(130px, 27.7777777778vw, 800px);
  height: clamp(100px, 10.7142857143vw, 300px);
  top: calc(clamp(13.33px, calc(40 / var(--base-width-pc) * 100vw), 40px) * -1);
}
.projectDiscussion_block_images:where(.-n02 .-right *):where(.-project01 *)::after {
  width: clamp(200px, 26.875vw, 800px);
  height: clamp(100px, 12.7083333333vw, 200px);
  bottom: calc(clamp(20px, 3.3333333333vw, 100px) * -1);
  background-color: #EB6C0F;
}
.projectDiscussion_block_images:where(.-n02 .-right.-right2 *)::after {
  left: calc(var(--section-padding-pc2-maxWidth) * -1);
}
.projectDiscussion_block_images:where(.-n02 .-right.-right2 *):where(.-project02 *)::after {
  width: clamp(216.67px, calc(650 / var(--base-width-pc) * 100vw), 650px);
  height: clamp(100px, 10.4166666667vw, 300px);
  top: initial;
  bottom: calc(clamp(16.67px, calc(50 / var(--base-width-pc) * 100vw), 50px) * -1);
}
.projectDiscussion_block_images:where(.-n02 .-right.-right2 *):where(.-project01 *)::after {
  width: clamp(350px, 45.6944444444vw, 1200px);
  height: clamp(90px, 12.7083333333vw, 400px);
  top: calc(clamp(30px, calc(60 / var(--base-width-pc) * 100vw), 60px) * -1);
  background-color: #F08E2B;
}
.projectDiscussion_block_images:where(.-n03 .-left *)::after {
  right: 0;
}
.projectDiscussion_block_images:where(.-n03 .-left *):where(.-project02 *)::after {
  width: clamp(180px, 24.3055555556vw, 1100px);
  height: clamp(150px, 13.8888888889vw, 400px);
  top: calc(clamp(16.67px, calc(50 / var(--base-width-pc) * 100vw), 50px) * -1);
  background-color: #3896C7;
}
.projectDiscussion_block_images:where(.-n03 .-left *):where(.-project01 *)::after {
  width: clamp(200px, 26.875vw, 800px);
  height: clamp(120px, 17.0138888889vw, 500px);
  bottom: calc(clamp(40px, 5.5555555556vw, 80px) * -1);
  background-color: #EDAF3A;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_images:where(.-n03 .-left *) {
    text-align: right;
    padding-right: var(--section-padding-pc2-maxWidth);
  }
}
.projectDiscussion_block_images:where(.-n03 .-right *) {
  margin-left: var(--section-padding-pc2-maxWidth);
}
.projectDiscussion_block_images:where(.-n03 .-right *)::after {
  left: calc(var(--section-padding-pc2-maxWidth) * -1);
}
.projectDiscussion_block_images:where(.-n03 .-right *):where(.-project02 *, .-project01 .-m03 *)::after {
  width: clamp(216.67px, calc(650 / var(--base-width-pc) * 100vw), 650px);
  height: clamp(100px, 10.4166666667vw, 300px);
  top: initial;
  bottom: calc(clamp(16.67px, calc(50 / var(--base-width-pc) * 100vw), 50px) * -1);
}
.projectDiscussion_block_images:where(.-n03 .-right *):where(.-project02 *)::after {
  background-color: #046BAC;
}
.projectDiscussion_block_images:where(.-n03 .-right *):where(.-project01 .-m03 *)::after {
  background-color: #EB6C0F;
}
.projectDiscussion_block_images:where(.-n03 .-right *):where(.-project01 .-m05 *)::after {
  width: clamp(200px, 26.875vw, 800px);
  height: clamp(90px, 13.4285714286vw, 400px);
  bottom: calc(clamp(25px, 2.9861111111vw, 80px) * -1);
}
.projectDiscussion_block_images:where(.-n03 .-left.-left2 *)::after {
  right: 0;
}
.projectDiscussion_block_images:where(.-n03 .-left.-left2 *):where(.-project02 *)::after {
  width: clamp(350px, 47.9166666667vw, 1050px);
  height: clamp(120px, 12.5vw, 300px);
  bottom: calc(clamp(20px, calc(60 / var(--base-width-pc) * 100vw), 60px) * -1);
  top: initial;
  background-color: #2879C9;
}
.projectDiscussion_block_images:where(.-n03 .-left.-left2 *):where(.-project01 .-m04 *)::after {
  width: clamp(350px, 46.1111111111vw, 1050px);
  height: clamp(120px, 17.0138888889vw, 500px);
  bottom: calc(clamp(20px, calc(60 / var(--base-width-pc) * 100vw), 60px) * -1);
  top: initial;
  background-color: #F08E2B;
}
@media screen and (max-width: 1200px) {
  .projectDiscussion_block_images:where(.-n03 .-left.-left2 *) {
    text-align: right;
    padding-right: var(--section-padding-pc2-maxWidth);
  }
}

.imageBlock {
  margin-bottom: 0;
}

.projectStory_body {
  gap: 0;
}
.projectStory_item:hover {
  opacity: 1;
}
.projectStory_item:hover img {
  transform: none;
}
.projectStory_text1 {
  font-size: clamp(16px, calc(21 / var(--base-width-pc) * 100vw), 21px);
  margin-bottom: 25px;
}
.projectStory .btn {
  border: solid 1px #0076FF;
  color: #0076FF;
  margin-inline: auto;
  transition: all 0.3s;
}
.projectStory .btn:hover {
  background-color: #0076FF;
  color: white;
}

/* 個別部ここまで
---------- ---------- */