/*! Writen  by SCSS */
.sec01 .sec01_item01 {
  align-items: flex-start;
  padding: clamp(40px, 5.385vw, 70px) 0; }
  @media screen and (max-width: 820px) {
    .sec01 .sec01_item01 {
      align-items: flex-end; } }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_item01 {
      flex-direction: column;
      row-gap: 30px; } }
  .sec01 .sec01_item01 .sec_ttl_wrap {
    width: 45.17%;
    margin-right: -12%; }
    @media screen and (max-width: 1200px) {
      .sec01 .sec01_item01 .sec_ttl_wrap {
        margin-right: -5%; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item01 .sec_ttl_wrap {
        width: 100%;
        margin-right: 0; } }
  .sec01 .sec01_item01 .image_group {
    width: 64.36%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item01 .image_group {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item01 .image_group .image {
        margin: 0 -40px; } }
    .sec01 .sec01_item01 .image_group .image .cap_r {
      padding-right: 25px; }
.sec01 .sec01_item02 {
  padding: clamp(40px, 4.616vw, 60px) 0 clamp(50px, 6.154vw, 80px); }

/*# sourceMappingURL=design.css.map */