/*! Writen  by SCSS */
.inner_main .main_bg {
  background-image: url("/bunjyo/kobemizukidai/img/design/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_bg {
      background-image: url("/bunjyo/kobemizukidai/img/design/main_sp.jpg"); } }
.inner_main .main_txt {
  width: calc(358%/16);
  left: calc(160%/16); }
  @media screen and (max-width: 480px) {
    .inner_main .main_txt {
      width: calc(135%/3.75);
      left: calc(10%/3.75); } }

.fast_ttl {
  margin-bottom: clamp(80px, 12%, 120px); }
  @media screen and (max-width: 768px) {
    .fast_ttl {
      width: calc(100% - 40px);
      margin-bottom: 35px; } }
  .fast_ttl .sec_read {
    margin-bottom: 1em; }
    @media screen and (max-width: 375px) {
      .fast_ttl .sec_read {
        letter-spacing: 0; } }
  @media screen and (max-width: 768px) {
    .fast_ttl .sec_read_min {
      text-align: left; } }

.sec_ttls .sec_read {
  margin-bottom: 1em; }
  @media screen and (max-width: 375px) {
    .sec_ttls .sec_read {
      letter-spacing: 0; } }

.sec_read_min {
  color: #221815;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  font-size: clamp(14px, 1.37vw, 22px);
  line-height: 1.9; }
  @media screen and (max-width: 768px) {
    .sec_read_min {
      font-size: clamp(14px, 2.86vw, 22px);
      line-height: 1.75;
      letter-spacing: 0.04em; } }

.read_copy {
  font-size: 14px; }

.sec02 {
  padding-bottom: clamp(60px, 10%, 100px); }
  .sec02 .sec02_head {
    text-align: center;
    font-size: clamp(32px, 2.62vw, 42px);
    line-height: 1;
    padding: 0.2em 0.5em;
    background: url("/bunjyo/kobemizukidai/img/design/bg_head_border.png") center left/520px auto repeat-x;
    margin-bottom: clamp(30px, 6%, 60px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_head {
        background: url("/bunjyo/kobemizukidai/img/design/bg_head_border.png") center left/260px auto repeat-x; } }
  .sec02 .img01 {
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: clamp(30px, 4.17%, 50px); }
  .sec02 .design_box {
    display: flex;
    justify-content: space-between;
    max-width: 1180px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .sec02 .design_box {
        flex-direction: column !important; } }
    .sec02 .design_box .txts {
      width: calc(400%/11.8); }
      @media screen and (max-width: 768px) {
        .sec02 .design_box .txts {
          width: 100%; }
          .sec02 .design_box .txts .read_copy {
            margin-bottom: 2.85em; } }
    .sec02 .design_box .image_box {
      width: calc(738%/11.8); }
      @media screen and (max-width: 768px) {
        .sec02 .design_box .image_box {
          width: 100%; } }
    .sec02 .design_box .design_head {
      display: flex;
      flex-direction: column;
      font-size: clamp(20px, 1.87vw, 24px);
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        .sec02 .design_box .design_head {
          font-size: clamp(20px, 3.12vw, 24px);
          margin-bottom: 0.8em; } }
      .sec02 .design_box .design_head .text {
        padding-bottom: 0.6em; }
        @media screen and (max-width: 768px) {
          .sec02 .design_box .design_head .text {
            padding-bottom: 0.4em; } }
      .sec02 .design_box .design_head::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("/bunjyo/kobemizukidai/img/design/bg_head_02.jpg"); }
    .sec02 .design_box .read_copy {
      font-size: clamp(12px, 1.09vw, 14px); }
