@charset "UTF-8";

/* =====================================================
   公開情報ページ (page-disclosure.php)
   ===================================================== */
.main_container {
   min-height: calc(100vh - 188px);
   padding-top: 160px;
   padding-bottom: 92px;
   background-image: url(../images/disclosure_background-img.webp);
   background-repeat: repeat-y;
   background-size: 120% auto;
   background-position: center top;
}

.content-title_wrap.align-center {
   font-size: clamp(1.625rem, 0.652rem + 3.46vw, 2.313rem);
   font-weight: 700;
   padding: 12px 0;
   text-align: center;
   position: relative;
   color: #343434;
}

.content-title_wrap.align-center::before {
   content: "";
   position: absolute;
   top: -6px;
   left: 50%;
   transform: translateX(-50%);
   width: 27px;
   height: 22px;
   background-image: url(../images/diamond_img.png);
   background-size: cover;
}

.content-title_wrap.align-center::after {
   content: "";
   position: absolute;
   bottom: -6px;
   left: 50%;
   transform: translateX(-50%);
   width: 108px;
   height: 11px;
   background-image: url(../images/title-border.png);
   background-size: cover;
}

.disclosure-wrapper {
   max-width: 1360px;
   width: 90%;
   margin: 66px auto 0;
   padding: 60px 0;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, 0.34); 
   backdrop-filter: blur(24px) brightness(1.03);
   -webkit-backdrop-filter: blur(24px) brightness(1.03);
}

.disclosure-group {
   max-width: 1148px;
   width: 90%;
   margin: 0 auto;
}

.disclosure-group + .disclosure-group {
   margin-top: 54px;
}

.disclosure-group-title {
   position: relative;
   display: flex;
   align-items: center;
   gap: 16px;
   font-size: 1.5rem;
}

.disclosure-group-title::after {
   content: "";
   position: absolute;
   left: 12px;
   right: 0;
   bottom: 0;
   border-bottom: 2px solid #4B8DCA;
}

.disclosure-group-number {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 56px;
   height: 51px;
   border-radius: 12px;
   font-size: 1.75rem;
   font-weight: bold;
   color: #fff;
   background-color: #4B8DCA;
}

.disclosure-document-list {
   margin-top: 16px;
}

.disclosure-document-item {
   padding: 18px 0 4px 12px;
   border-bottom: 2px dashed #4B8DCA;
   font-size: 1.125rem;
}

.disclosure-document-item:last-child {
   border-bottom: none;
}

.disclosure-document-item a {
   color: #4B8DCA;
   transition: all 0.3s ease;
}

.disclosure-document-item a:hover {
   opacity: 0.8;
}

@media screen and (max-width: 768px) {
   .main_container {
      padding-top: 108px;
      padding-bottom: 40px;
   }

   .disclosure-wrapper {
      margin: 40px auto 0;
      padding: 24px 0;
   }

   .disclosure-group {
      margin-top: 32px;
   }

   .disclosure-group-title {
      font-size: 1.25rem;
      gap: 12px;
   }

   .disclosure-group-number {
      width: 44px;
      height: 42px;
      font-size: 1.25rem;
   }

   .disclosure-document-list {
      margin-top: 8px;
   }

   .disclosure-document-item {
      padding: 12px 0 4px 12px;
      font-size: 1rem;
   }
}