@charset "UTF-8";
/*! Writen  by SCSS */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&family=Murecho:wght@100..900&display=swap");
.blue {
  color: #0f75bb; }

div.header .head_txt_link {
  display: none; }

.contents_wrap {
  font-family: YakuHanRP, "IBM Plex Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em; }
  .contents_wrap:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-position: top center;
    background-repeat: repeat;
    background-size: auto;
    background-image: url("../images/special/biwadog/page_bg.jpg"); }

.murecho {
  font-family: "Murecho", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal; }

.link_btn {
  background: #0f75bb;
  border-radius: 20px;
  display: block;
  padding: 7px 10px 5px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #FFF;
  box-shadow: 3px -3px 0 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s background ease-in-out 0s; }
  body:not(.mobile) .link_btn:hover {
    background: #0b5d95; }
  .link_btn .small {
    font-size: 70%; }

.mainvisual {
  position: relative; }
  .mainvisual .main_image img {
    width: 100%; }
  .mainvisual .main_text_group {
    position: absolute;
    inset: 0;
    left: 40px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .mainvisual .main_text_group {
        position: static;
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-top: 20px; } }
    @media screen and (max-width: 480px) {
      .mainvisual .main_text_group .main_text_in {
        width: 100%; } }
    .mainvisual .main_text_group .main_text_in .main_copy {
      font-size: clamp(26px, 3.75vw, 60px);
      color: #0f75bb;
      font-weight: 700;
      line-height: 1.33; }
      @media screen and (max-width: 480px) {
        .mainvisual .main_text_group .main_text_in .main_copy {
          font-size: 7vw;
          text-align: center; } }
    .mainvisual .main_text_group .main_text_in .main_read {
      font-size: clamp(16px, 1.875vw, 30px);
      font-weight: 400;
      line-height: 1.66;
      padding-top: clamp(20px, 2.5vw, 40px);
      margin: clamp(20px, 2.5vw, 40px) 0 clamp(40px, 3.75vw, 60px);
      border-top: 1px dotted #000; }
      @media screen and (max-width: 480px) {
        .mainvisual .main_text_group .main_text_in .main_read {
          font-size: 4vw;
          padding-top: 15px;
          margin: 15px 0 20px;
          text-align: center; } }
    .mainvisual .main_text_group .main_text_in .main_sub_ttl {
      font-size: clamp(12px, 1.25vw, 20px);
      color: #0f75bb; }
      @media screen and (max-width: 480px) {
        .mainvisual .main_text_group .main_text_in .main_sub_ttl {
          text-align: center;
          font-size: 4vw; } }
      .mainvisual .main_text_group .main_text_in .main_sub_ttl .name {
        width: fit-content;
        padding: 10px 20px;
        margin-top: 5px;
        line-height: 1;
        font-size: 120%;
        display: block;
        border: 2px solid #0f75bb;
        border-radius: 10px; }
        @media screen and (max-width: 480px) {
          .mainvisual .main_text_group .main_text_in .main_sub_ttl .name {
            margin: 0 auto;
            padding: 10px 15px; } }

.sec01 {
  position: relative; }
  .sec01 .sec01_item01 {
    padding: 30px 0 170px;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
    align-items: center;
    column-gap: clamp(30px, 4.375vw, 70px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item01 {
        padding: 50px 0 100px;
        flex-direction: column;
        row-gap: 30px;
        align-items: flex-start; } }
    .sec01 .sec01_item01 .interview_photo {
      width: 40.63%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .interview_photo {
          width: 90%;
          margin: 0; } }
      .sec01 .sec01_item01 .interview_photo img {
        width: 100%; }
    .sec01 .sec01_item01 .text_group {
      width: 37.5%;
      max-width: 600px; }
      @media screen and (max-width: 820px) {
        .sec01 .sec01_item01 .text_group {
          width: 53%; } }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .text_group {
          width: calc(100% - 40px);
          margin: 0 auto; } }
      .sec01 .sec01_item01 .text_group .comment {
        font-size: clamp(14px, 1.25vw, 20px);
        line-height: 2.5; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .text_group .comment {
            font-size: 14px;
            line-height: 2; } }
      .sec01 .sec01_item01 .text_group .name {
        margin-top: clamp(40px, 4.375vw, 70px);
        font-size: clamp(14px, 1.25vw, 20px);
        text-align: right; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .text_group .name {
            font-size: 4vw; } }
        .sec01 .sec01_item01 .text_group .name .big {
          display: inline-block;
          font-size: 160%;
          line-height: 1; }
  .sec01 .sec01_item02 {
    margin-top: -15%;
    position: relative;
    padding: clamp(60px, 7.5vw, 120px) 0 clamp(50px, 6.876vw, 110px);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/special/biwadog/bg_interview.jpg"); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item02 {
        background-image: url("../images/special/biwadog/bg_interview_sp.jpg");
        margin-top: 0;
        padding: 30px 0; } }
    .sec01 .sec01_item02 .owner_ttl {
      position: absolute;
      right: 30px;
      bottom: 100%;
      font-size: clamp(80px, 8.75vw, 140px);
      color: rgba(0, 0, 0, 0.1);
      line-height: 0.85;
      font-style: italic;
      padding-right: 10px;
      transition: 0.5s clip-path ease-in-out 0.5s;
      clip-path: inset(100% 0 0 0); }
      .sec01 .sec01_item02 .owner_ttl.p-view {
        clip-path: inset(0 0 0 0); }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item02 .owner_ttl {
          left: 0;
          right: 0;
          text-align: center; } }
    .sec01 .sec01_item02 .item02_in {
      align-items: flex-end; }
      @media screen and (max-width: 820px) {
        .sec01 .sec01_item02 .item02_in {
          align-items: center; } }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item02 .item02_in {
          flex-direction: column;
          row-gap: 30px; } }
      .sec01 .sec01_item02 .item02_in .item02_left {
        width: 25%;
        transition: 0.9s clip-path ease-in-out 0.3s;
        clip-path: inset(0 0 0 100%); }
        .sec01 .sec01_item02 .item02_in .item02_left.p-view {
          clip-path: inset(0 0 0 0); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item02 .item02_in .item02_left {
            width: 100%; } }
        .sec01 .sec01_item02 .item02_in .item02_left .murecho {
          width: fit-content;
          margin: 0 auto;
          font-size: clamp(80px, 8.75vw, 140px);
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          letter-spacing: 0.1em;
          color: #FFF;
          line-height: 1;
          font-style: italic; }
          @media screen and (max-width: 820px) {
            .sec01 .sec01_item02 .item02_in .item02_left .murecho {
              font-size: 11vw; } }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item02 .item02_in .item02_left .murecho {
              -ms-writing-mode: unset;
              writing-mode: unset;
              font-size: 13vw; } }
          .sec01 .sec01_item02 .item02_in .item02_left .murecho .second {
            display: block;
            text-indent: 1.4em; }
      .sec01 .sec01_item02 .item02_in .item02_right {
        width: 73.13%;
        flex-direction: column;
        row-gap: clamp(30px, 3.75vw, 60px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item02 .item02_in .item02_right {
            width: 90%;
            margin-left: auto; } }
        .sec01 .sec01_item02 .item02_in .item02_right .item02_over {
          border-top-left-radius: 20px;
          border-bottom-left-radius: 20px;
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
          overflow: hidden;
          transition: 0.6s box-shadow ease-in-out 0.6s; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over {
              flex-direction: column; } }
          .sec01 .sec01_item02 .item02_in .item02_right .item02_over.p-view {
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over.p-view .over_in {
              opacity: 1;
              transform: translateY(0); }
          .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in {
            position: relative;
            width: calc(100% / 3);
            background: rgba(255, 255, 255, 0.95);
            padding: clamp(30px, 2.5vw, 40px) clamp(15px, 1.875vw, 30px);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            transition: 0.6s opacity ease-in-out 0s,0.6s transform ease-in-out 0s;
            opacity: 0;
            transform: translateY(30px); }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in {
                width: 100%; } }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in:nth-of-type(1) {
              z-index: 2; }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in:nth-of-type(2) {
              z-index: 1;
              transition-delay: 0.2s; }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in:nth-of-type(3) {
              z-index: 1;
              transition-delay: 0.4s; }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .over_ttl {
              line-height: 1.2;
              font-size: clamp(18px, 2.5vw, 40px);
              font-weight: 600;
              margin-left: 15px; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .over_ttl {
                  font-size: 6.4vw; } }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group {
              justify-content: flex-start;
              flex-direction: column;
              margin: clamp(30px, 3.125vw, 50px) 0; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group {
                  margin: 20px 0; } }
              .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group .check_in {
                justify-content: flex-start;
                align-items: center;
                column-gap: clamp(15px, 1.875vw, 30px);
                padding-left: 15px; }
                .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group .check_in:not(:first-child) {
                  margin-top: 20px;
                  padding-top: 20px;
                  border-top: 1px dotted #000; }
                  @media screen and (max-width: 480px) {
                    .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group .check_in:not(:first-child) {
                      margin-top: 12px;
                      padding-top: 12px; } }
                .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group .check_in .icon_check {
                  width: 34px;
                  flex-shrink: 0; }
                  @media screen and (max-width: 820px) {
                    .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group .check_in .icon_check {
                      width: 15px; } }
                .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group .check_in .check_txt {
                  font-size: clamp(10px, 1vw, 16px);
                  line-height: 1.56;
                  font-weight: 600; }
                  @media screen and (max-width: 480px) {
                    .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .check_group .check_in .check_txt {
                      font-size: 14px; } }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .link_btn {
              font-size: clamp(12px, 1.25vw, 20px); }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item02 .item02_in .item02_right .item02_over .over_in .link_btn {
                  font-size: 16px; } }
        .sec01 .sec01_item02 .item02_in .item02_right .item02_under {
          position: relative;
          justify-content: flex-start;
          background: rgba(255, 255, 255, 0.95);
          padding: clamp(30px, 2.5vw, 40px);
          border-top-left-radius: 20px;
          border-bottom-left-radius: 20px;
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          column-gap: 4.28%; }
          @media screen and (max-width: 820px) {
            .sec01 .sec01_item02 .item02_in .item02_right .item02_under {
              column-gap: 15px; } }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item02 .item02_in .item02_right .item02_under {
              padding: 30px 20px;
              flex-direction: column;
              row-gap: 20px; } }
          .sec01 .sec01_item02 .item02_in .item02_right .item02_under .fac_ttl {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            font-size: clamp(26px, 2.5vw, 40px);
            font-weight: 700;
            letter-spacing: 0.1em; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item02 .item02_in .item02_right .item02_under .fac_ttl {
                -ms-writing-mode: unset;
                writing-mode: unset;
                font-size: 7vw;
                line-height: 1.2; } }
          .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_name {
            width: 100%;
            font-size: clamp(14px, 1.765vw, 30px);
            font-weight: 700;
            letter-spacing: 0.1em;
            line-height: 1.4; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_name {
                font-size: 5vw; } }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_name .small {
              font-size: 80%; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_name .small {
                  display: block; } }
          .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_area {
            margin: clamp(15px, 1.875vw, 30px) 0 clamp(10px, 1.25vw, 20px);
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: 5px clamp(15px, 1.875vw, 30px); }
            .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_area .fac_txt {
              font-size: clamp(12px, 1.125vw, 18px); }
              .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_area .fac_txt:nth-of-type(1) {
                width: 100%; }
              body:not(.mobile) .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .fac_area .fac_txt a:hover {
                text-decoration: underline; }
          .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .link_btn {
            max-width: 300px;
            margin: 0;
            font-size: clamp(12px, 1.25vw, 20px); }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item02 .item02_in .item02_right .item02_under .text_group .link_btn {
                font-size: 16px; } }
          .sec01 .sec01_item02 .item02_in .item02_right .item02_under .icon_foot01 {
            width: 26.98%;
            margin-left: auto;
            max-width: 294px; }
            @media screen and (max-width: 820px) {
              .sec01 .sec01_item02 .item02_in .item02_right .item02_under .icon_foot01 {
                width: 36%; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item02 .item02_in .item02_right .item02_under .icon_foot01 {
                position: absolute;
                right: 10px;
                top: 10px;
                width: 40%; } }

.sec02 {
  position: relative;
  padding: clamp(60px, 6.876vw, 110px) 0 clamp(80px, 8.125vw, 130px); }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding: 50px 0; } }
  .sec02 .sec02_ttl {
    font-size: clamp(30px, 3.75vw, 60px);
    font-weight: 700;
    line-height: 1.2; }
    @media screen and (max-width: 820px) {
      .sec02 .sec02_ttl {
        font-size: 4vw; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_ttl {
        font-size: 6.6vw; } }
  .sec02 .sub_ttl {
    font-size: clamp(14px, 1.25vw, 20px);
    font-weight: 600;
    color: #00317a;
    letter-spacing: normal;
    text-indent: -1em;
    padding-left: 1em;
    margin: clamp(30px, 3.125vw, 50px) 0 clamp(30px, 2.5vw, 40px); }
    @media screen and (max-width: 820px) {
      .sec02 .sub_ttl {
        line-height: 1.5;
        margin: 20px 0;
        font-size: 15px; } }
    @media screen and (max-width: 480px) {
      .sec02 .sub_ttl {
        font-size: 4.4vw; } }
  .sec02 .sec02_read {
    font-size: clamp(12px, 1vw, 16px);
    font-weight: 600;
    line-height: 2.25; }
    @media screen and (max-width: 820px) {
      .sec02 .sec02_read {
        font-size: 13px;
        line-height: 2; } }
    .sec02 .sec02_read .cap_l {
      display: block;
      margin-top: 5px; }
  .sec02 .p_l10 {
    padding-left: 1em; }
  .sec02 .line_img {
    position: absolute;
    inset: 0;
    bottom: auto;
    width: 100%;
    pointer-events: none; }
    .sec02 .line_img img {
      width: 100%; }
  .sec02 .sec02_item01 {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    column-gap: clamp(40px, 4.375vw, 70px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item01 {
        flex-direction: column;
        gap: 30px 0; } }
    .sec02 .sec02_item01 .photo {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .photo {
          width: 100%; } }
      .sec02 .sec02_item01 .photo img {
        width: 100%; }
    .sec02 .sec02_item01 .text_group {
      width: 32.5%;
      max-width: 520px; }
      @media screen and (max-width: 820px) {
        .sec02 .sec02_item01 .text_group {
          width: 40%; } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .text_group {
          width: calc(100% - 40px);
          margin: 0 auto; } }
  .sec02 .sec02_item02 {
    align-items: flex-start;
    margin: clamp(40px, 3.75vw, 60px) auto 0; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item02 {
        flex-direction: column;
        margin: 30px auto 0;
        gap: 20px 0; } }
    .sec02 .sec02_item02 .text_group {
      width: 41.67%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item02 .text_group {
          width: 100%; } }
      .sec02 .sec02_item02 .text_group .sec02_read {
        position: relative;
        z-index: 2; }
      .sec02 .sec02_item02 .text_group .icon_foot02 {
        width: 80.21%;
        margin-top: 20px;
        margin-left: auto;
        transition: 0.9s clip-path ease-in-out 0.3s;
        clip-path: inset(0 0 100% 0); }
        .sec02 .sec02_item02 .text_group .icon_foot02.p-view {
          clip-path: inset(0 0 0 0); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item02 .text_group .icon_foot02 {
            margin-top: -60px;
            z-index: -1; } }
    .sec02 .sec02_item02 .photo_group {
      width: 51.67%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item02 .photo_group {
          width: 100%; } }
      .sec02 .sec02_item02 .photo_group .photo_in {
        width: 46.78%; }
        .sec02 .sec02_item02 .photo_group .photo_in .photo {
          position: relative; }
          .sec02 .sec02_item02 .photo_group .photo_in .photo.arrow:after {
            content: "";
            position: absolute;
            inset: 0;
            right: auto;
            left: 100%;
            background: #0f75bb;
            height: 30px;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            aspect-ratio: 2/3;
            clip-path: polygon(0 0, 0% 100%, 100% 50%); }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item02 .photo_group .photo_in .photo.arrow:after {
                height: 20px; } }
        .sec02 .sec02_item02 .photo_group .photo_in .before_after {
          margin-top: 20px;
          font-size: 14px;
          color: #FFF;
          border-radius: 10px;
          text-align: center; }
          .sec02 .sec02_item02 .photo_group .photo_in .before_after.bef {
            background: #eeeeee;
            color: #333; }
          .sec02 .sec02_item02 .photo_group .photo_in .before_after.aft {
            background: #0f75bb; }
  .sec02 .sec02_item03 {
    padding-top: 50px;
    position: relative; }
    .sec02 .sec02_item03 .inner {
      max-width: 1390px; }
    .sec02 .sec02_item03 .line_img01 {
      top: 5%; }
    .sec02 .sec02_item03 .item03_over {
      align-items: flex-start;
      justify-content: flex-end;
      flex-direction: row-reverse;
      column-gap: 50px; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item03 .item03_over {
          flex-direction: column;
          row-gap: 20px; } }
      .sec02 .sec02_item03 .item03_over .text_group {
        margin-top: clamp(40px, 5vw, 70px);
        position: relative;
        width: 37.42%; }
        @media screen and (max-width: 820px) {
          .sec02 .sec02_item03 .item03_over .text_group {
            margin-top: 0;
            width: 45%; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item03 .item03_over .text_group {
            width: 100%; } }
      .sec02 .sec02_item03 .item03_over .photo_group {
        position: relative;
        width: 52.52%;
        flex-wrap: wrap;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item03 .item03_over .photo_group {
            width: 100%; } }
        .sec02 .sec02_item03 .item03_over .photo_group .photo {
          width: 46.58%; }
          @media screen and (max-width: 820px) {
            .sec02 .sec02_item03 .item03_over .photo_group .photo {
              width: 40%; } }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item03 .item03_over .photo_group .photo {
              width: 48%; } }
        .sec02 .sec02_item03 .item03_over .photo_group .text_box {
          width: 100%;
          max-width: 660px;
          margin: 0 auto;
          background: #0f75bb;
          text-align: center;
          font-size: 14px;
          color: #FFF;
          border-radius: 50vw;
          line-height: 1.2;
          padding: 15px 5px 12px; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item03 .item03_over .photo_group .text_box {
              font-size: 14px;
              padding: 15px 5px;
              line-height: 1.6; } }
    .sec02 .sec02_item03 .item03_under {
      justify-content: flex-end;
      column-gap: 2.88%;
      margin-top: clamp(40px, 4.286vw, 60px); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item03 .item03_under {
          flex-direction: column;
          justify-content: flex-start;
          gap: 20px 0;
          margin-top: 30px; } }
      .sec02 .sec02_item03 .item03_under .text_group {
        width: 57.56%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item03 .item03_under .text_group {
            width: 100%; } }
      .sec02 .sec02_item03 .item03_under .photo_group {
        width: 33.1%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item03 .item03_under .photo_group {
            width: 100%; } }
        .sec02 .sec02_item03 .item03_under .photo_group .photo {
          width: 45.66%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item03 .item03_under .photo_group .photo {
              width: 48%; } }
          .sec02 .sec02_item03 .item03_under .photo_group .photo:nth-of-type(2) {
            margin-top: clamp(40px, 6.429vw, 90px); }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item03 .item03_under .photo_group .photo:nth-of-type(2) {
                margin-top: 40px; } }
  .sec02 .sec02_item04 .line_img02 {
    position: relative;
    width: 100vw;
    margin: 0 calc(50% - 50vw) clamp(40px, 4.375vw, 70px); }
    .sec02 .sec02_item04 .line_img02 img {
      width: 100%; }
  .sec02 .sec02_item04 .big_photo {
    flex-direction: column;
    row-gap: 30px;
    margin-bottom: clamp(40px, 5vw, 60px); }
    .sec02 .sec02_item04 .big_photo .text {
      width: fit-content;
      margin: 0 auto;
      background: #0f75bb;
      text-align: center;
      font-size: 14px;
      color: #FFF;
      border-radius: 50vw;
      line-height: 1.2;
      padding: 12px 20px 8px; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .big_photo .text {
          font-size: 13px;
          width: 100%;
          padding: 12px 10px;
          line-height: 1.6; } }
  .sec02 .sec02_item04 .sec02_item04_01 {
    align-items: flex-start;
    justify-content: center;
    column-gap: 20px;
    position: relative;
    margin-bottom: clamp(80px, 10.834vw, 130px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item04 .sec02_item04_01 {
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 70px; } }
    .sec02 .sec02_item04 .sec02_item04_01 .text_group {
      position: relative;
      z-index: 1; }
      .sec02 .sec02_item04 .sec02_item04_01 .text_group .sub_ttl {
        font-size: clamp(14px, 1.667vw, 20px);
        margin: 0 0 clamp(20px, 3.334vw, 40px); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .sec02_item04_01 .text_group .sub_ttl {
            font-size: 4.4vw; } }
      .sec02 .sec02_item04 .sec02_item04_01 .text_group .read_group {
        max-width: 540px;
        width: 100%;
        flex-direction: column;
        row-gap: clamp(20px, 2.5vw, 30px);
        padding-left: 1em; }
        .sec02 .sec02_item04 .sec02_item04_01 .text_group .read_group .sec02_read {
          font-size: clamp(11px, 1.334vw, 16px); }
          @media screen and (max-width: 820px) {
            .sec02 .sec02_item04 .sec02_item04_01 .text_group .read_group .sec02_read {
              font-size: 13px; } }
    .sec02 .sec02_item04 .sec02_item04_01 .icon_foot03 {
      position: absolute;
      left: 14.17%;
      top: 85%;
      width: 27.59%;
      transition: 0.9s clip-path ease-in-out 0s;
      clip-path: inset(0 0 100% 0); }
      .sec02 .sec02_item04 .sec02_item04_01 .icon_foot03.p-view {
        clip-path: inset(0 0 0 0); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .sec02_item04_01 .icon_foot03 {
          width: 60%;
          left: -15%; } }
  .sec02 .sec02_item04 .sec02_item04_02 {
    position: relative;
    align-items: flex-start;
    flex-direction: row-reverse; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item04 .sec02_item04_02 {
        flex-direction: column;
        row-gap: 20px; } }
    .sec02 .sec02_item04 .sec02_item04_02 .line_img03 {
      top: -15%;
      width: 100vw;
      margin: 0 calc(50% - 50vw); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .sec02_item04_02 .line_img03 {
          top: -7%; } }
    .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_right {
      width: 50.84%;
      flex-direction: column;
      row-gap: 30px; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_right {
          width: 100%; } }
      .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_right .photo {
        width: 91.81%;
        margin-left: auto;
        transform: translateX(10px); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_right .photo {
            width: 100%;
            margin-left: 0;
            transform: none; } }
      .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_right .text {
        width: 85.25%;
        margin: 0;
        background: #0f75bb;
        text-align: center;
        font-size: clamp(12px, 1.167vw, 14px);
        color: #FFF;
        border-radius: 50vw;
        line-height: 1.5;
        padding: 20px 20px 15px; }
        @media screen and (max-width: 960px) {
          .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_right .text {
            width: 100%;
            padding: 15px 10px;
            line-height: 1.4; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_right .text {
            font-size: 14px; } }
    .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_left {
      margin-top: 25%;
      width: 46.67%; }
      @media screen and (max-width: 820px) {
        .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_left {
          margin-top: 15%; } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .sec02_item04_02 .sec02_item04_02_left {
          width: 100%;
          margin-top: 0; } }
  .sec02 .sec02_item04 .sec02_item04_03 {
    margin-top: -10%;
    flex-wrap: wrap;
    gap: clamp(30px, 4.167vw, 50px) 0; }
    @media screen and (max-width: 820px) {
      .sec02 .sec02_item04 .sec02_item04_03 {
        margin-top: 40px;
        gap: 0; } }
    .sec02 .sec02_item04 .sec02_item04_03 .title_group {
      width: 100%; }
      .sec02 .sec02_item04 .sec02_item04_03 .title_group .sec02_ttl {
        width: fit-content;
        margin-left: auto;
        font-size: clamp(36px, 5vw, 60px); }
        @media screen and (max-width: 820px) {
          .sec02 .sec02_item04 .sec02_item04_03 .title_group .sec02_ttl {
            margin: 0;
            font-size: 4vw; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .sec02_item04_03 .title_group .sec02_ttl {
            font-size: 6.6vw; } }
        .sec02 .sec02_item04 .sec02_item04_03 .title_group .sec02_ttl .second {
          display: block;
          text-indent: 1.5em; }
    .sec02 .sec02_item04 .sec02_item04_03 .text_group {
      width: 50.84%;
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .sec02_item04_03 .text_group {
          width: 100%; } }
      .sec02 .sec02_item04 .sec02_item04_03 .text_group .icon_foot04 {
        position: absolute;
        right: -15%;
        bottom: -10%;
        width: 55.58%;
        transform: scale(2.5);
        opacity: 0;
        visibility: hidden;
        transition: 1s opacity ease-in-out 0.3s,1s visibility ease-in-out 0.3s,1s transform ease-in-out 0.3s; }
        .sec02 .sec02_item04 .sec02_item04_03 .text_group .icon_foot04.p-view {
          visibility: visible;
          transform: scale(1);
          opacity: 1; }
      .sec02 .sec02_item04 .sec02_item04_03 .text_group .sub_ttl {
        position: relative; }
      .sec02 .sec02_item04 .sec02_item04_03 .text_group .read_group {
        position: relative;
        flex-direction: column;
        row-gap: 20px; }
        .sec02 .sec02_item04 .sec02_item04_03 .text_group .read_group .sec02_read {
          font-size: clamp(11px, 1.334vw, 16px); }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item04 .sec02_item04_03 .text_group .read_group .sec02_read {
              font-size: 13px; } }
    .sec02 .sec02_item04 .sec02_item04_03 .photo {
      width: 50.84%;
      transform: translateX(14.5%);
      margin-left: -7.5%; }
      @media screen and (max-width: 820px) {
        .sec02 .sec02_item04 .sec02_item04_03 .photo {
          transform: translateX(7%); } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .sec02_item04_03 .photo {
          transform: translateX(0);
          width: 90%;
          margin: 30px auto 0; } }

.sec03 {
  position: relative; }
  .sec03 .sec03_item01 {
    position: relative; }
    .sec03 .sec03_item01 .biwa_dog {
      width: 100%; }
      .sec03 .sec03_item01 .biwa_dog img {
        width: 100%; }
    .sec03 .sec03_item01 .biwa_dog_infor {
      position: absolute;
      inset: 0;
      top: 80px;
      bottom: auto;
      margin: auto;
      color: #FFF; }
      @media screen and (max-width: 820px) {
        .sec03 .sec03_item01 .biwa_dog_infor {
          top: 10%;
          left: 5%; } }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_item01 .biwa_dog_infor {
          left: 0;
          right: 0;
          top: 9%;
          width: calc(100% - 60px);
          margin: 0 auto; } }
      .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in {
        width: 55.84%; }
        @media screen and (max-width: 480px) {
          .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in {
            width: 100%; } }
        .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .biwa_dog_ttl {
          font-size: clamp(30px, 3.125vw, 50px);
          font-weight: 700;
          line-height: 1.2; }
          @media screen and (max-width: 480px) {
            .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .biwa_dog_ttl {
              font-size: 7vw; } }
        .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .text_group {
          margin: clamp(30px, 3.75vw, 60px) 0 30px;
          padding-bottom: clamp(20px, 3.125vw, 50px);
          border-bottom: 1px dotted #FFF; }
          @media screen and (max-width: 820px) {
            .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .text_group {
              margin: 20px 0;
              padding-bottom: 20px; } }
          .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .text_group .b01 {
            font-size: clamp(20px, 2.25vw, 36px);
            font-weight: 700;
            margin-bottom: clamp(15px, 1.875vw, 30px); }
            @media screen and (max-width: 480px) {
              .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .text_group .b01 {
                font-size: 5vw; } }
            .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .text_group .b01 .small {
              font-size: 70%; }
          .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .text_group .b02 {
            font-size: clamp(11px, 1vw, 16px); }
            @media screen and (max-width: 480px) {
              .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .text_group .b02 {
                font-size: 13px; } }
        .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .infor_group {
          flex-wrap: wrap;
          justify-content: flex-start;
          gap: 10px 20px;
          color: #FFF; }
          @media screen and (max-width: 480px) {
            .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .infor_group {
              flex-direction: column;
              gap: 10px 0; } }
          .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .infor_group .infor_in {
            align-items: center;
            justify-content: flex-start;
            column-gap: 10px; }
            .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .infor_group .infor_in.full {
              width: 100%; }
            .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .infor_group .infor_in .text {
              font-size: clamp(12px, 1vw, 16px); }
              @media screen and (max-width: 480px) {
                .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .infor_group .infor_in .text {
                  font-size: 13px; } }
              body:not(.mobile) .sec03 .sec03_item01 .biwa_dog_infor .biwa_dog_infor_in .infor_group .infor_in .text a:hover {
                text-decoration: underline; }
  .sec03 .sec03_item02 {
    background: #FFF;
    padding: clamp(30px, 5vw, 60px) 0;
    font-family: YakuHanRP, "M PLUS Rounded 1c", "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; }
    .sec03 .sec03_item02 .product_ttl {
      text-align: center;
      font-size: clamp(22px, 2.167vw, 26px);
      color: #30937b;
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_item02 .product_ttl {
          font-size: 5.4vw; } }
    .sec03 .sec03_item02 .product_link {
      max-width: 500px;
      margin: 0 auto;
      display: block;
      font-size: 22px;
      color: #FFF;
      text-align: center;
      padding: 20px 10px;
      border-radius: 10px;
      background: #30937b;
      transition: 0.3s background ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_item02 .product_link {
          padding: 15px 10px;
          font-size: 5vw; } }
      body:not(.mobile) .sec03 .sec03_item02 .product_link:hover {
        background: #1d715d; }

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