@charset "UTF-8";
/* CSS Document */
.section-top {
    margin-top: 90px;
    }
.section-top h2 {
    font-size: clamp(22px, 2.5vw, 36px);
    line-height: 1.8;
    text-align: center;
    margin-bottom: 40px;
 }
 /* .section-top h2::first-line {
   font-size: clamp(18px, 2.8vw, 36px);
 } */
.section-top p {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.5;
    margin-bottom: 160px;
 }
 .section-top figure {
   text-align: center;
   margin-bottom: 40px;
   display: block;
   max-width: 100%;
   height: auto;
 }
 .section-top__img {
   width: calc(230vw / 14.4);
   height: calc(308vw / 14.4);
   background-color: #fff;
   border: 10px solid #fff;
   box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
}
 @media(max-width:1024px) {
   .section-top {
      margin-top: 120px;
      }
.section-top h2 {
    line-height: 1.6;
     }
.section-top__lead-break::after {
    content: "\A";
    white-space: pre;
  }
.section-top p {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.5;
    margin-bottom: 90px;
 }
 .section-top__img {
   width: 150px;
   height: 200px;
   background-color: #fff;
   border: 6px solid #fff;
   box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
}
}

.gallery_group1 {
    display: flex;
    justify-content: center;
    gap: clamp(72px, 8.3vw, 120px);
    align-items: center;
    margin-bottom: 120px;
 }
 .gallery_group1 figure {
    display: block;
    max-width: 100%;
    height: auto;
 }
 .gallery_group1-item2 {
    width: calc(668vw / 14.4);
    height: calc(576vw / 14.4);
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
 }
 .gallery_group1  p{
    margin-top: 1em;
    max-width: 275px;
 }
 @media(max-width:1024px) {
    .gallery_group1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        margin-bottom: 90px;
     }
 
     .gallery_group1-item2 {
        width: 334px;
        height: 287px;
        background-color: #fff;
        border: 6px solid #fff;
        box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
     }
     .gallery_group1  p{
        margin-top: 1em;
        max-width: 334px;
     }
   }
 .gallery_group2 {
    display: flex;
    justify-content: center;
    gap: clamp(72px, 8.3vw, 120px);
    align-items: center;
    margin-bottom: 120px;
 }
 .gallery_group2 figure {
    display: block;
    max-width: 100%;
    height: auto;
 }
/* .gallery_group2-item3 {
    width: 570px;
    height:429px;
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
} */
.gallery_group2-item4 {
    width: calc(374vw / 14.4);
    height: calc(282vw / 14.4);
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
}
.gallery_group2  p{
    margin-top: 1em;
    max-width: 374px;
 }
 @media(max-width:1024px)  {
    .gallery_group2 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
        margin-bottom: 90px;
     }
    /* .gallery_group2-item3 {
        width: 348px;
        height:262px;
        background-color: #fff;
        border: 6px solid #fff;
        box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
    } */
    .gallery_group2-item4 {
        width: 237px;
        height:179px;
        background-color: #fff;
        border: 6px solid #fff;
        box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
    }
    .gallery_group2  p{
        margin-top: 1em;
        max-width: 237px;
     }
 }
 
 .gallery_group3 figure {
    display: block;
    max-width: 100%;
    height: auto;
 }
 .gallery_group3__1 {
    display: flex;
    flex-direction:row-reverse;
    justify-content: center;
    gap: clamp(72px, 8.3vw, 120px);
    align-items: center;
    margin-bottom: 72px;
 }
 .gallery_group3__1 p {
    max-width: 402px;
 }
.gallery_group3-item5 {
    width: calc(333vw / 14.4);
    height: calc(492vw / 14.4);
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
}
.gallery_group3__2 {
    display: flex;
    justify-content: center;
    gap: clamp(72px, 8.3vw, 120px);
    align-items: center;
}
.gallery_group3__2 p {
    max-width: 395px;
 }
 .gallery_group3-item6 {
    width: calc(492vw / 14.4);
    height: calc(333vw / 14.4);
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
 }
 @media(max-width:1024px) {
    .gallery_group3 {
        margin-bottom: 90px;
     }
     .gallery_group3 figure {
        display: block;
        max-width: 100%;
        height: auto;
     }
     .gallery_group3__1 {
        display: flex;
        gap: 0;
        flex-direction:column;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 72px;
     }
     .gallery_group3__1 p {
        margin-top: 1em;
        max-width: 218px;
     }
    .gallery_group3-item5 {
        width: 218px;
        height:322px;
        background-color: #fff;
        border: 6px solid #fff;
        box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
    }
    .gallery_group3__2 {
        display: flex;
        gap: 0;
        flex-direction:column;
        justify-content: center;
        align-items: flex-end;
        margin-bottom: 72px;
    }
    .gallery_group3__2 p {
        margin-top: 1em;
        max-width: 322px;
     }
     .gallery_group3-item6 {
        width: 322px;
        height:218px;
        background-color: #fff;
        border: 6px solid #fff;
        box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
     }
 }
 .gallery_group4 {
    display: flex;
    justify-content:center;
    gap: clamp(72px, 8.3vw, 120px);
    align-items: flex-end;
    margin-bottom: 120px;
 }
 .gallery_group4 figure {
    display: block;
    max-width: 100%;
    height: auto;
 }
 .gallery_group4-item7 {
    width: calc(374vw / 14.4);
    height: calc(282vw / 14.4);
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
}
.gallery_group4__text1 {
    max-width: 374px;
}
.gallery_group4__2 {
   padding: 120px 0;
}
.gallery_group4-item8 {
    width: 570px;
    height:429px;
    width: calc(570vw / 14.4);
    height: calc(429vw / 14.4);
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
}
.gallery_group4__text2 {
    max-width: 570px;
}
@media(max-width:1024px) {
    .gallery_group4 {
        display: flex;
        flex-direction: column;
        align-items:center;
        gap: 72px;
        margin-bottom: 90px;
     }
     .gallery_group4__1 {
      padding: 0 5em 0 0;
     }
     .gallery_group4-item7 {
        width: 234px;
        height:176px;
        background-color: #fff;
        border: 6px solid #fff;
        box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
    }
    .gallery_group4__text1 {
        max-width: 234px;
    }
    .gallery_group4__2 {
      padding: 0 0 0 4em;
   }
    .gallery_group4-item8 {
        width: 298px;
        height:224px;
        background-color: #fff;
        border: 6px solid #fff;
        box-shadow: 4px 4px 6px rgba(51, 51, 51, 0.2);
    }
    .gallery_group4__text2 {
        max-width: 298px;
    }
   }