@charset "utf-8";
/* CSS Document */
.tofac {
  width: calc(100% * (250 / 1920));
  margin: auto;
}
.tofac a:hover{opacity: 0.6;}
.tofac img {
  width: 100%;
}
/* 共通設定 */
.about-container section {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* 各セクションの設定 (アスペクト比 = 幅 / 高さ) */
.about1 {
  background-image: url('../img/about/about_r1_c1.png');
  aspect-ratio: 1920 / 898;
}
.about2 {
  background-image: url('../img/about/about_r2_c1.png');
  aspect-ratio: 1920 / 376;
}
.about3 {
  background-image: url('../img/about/about_r3_c1.png');
  aspect-ratio: 1920 / 946;
}
.about4 {
  background-image: url('../img/about/about_r4_c1.png');
  aspect-ratio: 1920 / 304;
}
.about5 {
  background-image: url('../img/about/about_r5_c1.png');
  aspect-ratio: 1920 / 1138;
}
.about6 {
  background-image: url('../img/about/about_r6_c1.png');
  aspect-ratio: 1920 / 234;
}
.about7 {
  background-image: url('../img/about/about_r7_c1.png');
  aspect-ratio: 1920 / 656;
}
.about8 {
  background-image: url('../img/about/about_r8_c1.png');
  aspect-ratio: 1920 / 152;
}
.about9 {
  background-image: url('../img/about/about_r9_c1.png');
  aspect-ratio: 1920 / 580;
}
.about10 {
  background-color: #F9F5F2;
  /*background-image: url('../img/about/about_r10_c1.png');*/
  aspect-ratio: 1920 / 118;
}
.about11 {
  background-image: url('../img/about/about_r11_c1.png');
  aspect-ratio: 1920 / 398;
}
.about12 {
  background-image: url('../img/about/about_r12_c1.png');
  aspect-ratio: 1920 / 1058;
}
.about13 {
  background-image: url('../img/about/about_r13_c1.png');
  aspect-ratio: 1920 / 655;
}