/*! Writen  by SCSS */
.mainvisual {
  position: relative; }
  .mainvisual .main_image img {
    width: 100%; }
  .mainvisual .main_title {
    position: absolute;
    left: 1.25%;
    bottom: 3.23%;
    width: 52.94%;
    max-width: 847px; }
    @media screen and (max-width: 480px) {
      .mainvisual .main_title {
        width: 50%;
        left: 10px;
        bottom: 0; } }

.title_group {
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  row-gap: clamp(25px, 3.334vw, 40px); }
  .title_group .title_read {
    font-size: clamp(14px, 1.5vw, 18px);
    color: #FFF; }
    .title_group .title_read .brown {
      color: #dfbe76; }
  .title_group .click_txt {
    border: 2px solid #dfbe76;
    border-radius: 50vw;
    text-align: center;
    font-size: 14px;
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
    padding: 5px;
    color: #dfbe76; }
    @media screen and (max-width: 480px) {
      .title_group .click_txt {
        font-size: 12px; } }

.illust {
  position: absolute; }

.sec01 {
  padding-bottom: clamp(50px, 7.5vw, 90px); }
  .sec01 .illust_area {
    position: relative;
    margin-bottom: clamp(40px, 6.667vw, 80px); }
    .sec01 .illust_area .maincopy_group {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      row-gap: clamp(25px, 3.334vw, 40px); }
      .sec01 .illust_area .maincopy_group .main_title {
        width: 91.2%;
        margin: 0 auto; }
        @media screen and (max-width: 480px) {
          .sec01 .illust_area .maincopy_group .main_title {
            width: 96%; } }
      .sec01 .illust_area .maincopy_group .read {
        line-height: 1.875; }
        @media screen and (max-width: 480px) {
          .sec01 .illust_area .maincopy_group .read {
            font-size: 14px;
            line-height: 2; } }
    .sec01 .illust_area .vertical {
      width: 1px;
      height: 47px;
      background: #dfbe76;
      margin: 40px auto 50px; }
      @media screen and (max-width: 820px) {
        .sec01 .illust_area .vertical {
          margin: 30px auto 35px; } }
    @media screen and (max-width: 480px) {
      .sec01 .illust_area .illust_group {
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        column-gap: 7%; } }
    @media screen and (max-width: 480px) {
      .sec01 .illust_area .illust_group .illust {
        position: static; } }
    .sec01 .illust_area .illust_group .illust.illust01 {
      left: 17.5%;
      bottom: 20%;
      width: 9.67%; }
      @media screen and (max-width: 820px) {
        .sec01 .illust_area .illust_group .illust.illust01 {
          width: 11%;
          left: 14%;
          bottom: 13%; } }
      @media screen and (max-width: 480px) {
        .sec01 .illust_area .illust_group .illust.illust01 {
          width: 25%; } }
    .sec01 .illust_area .illust_group .illust.illust02 {
      right: 10.84%;
      bottom: 40%;
      width: 8.42%; }
      @media screen and (max-width: 820px) {
        .sec01 .illust_area .illust_group .illust.illust02 {
          width: 11%;
          right: 2%;
          bottom: 20%; } }
      @media screen and (max-width: 480px) {
        .sec01 .illust_area .illust_group .illust.illust02 {
          width: 22%; } }
    .sec01 .illust_area .illust_group .illust.illust03 {
      right: 18.34%;
      bottom: -10%;
      width: 7.59%; }
      @media screen and (max-width: 820px) {
        .sec01 .illust_area .illust_group .illust.illust03 {
          width: 9%;
          right: 15%;
          bottom: -5%; } }
      @media screen and (max-width: 480px) {
        .sec01 .illust_area .illust_group .illust.illust03 {
          width: 22%; } }
  .sec01 .graph_group {
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(40px, 5vw, 60px) 5%; }
    @media screen and (max-width: 480px) {
      .sec01 .graph_group {
        flex-direction: column;
        gap: 40px 0; } }
    .sec01 .graph_group .graph_in {
      width: 47.5%; }
      @media screen and (max-width: 480px) {
        .sec01 .graph_group .graph_in {
          width: 100%; } }
      .sec01 .graph_group .graph_in .graph_title {
        align-items: flex-end; }
        @media screen and (max-width: 820px) {
          .sec01 .graph_group .graph_in .graph_title {
            flex-direction: column;
            align-items: center;
            margin-bottom: 10px;
            text-align: center; } }
        .sec01 .graph_group .graph_in .graph_title .g01 {
          font-size: clamp(11px, 1.584vw, 19px);
          font-style: italic;
          color: #dfbe76; }
          @media screen and (max-width: 820px) {
            .sec01 .graph_group .graph_in .graph_title .g01 {
              font-size: 2.4vw; } }
          @media screen and (max-width: 480px) {
            .sec01 .graph_group .graph_in .graph_title .g01 {
              font-size: 5vw; } }
          .sec01 .graph_group .graph_in .graph_title .g01 span {
            display: inline-block;
            line-height: 1; }
            .sec01 .graph_group .graph_in .graph_title .g01 span.big {
              font-size: 120%; }
            .sec01 .graph_group .graph_in .graph_title .g01 span.big02 {
              font-size: 200%; }
        .sec01 .graph_group .graph_in .graph_title .g02 {
          font-size: clamp(13px, 1.834vw, 22px);
          color: #FFF; }
          @media screen and (max-width: 820px) {
            .sec01 .graph_group .graph_in .graph_title .g02 {
              font-size: 2.1vw; } }
          @media screen and (max-width: 480px) {
            .sec01 .graph_group .graph_in .graph_title .g02 {
              font-size: 6vw;
              line-height: 1.4; } }
    @media screen and (max-width: 480px) {
      .sec01 .graph_group .illust_group {
        display: none;
        /*
        display: flex;
        flex-wrap:wrap;
        align-items: center;
        justify-content: space-between;
        gap:20px 0;
        */ } }
    @media screen and (max-width: 480px) {
      .sec01 .graph_group .illust_group .illust {
        position: static; } }
    .sec01 .graph_group .illust_group .illust.illust04 {
      left: 4.17%;
      bottom: 25%;
      width: 17.67%; }
      @media screen and (max-width: 480px) {
        .sec01 .graph_group .illust_group .illust.illust04 {
          width: 50%;
          margin-left: 10%; } }
    .sec01 .graph_group .illust_group .illust.illust05 {
      right: 12.5%;
      bottom: 22%;
      width: 9.92%; }
      @media screen and (max-width: 480px) {
        .sec01 .graph_group .illust_group .illust.illust05 {
          width: 25%;
          margin-right: 5%; } }
    .sec01 .graph_group .illust_group .illust.illust06 {
      left: 0%;
      bottom: 0%;
      width: 20.5%; }
      @media screen and (max-width: 480px) {
        .sec01 .graph_group .illust_group .illust.illust06 {
          width: 45%; } }
    .sec01 .graph_group .illust_group .illust.illust07 {
      right: 0%;
      bottom: -5%;
      width: 15.34%; }
      @media screen and (max-width: 480px) {
        .sec01 .graph_group .illust_group .illust.illust07 {
          width: 32%;
          margin-right: 5%; } }
  .sec01 .photo4_group {
    max-width: 1400px;
    margin: clamp(80px, 10.834vw, 130px) auto 70px; }
    @media screen and (max-width: 480px) {
      .sec01 .photo4_group {
        margin: 45px 0;
        flex-wrap: wrap; } }
    .sec01 .photo4_group .photo {
      width: 21.43%; }
      @media screen and (max-width: 480px) {
        .sec01 .photo4_group .photo {
          width: 50%; } }
      .sec01 .photo4_group .photo:nth-of-type(2n) {
        margin-top: clamp(40px, 5.834vw, 70px); }
        @media screen and (max-width: 480px) {
          .sec01 .photo4_group .photo:nth-of-type(2n) {
            margin-top: 0; } }
  .sec01 .illust_area02 {
    position: relative;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec01 .illust_area02 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 480px) {
      .sec01 .illust_area02 .illust_group {
        display: flex;
        justify-content: center;
        column-gap: 5%;
        align-items: center;
        margin-top: 20px; } }
    @media screen and (max-width: 480px) {
      .sec01 .illust_area02 .illust_group .illust {
        position: static; } }
    .sec01 .illust_area02 .illust_group .illust.illust08 {
      left: 5%;
      bottom: 25%;
      width: 19.75%; }
      @media screen and (max-width: 480px) {
        .sec01 .illust_area02 .illust_group .illust.illust08 {
          width: 40%; } }
    .sec01 .illust_area02 .illust_group .illust.illust09 {
      right: 17.5%;
      bottom: 40%;
      width: 12.09%; }
      @media screen and (max-width: 480px) {
        .sec01 .illust_area02 .illust_group .illust.illust09 {
          width: 22%; } }
    .sec01 .illust_area02 .illust_group .illust.illust10 {
      right: 2.5%;
      bottom: 0%;
      width: 14.09%; }
      @media screen and (max-width: 480px) {
        .sec01 .illust_area02 .illust_group .illust.illust10 {
          width: 35%; } }
  .sec01 .voice_group {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: clamp(30px, 3.334vw, 40px) 3.33%;
    margin-bottom: 50px; }
    @media screen and (max-width: 820px) {
      .sec01 .voice_group {
        gap: 30px 2%; } }
    @media screen and (max-width: 480px) {
      .sec01 .voice_group {
        margin-bottom: 30px;
        justify-content: space-between;
        gap: 15px 0; } }
    .sec01 .voice_group.p-view .voice_img {
      opacity: 1; }
    .sec01 .voice_group .voice_img {
      opacity: 0;
      display: block;
      width: 22.5%;
      transition: 0.5s opacity ease-in-out 0s; }
      .sec01 .voice_group .voice_img:nth-of-type(1) {
        transition-delay: 0s; }
      .sec01 .voice_group .voice_img:nth-of-type(2) {
        transition-delay: 0.1s; }
      .sec01 .voice_group .voice_img:nth-of-type(3) {
        transition-delay: 0.2s; }
      .sec01 .voice_group .voice_img:nth-of-type(4) {
        transition-delay: 0.3s; }
      .sec01 .voice_group .voice_img:nth-of-type(5) {
        transition-delay: 0.4s; }
      .sec01 .voice_group .voice_img:nth-of-type(6) {
        transition-delay: 0.5s; }
      .sec01 .voice_group .voice_img:nth-of-type(7) {
        transition-delay: 0.6s; }
      .sec01 .voice_group .voice_img:nth-of-type(8) {
        transition-delay: 0.7s; }
      .sec01 .voice_group .voice_img:nth-of-type(9) {
        transition-delay: 0.8s; }
      .sec01 .voice_group .voice_img:nth-of-type(10) {
        transition-delay: 0.9s; }
      .sec01 .voice_group .voice_img:nth-of-type(11) {
        transition-delay: 1s; }
      .sec01 .voice_group .voice_img:nth-of-type(12) {
        transition-delay: 1.1s; }
      .sec01 .voice_group .voice_img:nth-of-type(13) {
        transition-delay: 1.2s; }
      .sec01 .voice_group .voice_img:nth-of-type(14) {
        transition-delay: 1.3s; }
      .sec01 .voice_group .voice_img:nth-of-type(15) {
        transition-delay: 1.4s; }
      .sec01 .voice_group .voice_img:nth-of-type(16) {
        transition-delay: 1.5s; }
      @media screen and (max-width: 820px) {
        .sec01 .voice_group .voice_img {
          width: 32%; } }
      @media screen and (max-width: 480px) {
        .sec01 .voice_group .voice_img {
          width: 48%;
          pointer-events: all; } }
      body:not(.mobile) .sec01 .voice_group .voice_img:hover {
        opacity: 0.7; }
  .sec01 .voice_text {
    font-size: 14px;
    color: #FFF;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sec01 .voice_text {
        font-size: 12px; } }

.modal {
  display: none; }

.controls {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  column-gap: 40px;
  align-items: center; }
  .controls p, .controls a {
    line-height: 0;
    cursor: pointer; }

.iziModal {
  background: none !important;
  max-width: 540px !important; }
  @media screen and (max-width: 480px) {
    .iziModal {
      width: calc(100% - 40px);
      margin: 0 auto; } }

.iziModal-navigate-next,
.iziModal-navigate-prev {
  display: none !important; }

.modal_box {
  max-width: 270px;
  margin: 0 auto; }

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