@charset "utf-8";

/*
 * START-タブレット対応.
 * 仕様1：PCでは1260px辺りから横スクロール発生(Chrome).
 * 仕様2：1300px以下～767pxまでをタブレットサイズとする.
 * 仕様3：対象の画面は4つ,詳細画面,入力画面,確認画面,完了画面.
 */
@media screen and (max-width: 1300px){
/* 全ページ共通(詳細画面ベース). */
#ss_stage{
  width: 100%;
}

#ss_stage #ss_container{
  width: 100%;
}

#ss_stage #ss_container #ss_contents .ss_heading01{
  width: 100%;
  margin-left: 0;
}

#ss_stage #ss_container #ss_contents .ss_section,
#ss_stage #ss_container #ss_contents .ss_contactBoxON,
#ss_stage #ss_container #ss_contents .ss_pageNavi{
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

/* 詳細画面の画像幅100％ 20180823 */
.sb_sb_preview #ss_stage #ss_container .ss_section.preview_section img{
  width: 100%;
}

#ss_stage .contact dd.line04{
  left: 150px;
}

/* 入力画面.確認画面.完了画面. */
#ss_stage .ss_form{
  width: 96%;
  margin: 0 auto;
}

}

/*
 * START-スマホバグ対応.
 * 特定アンドロイドで崩れる
 */
 @media screen and (max-width: 768px){

/* 入力画面input幅の100%指定 20180823 */
#ss_stage .ss_form input[type="text"],
#ss_stage .ss_form textarea,
#ss_stage .ss_form select{
  width: 100%;
}
 }
/* END-タブレット対応. */