@charset "utf-8";
/* タブレット用 */
@media (max-width: 1024px) {			/* メディアクエリ追加（1024px以下） */
  .main-visual {
    padding-top: 120px;
    padding-bottom: 80px;
  }
  .top-title {
    font-size: 60px;
  }
  .menu-card {
    width: 50%;							/* 横幅を50% = 2列表示 */
  }

  .ad-big-banner {
    display: none;						/* 広告を非表示にする */
  }

  .contact {
    padding: 90px 50px 60px;			/* お問い合わせの位置を調整 */
  }
}
/* スマートフォン用 */
@media (max-width: 670px) {				/* メディアクエリ追加（670px以下） */
  .header-left {
    display: none;						/* ロゴを非表示にする */
  }
  .header-right {
/* ローカライズ化にともない以下の２行をコメントアウト */
/*    float: none;*/						/* floatの効果を無効化 */
/*    text-align: center;*/					/* メニューを中央表示 */
  }
  .header-right a {
    font-size: 14px;					/* メニューの文字サイズを小さくする */
  }
  .main {
    padding: 60px 0;					/* メイン部分の上下余白を小さくする */
  }
  .main-image {
    width: 280px;						/* メイン部分の画像の横幅を280pxに指定 */
  }
  .main p {
    font-size: 13px;					/* メイン部分の文字サイズを13pxに指定 */
  }
  .footer-right {
    padding-top: 20px;					/* フッター右側の上の余白を小さくする */
  }
  .menu-card {
    width: 100%;						/* 横幅を100% = 1列表示 */
  }
  .contact input, .contact textarea {
    width: 100%;
  }

  .ad-big-banner {
    display: none;						/* 広告を非表示にする */
  }

  #sidebar {
    display: none;						/* 広告を非表示にする */
  }
  .contact {
    padding: 90px 0 60px;				/* お問い合わせの位置を調整 */
  }
  .errbox {
    padding: 90px 0 60px;				/* エラーページの位置を調整 */
  }
}