@charset "UTF-8";
.about-us .sec01 {
  padding-top: 140px;
  min-width: 1280px; }
  .about-us .sec01 .head {
    width: 1000px;
    margin: 0 auto; }
    .about-us .sec01 .head h2 {
      color: #124FB3;
      font-size: 5.2rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -1.04px; }
    .about-us .sec01 .head p {
      font-size: 2.4rem;
      font-weight: 400;
      line-height: 1.4;
      margin-top: 6px; }
  .about-us .sec01 ul {
    margin-top: 72px; }
    .about-us .sec01 ul li {
      background-color: #F3F8FF; }
      .about-us .sec01 ul li + li {
        margin-top: 48px; }
      .about-us .sec01 ul li .text .small {
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 1.1; }
      .about-us .sec01 ul li .text .large {
        font-size: 5.6rem;
        font-weight: 700;
        line-height: 1;
        color: #0E3E8D; }
        .about-us .sec01 ul li .text .large span {
          font-size: 3.6rem;
          font-weight: 700;
          line-height: 1.1; }
      .about-us .sec01 ul li:nth-child(1) {
        display: flex;
        padding-bottom: 12px; }
        .about-us .sec01 ul li:nth-child(1) .text {
          margin-top: 104px;
          position: relative;
          right: 35px; }
          .about-us .sec01 ul li:nth-child(1) .text .small {
            text-align: right; }
          .about-us .sec01 ul li:nth-child(1) .text .large {
            text-align: right;
            margin-top: 3px; }
      .about-us .sec01 ul li:nth-child(2) {
        padding-bottom: 44px; }
        .about-us .sec01 ul li:nth-child(2) .text {
          margin-left: 224px;
          margin-top: -59px; }
          .about-us .sec01 ul li:nth-child(2) .text .small {
            margin-top: 3px; }
      .about-us .sec01 ul li:nth-child(3) {
        display: flex;
        padding-top: 23px;
        padding-left: 224px; }
        .about-us .sec01 ul li:nth-child(3) .text {
          padding-top: 131px; }
        .about-us .sec01 ul li:nth-child(3) .img {
          margin-left: 83px; }
.about-us .sec02 {
  width: 1000px;
  margin: 0 auto;
  margin-top: 149px; }
  .about-us .sec02 h2 {
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.04px;
    color: #124FB3; }
  .about-us .sec02 > .img {
    margin-top: 27px; }
  .about-us .sec02 > .text {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 33px; }
  .about-us .sec02 .history_area {
    margin-top: 51px; }
    .about-us .sec02 .history_area dl {
      display: flex; }
      .about-us .sec02 .history_area dl dt {
        padding-top: 18px;
        font-size: 3.6rem;
        font-weight: 200;
        line-height: 1.2;
        width: 128px;
        flex-shrink: 0; }
      .about-us .sec02 .history_area dl dd {
        padding-top: 28px;
        padding-bottom: 55px;
        position: relative;
        margin-left: 24px; }
        .about-us .sec02 .history_area dl dd:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: -32px;
          width: 1px;
          height: 100%;
          background-color: #1971FF; }
        .about-us .sec02 .history_area dl dd:after {
          content: "";
          display: block;
          position: absolute;
          top: 31px;
          left: -40px;
          width: 16px;
          height: 16px;
          background-color: #1971FF;
          border-radius: 50%; }
        .about-us .sec02 .history_area dl dd .title {
          font-size: 1.8rem;
          font-weight: 700;
          line-height: 1.2; }
        .about-us .sec02 .history_area dl dd .text {
          font-size: 1.8rem;
          font-weight: 400;
          line-height: 1.2;
          margin-top: 8px; }
      .about-us .sec02 .history_area dl:last-child dt {
        padding-top: 0; }
      .about-us .sec02 .history_area dl:last-child dd {
        padding-top: 8px;
        padding-bottom: 35px; }
        .about-us .sec02 .history_area dl:last-child dd:after {
          top: 11px; }
.about-us .sec03 {
  min-width: 1280px;
  background-color: #F9F9F9;
  margin-top: 160px;
  padding-top: 90px;
  padding-bottom: 100px; }
  .about-us .sec03 h2 {
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.04px;
    color: #124FB3;
    text-align: center; }
  .about-us .sec03 p {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 18px;
    text-align: center; }
  .about-us .sec03 ul {
    display: flex;
    justify-content: center;
    margin-top: 51px; }
    .about-us .sec03 ul li + li {
      margin-left: 88px; }
    .about-us .sec03 ul li a {
      display: block;
      overflow: hidden; }
    .about-us .sec03 ul li .image-zoom {
      transition: transform 0.3s ease-in-out;
      /* トランジション効果を追加 */ }
    .about-us .sec03 ul li .image-zoom:hover {
      transform: scale(1.2);
      /* ホバー時に120%に拡大 */ }

@media screen and (max-width: 767px) {
  .about-us .sec01 {
    min-width: 100%;
    padding-top: 9.0666666667vw; }
    .about-us .sec01 .head {
      width: 100%;
      padding: 0 8.5333333333vw; }
      .about-us .sec01 .head h2 {
        font-size: 11.7333333333vw;
        line-height: 1;
        letter-spacing: -0.2346666667vw; }
      .about-us .sec01 .head p {
        font-size: 4.2666666667vw;
        line-height: 1.4;
        margin-top: 2.4vw; }
    .about-us .sec01 ul {
      margin-top: 6.9333333333vw; }
      .about-us .sec01 ul li {
        display: block !important; }
        .about-us .sec01 ul li + li {
          margin-top: 5.3333333333vw; }
        .about-us .sec01 ul li .text .small {
          font-size: 7.4666666667vw;
          line-height: 1.1; }
        .about-us .sec01 ul li .text .large {
          font-size: 10.6666666667vw;
          line-height: 1.05; }
          .about-us .sec01 ul li .text .large span {
            font-size: 7.4666666667vw;
            line-height: 1.1; }
        .about-us .sec01 ul li .img {
          width: 100%; }
          .about-us .sec01 ul li .img img {
            width: 100%;
            height: auto; }
        .about-us .sec01 ul li:nth-child(1) {
          padding-bottom: 7.7333333333vw; }
          .about-us .sec01 ul li:nth-child(1) .text {
            padding: 0 8.5333333333vw;
            margin-top: -0.5333333333vw;
            right: 0; }
        .about-us .sec01 ul li:nth-child(2) {
          padding-bottom: 12.2666666667vw; }
          .about-us .sec01 ul li:nth-child(2) .img {
            width: 91.4666666667vw; }
          .about-us .sec01 ul li:nth-child(2) .text {
            margin: 0;
            padding: 0 8.5333333333vw;
            margin-top: -8.5333333333vw; }
            .about-us .sec01 ul li:nth-child(2) .text .small {
              margin-top: 0; }
        .about-us .sec01 ul li:nth-child(3) {
          padding: 0;
          padding-top: 12.8vw; }
          .about-us .sec01 ul li:nth-child(3) .img {
            margin-left: 0;
            margin-top: 11.7333333333vw; }
          .about-us .sec01 ul li:nth-child(3) .text {
            padding: 0 15.2vw; }
  .about-us .sec02 {
    width: 100%;
    padding: 0 8.5333333333vw;
    margin-top: 19.7333333333vw; }
    .about-us .sec02 h2 {
      font-size: 11.7333333333vw;
      line-height: 1;
      letter-spacing: -0.2346666667vw; }
    .about-us .sec02 > .img {
      margin-top: 3.7333333333vw; }
      .about-us .sec02 > .img img {
        width: 100%; }
    .about-us .sec02 > .text {
      font-size: 4.2666666667vw;
      line-height: 1.4;
      margin-top: 4vw; }
    .about-us .sec02 .history_area {
      margin-top: 8.5333333333vw; }
      .about-us .sec02 .history_area dl dt {
        font-size: 6.4vw;
        line-height: 1.2;
        width: 23.4666666667vw;
        padding-top: 3.4666666667vw; }
      .about-us .sec02 .history_area dl dd {
        margin-left: 3.2vw;
        padding-top: 4vw;
        padding-bottom: 6.6666666667vw; }
        .about-us .sec02 .history_area dl dd:before {
          left: -5.3333333333vw; }
        .about-us .sec02 .history_area dl dd:after {
          top: 5.0666666667vw;
          left: -7.4666666667vw; }
        .about-us .sec02 .history_area dl dd .title {
          font-size: 4.2666666667vw;
          line-height: 1.4; }
        .about-us .sec02 .history_area dl dd .text {
          font-size: 4.2666666667vw;
          line-height: 1.4;
          margin-top: 1.3333333333vw; }
      .about-us .sec02 .history_area dl:last-child dd {
        padding-top: 0;
        padding-bottom: 2.9333333333vw; }
        .about-us .sec02 .history_area dl:last-child dd:after {
          top: 1.6vw; }
  .about-us .sec03 {
    min-width: 100%;
    margin-top: 21.3333333333vw;
    padding-top: 14.4vw;
    padding-bottom: 16vw; }
    .about-us .sec03 h2 {
      font-size: 11.7333333333vw;
      line-height: 1;
      letter-spacing: -0.2346666667vw; }
    .about-us .sec03 p {
      font-size: 5.3333333333vw;
      line-height: 1.4;
      margin-top: 5.3333333333vw; }
    .about-us .sec03 ul {
      flex-wrap: wrap;
      margin-top: 8.8vw; }
      .about-us .sec03 ul li {
        width: 37.3333333333vw; }
        .about-us .sec03 ul li .img img {
          width: 100%;
          height: auto; }
        .about-us .sec03 ul li + li {
          margin-left: 0; }
        .about-us .sec03 ul li:nth-child(2n) {
          margin-left: 8.5333333333vw; }
        .about-us .sec03 ul li:nth-child(n + 3) {
          margin-top: 8.5333333333vw; }
        .about-us .sec03 ul li a .image-zoom:hover {
          transform: scale(1); } }

/*# sourceMappingURL=about-us.css.map */