@charset "utf-8";

.zig_intro{width:90vw;margin:0 auto;margin-bottom: 40px;}
.zig_one{background-color:#F5F5F5;padding:15px 0;}
.zig_title{display:flex;flex-direction:row;align-items:center;width:80vw;margin:0 auto;margin-bottom:15px;}
.zig_numbers{color:#004680;font-weight:bold;display:flex;flex-direction:column;align-items:center;margin-right:20px;}
.zig_number{font-size:50px;line-height:50px;margin-top:-10px;}
.zig_main_title{font-weight:bold;color:white;background:linear-gradient(transparent 0%,#004680 0%);font-size:28px;line-height:35px;}
.zig_photo{margin-bottom:20px;}
.zig_photo img{width:100%;}
.zig_text_wrap{width:80vw;margin:0 auto;}
.zig_text{margin-bottom:20px;text-align:justify;}
.zig_text mark{font-weight:bold;color:#004680;background:linear-gradient(transparent 0%,#FDFD9A 0%);}

.zig_wrap{width: 90vw;margin: 0 auto;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;align-items:flex-start;padding-bottom: 80px;}
.zig_wrap .content{position:relative;}
.zig_wrap .num{position:absolute;top:-1rem;left:1rem;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;aspect-ratio:1/1;min-width:0;background-repeat:no-repeat;background-image:url(../images/common/badge.svg);background-size:contain;text-align:center;color:#fff;font-size:2.25rem;letter-spacing:.08em;line-height:1;}
.zig_wrap .num span{font-size:.813rem;}
.zig_wrap .bg{position:relative;padding:4.25rem 1.5rem 1.5rem;background-color:#fff;border-radius:.25rem;overflow:hidden;}
.zig_wrap .ttl{position:relative;z-index:10;margin-bottom:.75rem;font-size:4.75vw;white-space:nowrap;}
.zig_wrap .txt{font-size:.929rem;line-height:2;}
.zig_wrap .btn{margin-top:1.25rem;}
.zig_wrap .icn{width:calc(184px/2);}

/* 縦線 */
.zig_wrap {display: grid;grid-template-columns: 1fr;grid-gap: 2rem;position: relative;}
.zig_wrap .content {position: relative;padding: 1rem;border-radius: .5rem;background: #F5F5F5;}
.zig_wrap .content:not(:last-child)::before {content: "";position: absolute;bottom: -2rem;left: 50%;width: 0;height: 2rem;border-left: 2px dashed #004680;transform: translateX(-50%);}
.button_normal{width: 90vw;margin-bottom: 80px;}

@media(min-width:768px){
  .zig_one{display: flex;flex-direction: row;gap: 40px;align-items: center;}
  .zig_one .button{margin-top: 30px;}
  .zig_title{width: auto;}
  .zig_wrap .content{width: 90vw;padding: 1rem 3rem;}
  .zig_text{margin-bottom: 0;}
  .zig_main_title{font-size: min(2.8vw,28px);}
  .zig_wrap{margin-top:0px;}

}

@media(min-width:1300px){
  .zig_intro{width:min(90vw,1320px);text-align:center;}
  .zig_one{padding:0 0 20px 0;flex-direction: column;gap: 0;display: initial;}
  .zig_one .button{margin-top: 0px;}
  .zig_title_wrap{display: flex;flex-direction: row;justify-content: space-between;}
  .zig_title{flex-direction:column;width:initial;margin:0;margin-left:1vw;position: relative;}
  .zig_numbers{position: absolute;top: -60px;left: -7px;}
  .zig_number{font-size:72px;line-height:75px;}
  .zig_main_title{margin-top: 80px;font-size: min(1.8vw,28px);}
  .zig_number_e{font-size:26px;}
  .zig_text_wrap{width: min(35vw,540px);line-height:2;}
  .zig_photo{width:300px;}
  .zig_wrap{width: min(90vw,1320px);grid-template-columns:1fr 1fr;margin: 0 auto;margin-top:270px;}
  .zig_wrap .content{width: min(43vw,630px);}

  .zig_wrap .content:nth-child(1){margin-top:-33%;}
  .zig_wrap .content:nth-child(3){margin-top:-28%;}
  .zig_wrap .content:nth-child(5){margin-top:-25%;}
  .zig_wrap .content:nth-child(7){margin-top:-25%;}


  .zig_wrap .content:nth-child(odd)::before{right:0;transform:rotate(45deg);transform-origin:bottom right;}
  .zig_wrap .content:nth-child(even)::before{left:0;transform:rotate(-45deg);transform-origin:bottom left;}
  .zig_wrap .content:nth-child(1)::before{bottom:30%;}
  .zig_wrap .content:nth-child(2)::before{bottom:-17%;}

  /* 斜め線 */
  .zig_wrap {grid-template-columns: 1fr 1fr;grid-gap: 3rem;padding-bottom: 120px;}
  .zig_wrap .content {padding: 2rem;}
  .zig_wrap .content:not(:last-child)::before {width: 12rem;height: 4rem;border: none;border-top: 2px dashed #004680;position: absolute;bottom: 0;z-index: -1;left: 74%;}
  .zig_wrap .content:nth-child(odd)::before {right: 0rem;transform: rotate(45deg);transform-origin: bottom right;z-index: -1;}
  .zig_wrap .content:nth-child(even)::before {left: -2rem;transform: rotate(-45deg);transform-origin: bottom left;}

  .button_normal{width: 400px;}

}