@charset "utf-8";
/*--------------------------------------------------------
ファーストビュー
--------------------------------------------------------*/
.top-fv-catch {
  position: absolute; 
  top: 36%;
  right: 4%;          
  color: var(--white);
  font-size: clamp(1.375rem, 0.392rem + 4.92vw, 5rem);/* w320=22px → w1500=80px */ 
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  text-align: right;
  padding: 0 20px; /* スマホで文字が端に寄りすぎないように */
  z-index: 10; 

    text-shadow:
    0 0 10px rgba(100, 100, 100, 0.8),
    0 0 8px rgba(100, 100, 100, 0.6),
    0 0 12px rgba(100, 100, 100, 0.4);
}
.top-fv-catch-sub{
  margin-top: 20px;
  font-size: clamp(0.875rem, 0.638rem + 1.19vw, 1.75rem);/* w320=14px → w1500=28px */
    line-height: 1.8em;
    padding-left: 10px;
    letter-spacing: 0.1em;
}

@media screen and (max-width:1020px) {
    .top-fv-catch {
        top: 17%;
        right: 6%;
        text-align: left;
        font-size: clamp(2rem, 0.392rem + 4.92vw, 5rem);
    }
   .top-fv-catch-sub {
        font-size: clamp(1rem, 0.638rem + 1.19vw, 1.75rem);
        padding-right: 18px;
    }
}


/*--------------------------------------------------------
緊急お知らせ
--------------------------------------------------------*/
.fv-alert-icon {
  width: 2%;
  width: 2%;
  background: url("/shiraniwa/upload/icon-attention.svg") no-repeat center/contain;
  margin-left: 1%;
}
.fv-alert-inner:hover .fv-alert-icon {
  background-image: url("/shiraniwa/upload/icon-attention-black.svg");
}

/*--------------------------------------------------------
診療科目
--------------------------------------------------------*/
.category-sec{
  background-image: url("/shiraniwa/upload/backgroud-blue.webp");
}


/*--------------------------------------------------------
  手術件数
--------------------------------------------------------*/
.operation-content{
  width: 92%;
  max-width: 1585px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 80px auto;
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 700;
}
.operation-inner{
  width: 31%;
  background-image: url("/shiraniwa/upload/operation-img-1.webp");
  background-repeat: no-repeat;      
  background-size: cover;           
  background-position: center;     
  padding: 40px 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* x方向, y方向, ぼかし, 色 */
  position: relative;
  overflow: hidden; /* 疑似要素がはみ出さないように */
  transition: all 1s ease;
}
/* hover時のシャドウ拡大 */
.operation-inner:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
/* 画像を明るくする用のオーバーレイ */
.operation-inner::before {
  content: "";
  position: absolute;
  inset: 0; /* top,right,bottom,left全部0 */
  background: rgba(255,255,255,0); /* 通常は透明 */
  transition: background 1s ease;
  border-radius: 10px;
}
/* hover時に明るくする */
.operation-inner:hover::before {
  background: rgba(255,255,255,0.6); /* 白を40%重ねて明るく */
}

.operation-title-wrapper {
  text-align: center;      /* inline-blockを中央に配置 */
  color: var(--base1)
}

.operation-title {
  display: inline-block;   /* 文字幅に合わせる */
  font-size: clamp(1.25rem, 0.642rem + 1.27vw, 1.75rem);/* w1024=16x → w1400=22px */

  border-bottom: solid 1px var(--base1);
  padding-bottom: 10px;
  margin: 0 auto 20px;
}
.operation-year{
  font-size: clamp(1rem, -0.021rem + 1.6vw, 1.375rem);/* w768=16px → w1500=22px */
  margin-bottom: 10px;
}
.operation-year-small{
font-size: clamp(0.875rem, 0.194rem + 1.06vw, 1.125rem);/* w1024=14px -> w1400=18px */
}

.operation-number{
font-size: clamp(1.5rem, -2.17rem + 7.65vw, 5rem); /* w768=24px -> w1500=80px */
  font-family: "Inter", sans-serif;
  margin-bottom: 10px;
}
.operation-number-small{
  font-size: clamp(1.125rem, 0.338rem + 1.64vw, 1.875rem); /* w768=18px -> w1500=30px */
}
.operation-arrow{
  width: 10%;
  margin: 0 auto;
}

/*--------------------------------------------------------
  新着情報
--------------------------------------------------------*/
.news-inner {
  width: 100%;
  display: block;
  padding: 20px 10px;
  position: relative;
  overflow: hidden; /* 疑似要素がはみ出さないように */
transition: background-color 1s ease; /* 背景色の変化を0.5秒 */
  border-bottom: solid 1px #d4d4d4;
}
/* hover時：背景をlightblue、シャドウなし */
.news-inner:hover {
  background-color: var(--lightblue);   /* 背景色変更 */
}


/*--------------------------------------------------------
  活動
--------------------------------------------------------*/
.activity-background {
  background-image: url("/shiraniwa/upload/activity-background-1.webp");
}



/*--------------------------------------------------------
  ピックアップ
--------------------------------------------------------*/
/* 自作のSVGを背景に */
.pickup-prev {
  background: url('/shiraniwa/upload/icon-arrow-left.svg') no-repeat center/contain;
}
.pickup-next {
  background: url('/shiraniwa/upload/icon-arrow-right.svg') no-repeat center/contain;
}
/* アクティブ（現在のスライド） */
.pickup-pagination .swiper-pagination-bullet-active {
  background: #db535e; /* ←ブランドカラーなど好きな色 */
}




/************************************************************************************************************************************************************************************
************************************************************************************************************************************************************************************
     スマホ用の設定　ここから
************************************************************************************************************************************************************************************
************************************************************************************************************************************************************************************/
@media screen and (max-width:1020px) {
/*--------------------------------------------------------
緊急お知らせ
--------------------------------------------------------*/
.fv-alert-inner:hover .fv-alert-icon {
  background-image: url("/shiraniwa/upload/icon-attention-black.svg");
}
.fv-alert-date::after {
	background: url("/shiraniwa/upload/icon-attention.svg") no-repeat center/contain;
  
}
.fv-alert-inner:hover .fv-alert-date::after {
  background-image: url("/shiraniwa/upload/icon-attention-black.svg");
}


/*--------------------------------------------------------
診療科目
--------------------------------------------------------*/
.category-inner::after {
	background-image: url(/shiraniwa/upload/icon-link.svg);
}



/*--------------------------------------------------------
  手術件数
--------------------------------------------------------*/
.operation-content{
  width: 90%;
  max-width: 90%;
  display: block;
  margin: 30px auto;
}
.operation-inner{
  width:100%;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .operation-content{
  width: 92%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto;
  padding-top: 20px;
  padding-bottom: 10px;
}
  .operation-inner{
  width: 31%;
  padding: 40px 10px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.1); /* x方向, y方向, ぼかし, 色 */
  position: relative;
  overflow: hidden; /* 疑似要素がはみ出さないように */
  transition: all 1s ease;
}
}

.operation-title {
  display: block;
  width: 90%;
}
.operation-number{
	font-size: 50px;
}

/*--------------------------------------------------------
  白庭TOPメインビジュアル調整
--------------------------------------------------------*/
<!-- .top-fv .slide-img img:last-child  {
        object-position: 10% 80%;
} -->

} /**** END media screen *****/

/*--------------------------------------------------------
  診療科・部門
--------------------------------------------------------*/
#contents.sinryo .lead_txt:nth-child(n+2) > h1 {
	display: none;
}