@charset "utf-8";
/* CSS Document */
.aboutus_1{
  color:#aaa;
  font-size:35px;
  text-transform: uppercase; /* 強制的にすべて大文字にして表示する */
  letter-spacing:0.2em;
}


.aboutus_2{
  width:100%;
  margin:0 auto;
  margin-bottom:30px;
  padding-top:1px;
  font-size:25px;

}

.aboutus_3{
  width:90%;
  margin:0 auto;
  max-width:1280px;
  padding-top:100px;
}

.aboutus_4{
  width:100%;
  margin:0 auto;
  max-width:1280px;
  display:flex;
  flex-direction:column;
  gap:50px;
}

.aboutus_5{
  display:flex;
  width:100%;
  height:auto;
  flex-direction:row;
  align-items:center;
  gap:3%;
  border-bottom:1px solid #b3b3b3;
  padding-top:20px;
  padding-bottom:20px;
}

/* 一番最初の.aboutus_5だけパディングを0にする */
.aboutus_5:first-child {
  padding-top: 0;
}

.aboutus_6{
  width:40%;
}

.aboutus_7{
  width:60%;
}

.aboutus_8{
  width:90%;
  margin:0 auto;
}

.aboutus_8 img{
  width: 100%;       /* divの幅一杯に広げる */
  height: 100%;      /* divの高さ一杯に広げる */
  object-fit: cover; /* 比率を保ったままdiv全体を覆う（はみ出た部分は切り落とされる） */
}

.aboutus_9{
  display:flex;
  flex-direction:column;
  width:90%;
  margin:0 auto;

}

.aboutus_10{
  width:90%;
  margin:0 auto;
  margin-bottom:100px;
}


/* デスクトップ用スタイル（1024px以上） */
@media only screen and (min-width: 1024px) {

.aboutus_1{
  font-size:55px;
  letter-spacing:0.1em;
}

.aboutus_3{
  width:100%;
}

.aboutus_4{
  flex-direction:row;
  gap:10%;
  justify-content:space-between;
}

.aboutus_8{
  width:auto;
}

.aboutus_9{
  width:40%;

}

.aboutus_10{
  width:100%;
  max-width:1280px;
}

}