@charset "UTF-8";

/* お見積もりページ：画面いっぱいレイアウト */
.estimate-full-screen {
  width: 100%;
  /* ヘッダーと追従ナビの分の高さを引いて、ピッタリ画面に収める */
  /* ヘッダー(約65px~95px) + 追従ナビ(約75px~90px) を考慮 */
  height: calc(100vh - 140px); 
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

.iframe-wrapper {
  flex: 1; /* 親要素の高さの残りを全て使う */
  width: 100%;
  -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかに */
}

.iframe-wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
}

/* PC：ヘッダーやナビの高さが変わる場合の微調整 */
@media (min-width: 768px) {
  .estimate-full-screen {
    height: calc(100vh - 185px); /* PCのヘッダー・ナビ高に合わせる */
  }
}