@charset "UTF-8";
.l-footer-contact .p-mail-btn{
  height: 70px;
}

.l-footer-map{
  border-radius: 0;
}

.l-footer-map .google-map{
  display: block;
  width: 100%;
  height: 340px;
}

.l-footer-credit{
  margin-top: 14px;
}

@media screen and (max-width: 767px){
  .l-footer-credit{
    max-width: 100%;
    width: 350px;
    margin: 14px auto 0px;
  }
}

.l-footer-credit ul{
  display: flex;
  flex-wrap: wrap;
  margin: -10px -20px;
}

@media screen and (max-width: 767px){
  .l-footer-credit ul{
    justify-content: center;
  }
}

.l-footer-credit ul li{
  padding: 10px 20px;
}

.l-nav__col.-navcol-cases{

}

.l-nav__col.-navcol-cases .p-medicalnav-content{
  padding: 20px 30px;
}

.l-nav__col.-navcol-cases .p-medicalnav{
  width: 100%;
  justify-content: flex-start;
}

.l-nav__col.-navcol-cases .p-medicalnav li{
  display: flex;
  width: 25%;
  margin: 0;
  padding: 10px 0;
}

.l-nav__col.-navcol-cases .p-medicalnav li a{
  padding-right: 15px;
}

a.disabled{
  pointer-events: none;
  opacity: 0.5;
}




/* ==================================================
  強みセクション：左右交互レイアウト用（強制上書き）
================================================== */
.p-home-strengths__contents.-alternating {
    display: flex !important;
    flex-direction: column !important; /* 縦に積む */
    gap: 80px !important; /* ブロックごとの縦の余白 */
    margin-top: 60px !important;
}

.p-home-strengths__contents.-alternating .p-home-strengths__item {
    display: flex !important;
    align-items: center !important; /* 縦方向の中央揃え */
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important; /* 既存の横並び用マージンを強制リセット */
    gap: 60px !important; /* テキストと画像の間の隙間 */
}

/* 2つ目のブロックで左右を入れ替える */
.p-home-strengths__contents.-alternating .p-home-strengths__item.-reverse {
    flex-direction: row-reverse !important;
}

/* テキストと画像エリアの幅を調整 */
.p-home-strengths__text {
    width: 48% !important;
    text-align: left !important;
}
.p-home-strengths__pic {
    width: 48% !important;
}

/* 画像のスタイル */
.p-home-strengths__pic img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: static !important;
    transform: none !important;
    max-width: 100% !important;
    border-radius: 12px; /* 少し角を丸くして柔らかい印象に */
}

/* 見出しとテキストのスタイル */
.p-home-strengths__title {
    color: #74b263 !important;
    font-size: 2.2rem !important;
    font-family: GenJyuuGothic-P, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    text-align: left !important;
}
.p-home-strengths__desc {
    font-size: 1.5rem !important;
    line-height: 2 !important;
    color: #333 !important;
    text-align: left !important;
}

/* ----------------------------------
  スマホ表示用（画面幅が狭いときは縦並びに戻す）
---------------------------------- */
@media screen and (max-width: 767px) {
    .p-home-strengths__contents.-alternating {
        gap: 50px !important;
    }
    .p-home-strengths__contents.-alternating .p-home-strengths__item,
    .p-home-strengths__contents.-alternating .p-home-strengths__item.-reverse {
        flex-direction: column !important; /* スマホでは全て縦並び */
        gap: 20px !important;
    }
    .p-home-strengths__text,
    .p-home-strengths__pic {
        width: 100% !important;
    }
    .p-home-strengths__title {
        font-size: 1.8rem !important;
        margin-bottom: 15px !important;
    }
    .p-home-strengths__desc {
        font-size: 1.4rem !important;
    }
}


/* 「当院の強み」の画像を同じ大きさに揃える */
.p-home-strengths__pic img {
    width: 100% !important;
    aspect-ratio: 4 / 3; /* ここで縦横の比率を決めています */
    object-fit: cover !important; /* はみ出た部分を自動でいい感じにトリミングします */
		
}


/* 「設備・機材」の画像を同じ大きさに揃える */
.p-about__equipment__photo img {
    width: 100% !important;
    height: 100% !important; /* 高さを親要素（枠）に合わせる */
    aspect-ratio: 6 / 5; /* 縦横の比率。少し縦長の長方形にします */
    object-fit: cover !important; /* はみ出た部分を自動でトリミング */
}

/* 画像を囲んでいる枠の高さも揃える（おまけ） */
.p-about__equipment__photo {
    aspect-ratio: 6 / 5;
    overflow: hidden;
    border-radius: 10px; /* ここで角丸の設定が生きてきます！ */
	
}


.p-features__list__img {
  width: 100% !important;
    height: 100% !important; /* 高さを親要素（枠）に合わせる */
    aspect-ratio: 450 / 300; /* 縦横の比率。少し縦長の長方形にします */
    object-fit: cover !important; /* はみ出た部分を自動でトリミング */
}

.p-features__list__img {
	 aspect-ratio: 450 / 300;
    overflow: hidden;
    border-radius: 10px; /* ここで角丸の設定が生きてきます！ */
}

/* スマホメニューの「アクセス駐車場」の下に余白を追加 */
.l-drawer__contact .p-block-info__links__wrap {
    margin-bottom: 20px; 
}

/* スマホ下部の固定LINEボタンを全幅にする */
@media screen and (max-width: 767px) {
.l-nav-fixed--btn.-green-btn {
    width: 33% !important;
    max-width: 100% !important;
    border-radius: 0 !important; /* 端までピッタリつけるために角丸を解除 */
    flex: none !important; /* flexの影響を受けている場合の上書き */
}

/* 擬似要素(:before)についている左側の角丸も解除する */
.l-nav-fixed--btn.-green-btn::before {
    border-radius: 0 !important;
}
}
.facility-standard {
    padding: 80px 0;
    background: #f8f8f8;
}

.facility-standard .inner {
    width: min(1000px, 92%);
    margin: 0 auto;
    text-align: center;
}

.facility-standard .section-title {
    font-size: 2rem;
    margin-bottom: 25px;
}

.facility-standard__text {
    line-height: 2;
    margin-bottom: 30px;
	    padding: 0 1rem;
}

.facility-standard__btn a {
    display: inline-block;
    padding: 15px 40px;
    background: #0f7cbf;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    transition: .3s;
}

.facility-standard__btn a:hover {
    opacity: .8;
}
.voice-img{
    cursor:pointer;
}

/* モーダル */
#imgModal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

#modalImg{
    max-width:90%;
    max-height:90%;
}

.close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:50px;
    font-weight:bold;
    cursor:pointer;
    line-height:1;
}
@media (max-width: 768px) {
    .close {
        top: 70px;
        right: 20px;
        font-size: 40px;
    }
}