@keyframes img03s_animation2 {
  0% {
    opacity: 1; }
  10% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes img03s_animation {
  0% {
    opacity: 0.2;
    transform: scale(0.95); }
  10% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(1.2); } }
  .sec02 .design_box_01 {
    margin-bottom: 50px; }
    .sec02 .design_box_01 .img02s {
      position: relative; }
      .sec02 .design_box_01 .img02s p {
        position: absolute; }
        .sec02 .design_box_01 .img02s p img.ani1 {
          display: flex;
          justify-content: center;
          transition: all 0.3s ease-in-out;
          position: absolute;
          inset: 0;
          margin: auto;
          animation: img03s_animation 3s linear infinite; }
        .sec02 .design_box_01 .img02s p img.ani2 {
          animation: img03s_animation2 3s linear infinite; }
        .sec02 .design_box_01 .img02s p.img02_1 {
          width: calc(87%/7.38);
          top: calc(90%/3.86);
          left: calc(515%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_2 {
          width: calc(103%/7.38);
          top: calc(90%/3.86);
          left: calc(400%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_3 {
          width: calc(103%/7.38);
          top: calc(98%/3.86);
          left: calc(294%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_4 {
          width: calc(103%/7.38);
          top: calc(98%/3.86);
          left: calc(186%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_5 {
          width: calc(103%/7.38);
          top: calc(98%/3.86);
          left: calc(79%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_6 {
          width: calc(96%/7.38);
          top: calc(200%/3.86);
          left: calc(416%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_7 {
          width: calc(52%/7.38);
          top: calc(200%/3.86);
          left: calc(311%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_8 {
          width: calc(45%/7.38);
          top: calc(200% / 3.86);
          left: calc(209% / 7.38); }
        .sec02 .design_box_01 .img02s p.img02_9 {
          width: calc(52%/7.38);
          top: calc(201%/3.86);
          left: calc(100%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_10 {
          width: calc(64%/7.38);
          top: calc(309%/3.86);
          left: calc(89%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_11 {
          width: calc(62%/7.38);
          top: calc(321%/3.86);
          left: calc(195%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_12 {
          width: calc(64%/7.38);
          top: calc(308%/3.86);
          left: calc(297%/7.38); }
        .sec02 .design_box_01 .img02s p.img02_13 {
          width: calc(64%/7.38);
          top: calc(308%/3.86);
          left: calc(402%/7.38); }
@keyframes img04s_animation {
  0% {
    opacity: 0.2; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }
  .sec02 .design_box_02 {
    flex-direction: row-reverse; }
    .sec02 .design_box_02 .image_box .img04s {
      position: relative; }
      .sec02 .design_box_02 .image_box .img04s .img02_1 {
        position: absolute;
        inset: 0;
        margin: auto; }
        .sec02 .design_box_02 .image_box .img04s .img02_1 img.ani3 {
          display: flex;
          justify-content: center;
          transition: all 0.3s ease-in-out;
          position: absolute;
          inset: 0;
          margin: auto;
          -webkit-filter: drop-shadow(0px 0px 8px #dcfd40) drop-shadow(0px 0px 7px #dcfd40);
          filter: drop-shadow(0px 0px 7px #dcfd40) drop-shadow(0px 0px 8px #dcfd40);
          animation: img04s_animation 3s linear infinite; }

.sec03 {
  background: #eeeeee;
  padding-top: clamp(60px, 10%, 100px);
  padding-bottom: clamp(60px, 10%, 100px); }
  .sec03 .sec03_head {
    font-size: clamp(20px, 2.18vw, 28px);
    position: relative;
    z-index: 1;
    margin-bottom: clamp(40px, 5.84%, 70px); }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_head {
        margin-bottom: 20px; } }
  .sec03 .sec03_wrap .design_box_05 .image_wrap,
  .sec03 .sec03_wrap .design_box_05 .image_cap_wrap {
    max-width: 566px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    align-content: start;
    justify-content: space-between;
    grid-gap: 8px; }
    .sec03 .sec03_wrap .design_box_05 .image_wrap .image_box,
    .sec03 .sec03_wrap .design_box_05 .image_cap_wrap .image_box {
      width: calc(50% - 4px); }
  .sec03 .sec03_wrap .design_box_06 .image_wrap {
    max-width: 565px;
    display: grid;
    align-items: start;
    align-content: start;
    justify-content: space-between;
    grid-auto-flow: dense;
    gap: 0 4.07%;
    grid-template-columns: repeat(2, 1fr); }
  .sec03 .design_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec03 .design_wrap {
        flex-direction: column;
        gap: 30px 0; } }
    .sec03 .design_wrap .design_box {
      width: 46.88%; }
      @media screen and (max-width: 768px) {
        .sec03 .design_wrap .design_box {
          width: 48%; } }
      @media screen and (max-width: 480px) {
        .sec03 .design_wrap .design_box {
          width: 100%;
          position: relative;
          z-index: 1; } }
      .sec03 .design_wrap .design_box .design_head {
        display: flex;
        flex-direction: column;
        font-size: clamp(20px, 1.87vw, 24px);
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          .sec03 .design_wrap .design_box .design_head {
            margin-bottom: 0.8em; } }
        .sec03 .design_wrap .design_box .design_head .text {
          padding-bottom: 0.6em; }
          @media screen and (max-width: 768px) {
            .sec03 .design_wrap .design_box .design_head .text {
              padding-bottom: 0.4em; } }
        .sec03 .design_wrap .design_box .design_head::after {
          content: "";
          display: block;
          width: 100%;
          height: 3px;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
      .sec03 .design_wrap .design_box.design_box_06 .design_head::after {
        background-image: url("/bunjyo/kobemizukidai/img/design/bg_head_01.jpg"); }
      .sec03 .design_wrap .design_box.design_box_05 .design_head::after {
        background-image: url("/bunjyo/kobemizukidai/img/design/bg_head_03.jpg"); }
      .sec03 .design_wrap .design_box .read_copy {
        margin-bottom: 2.85em; }
  .sec03 .cap {
    background: rgba(0, 0, 0, 0.6);
    font-size: 10px;
    display: block;
    padding: 3px 5px;
    line-height: 1.5;
    color: #333;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    line-height: 1.5;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 15%); }

.image_wrap_cap {
  max-width: 566px; }

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