.noto-sans-jp{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.flex{
  display: flex;
}

.represent_wrap{
  gap: 4rem;
}
.main_text{
font-size: 3.5rem;
line-height: calc(51em / 35);
}
.sub_text{
  font-size: 1.6rem;
  line-height: calc(30em / 16);
  width: 45.5rem;
}

.company_text_color{
  color: #003A98;
}
.trapezoid_left {
  width: 80rem;
  height: 47rem;
  background-color: #F0F0F0;
  clip-path: polygon(0 0, 100% 0, 58.5% 100%, 0 100%);       
  position: relative;
  margin-top: 10rem;

}
.company_text_wrap{
  position: absolute;
  top: 20rem;
  left: 5rem;
}
.company_img{
  object-fit: cover;
  width: 52rem;
  height: 37rem;
  /* background-color: #faaedf; */
  position: absolute;
  top: 20rem;
  right: 5rem;
  
}

.company_img {
  animation: slide-skew 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  
}

@keyframes slide-skew {
  0% {
    transform: translate(25rem,6rem);
    opacity: 0;
    overflow-x: hidden;
    width: 50rem;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

.represent_img{
  object-fit: cover;
  width: 40rem;
  height: 40rem;
  background-color: #aee8fa;
}

.represent_img {
  animation: slide-skew_second 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes slide-skew_second {
  0% {
    transform: translate(-25rem,6rem);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}


.represent_wrap{
  margin-top: 8.4rem;
  margin-left: 5rem;
}
.overview{
  margin-top: 10.5rem;
  margin-left: 5rem;
  margin-bottom: 5rem;
}
.title{
  
  margin-right: 7.5rem;
  width: 6.4rem;
  font-size: 1.6rem;
  line-height: calc(10em / 16);
  margin-bottom: 4.8rem;
  margin-left: 18.6rem;
  position: relative;
}
.title::before{
  content: "";
  height: 0.1rem;
  width: 70rem;
  background-color: #707070;
  position: absolute;
  bottom: -2.1rem;
  left: -13.6rem;
}

.comment{
  margin-left: 0rem;
  font-size: 1.6rem;
  line-height: calc(10em / 16);
}
.comment_text{
  margin-top: -2rem;
  line-height: calc(23em / 16);
}
.commpany_wrap{
  gap: 19.6rem;
}
.commpany_bill_img{
  object-fit: cover;
  width: 40rem;
  height: 40rem;
  object-position: 100% 50%;
}

/* 調整 */
.company_sub_text{
  margin-top: 1.3rem;
}
.represent_sub_text{
  margin-top: 2.7rem;
}
.department_comment{
  margin-top: 0rem;
}
.capital_comment{
  /* margin-top: -0.7rem; */
}
.bank_title{
  /* margin-top: -0.5rem; */
}

.company_list{
  margin-top: 0.7rem;
}
.last_title{
  padding-bottom: -0.5rem;
  margin-bottom: 22.2rem;
}
.br_sp{
  display: none;
}
@media screen and (max-width:699.98px) {
  
.trapezoid_left{
  width: 37.5rem;
  height: 23.8rem;
  margin-top: 6.5rem;
}
.company_img{
  width: 27rem;
  height: 19.286rem;
  margin-top: 10.3rem;
  margin-left: 0rem;
}
.main_text{
  font-size: 2.5rem;
  line-height: calc(36em / 25);
}
.sub_text{
  font-size: 1.6rem;
  line-height: calc(30em / 16);
  width: 28rem;
}
.represent_img{
  object-fit: cover;
  width: 20rem;
  height: 20rem;
}
.overview{
  margin-top: 10.4rem;
  margin-left: 1rem;
}
.title{
  font-size: 1.6rem;
  line-height: calc(10em / 16);
  margin-left: 4.3rem;
  margin-bottom: 2rem;
}
.comment{
  font-size: 1.6rem;
  line-height: calc(10em / 16);
  font-weight: 350;
  margin-left: 4.3rem;
  margin-bottom: 4.4rem;
}
.comment_text{
  line-height: calc(23em /16);
}
.title::before{
  width: 35.4rem;
  top: 5.8rem;
  left: -3.6rem;
}
.commpany_wrap {
  gap: 0rem;
}
.commpany_bill_img{
  object-fit: cover;
  width: 26rem;
  height: 26rem;
  margin-left: 10.4rem;
  margin-top: -0.7rem;
  margin-bottom: 7.2rem;
}
.flex{
  display: block;
}
.company_img_wrap{
  margin-left: 0rem;
}
.company_img{
  right: 1rem;
}
.represent_img_wrap{
  margin-left: -3.9rem;
  margin-top: 24.414rem;
}
.company_text_wrap{
  top: 9.5rem;
  left: 1rem;
}
.company_sub_text{
 margin-top: 1rem;
}
.represent_main_text{
  margin-top: 1.5rem;
  margin-left: -4rem;
}
.represent_sub_text{
  width: 35.4rem;
  margin-top: 0.9rem;
  margin-left: -4rem;
}
.represent_br_sp{
  display: none;
}
.company_list{
  margin-top: -2.4rem;

}
.department_comment{
  margin-top: -1.6rem;
  margin-bottom: 4.6rem;
  line-height: calc(20em /16);
}
.board_title{
  margin-top: -1.6rem;
}
.capital_title{
  margin-top: 0.2rem;
}
.capital_comment{
  margin-top: 0rem;
}
.bank_title{
  margin-top: 4.7rem;
}
.bank_comment{
  margin-top: -0.2rem;
}
.br_sp{
  display: block;
}
.head_office{
  margin-top: -1.6rem;
}

@keyframes slide-skew{
  0%{
   transform: translate(25rem,6rem);
    opacity: 0;
    overflow-x: hidden;
    width: 25rem;
  }
  100% {
    transform: translate(0,0);
    
  }
  20%,100% {
    opacity: 1;
  }
}
}