@import url(common.css);
body {
  font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*------------------------------------------
    おすすめボックス
------------------------------------------*/
.plan_box01 {
  position: relative;
  padding: 0.6em;
  background: #d7003a;
  /*#e0edff;*/
  border-radius: 7px;
  color: #fff;
  width: 250;
  font-size: 1.25em;
  font-weight: bold;
}

.plan_box01::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 15px;
  border: 15px solid transparent;
  border-top: 15px solid #d7003a;
  width: 0;
  height: 0;
}

.n-model::after {
  position: absolute;
  font-family: "Quicksand", "Avenir", "Arial", sans-serif;
  content: "\NEW";
  transform: rotate(-20deg);
  /*要素を回転*/
  background: red;
  /*#008080;*/
  color: #ffffff;
  /*left: -20px;*/
  left: 0px;
  font-weight: bold;
  bottom: 95%;
  border-radius: 5px;
  padding: 5px 7px 3px;
  font-size: 0.7em;
}

.box02 {
  padding: 0.5em 2em;
}

span.text-icon {
  display: inline-block;
  background: #df002c;
  padding: 1px 5px;
  margin-left: 5px;
  /* 先行する文字列との間隔 */
  vertical-align: middle;
  /* 先行する文字列と上下中央揃え */
  font-size: 0.6em;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  /* アイコンの角を丸める */
}

a#rc_sekourei {
  width: 87px;
  /*画像の全体幅*/
  position: fixed;
  top: 450px;
  right: -50px;
  /*マウスを乗せた時に出てくる幅*/
  display: inline-block;
  transition: all 0.2s ease;
  z-index: 9999;
}

a#rc_sekourei:hover {
  right: 0;
}
.item_box_maxi {
  padding: 1em;
}
section {
  padding-bottom: 2em;
}

/* -----------------------------
        セクション1
        ----------------------------- */
section:nth-of-type(1) img {
  display: block;
  max-width: 680px;
  margin: 0 auto;
}

section:nth-of-type(1) p {
  margin-left: 1em;
}

/* -----------------------------
        ドアホン対応エリアテーブル（大元のページのみ）
        ----------------------------- */
.dp-area-table table {
  width: 680px;
  border-collapse: collapse;
  margin: 0 auto;
}

.dp-area-table table caption {
  background-color: #669933;
  color: #fff;
  font-weight: 500;
  font-size: 19px;
  padding: 0.5em;
}

.dp-area-table table tbody tr td {
  border: #a9a9a9 1px solid;
  padding: 0.7em;
}

.dp-area-table table tbody tr td:nth-of-type(1) {
  width: 100px;
}

.dp-area-table table tbody tr td:nth-of-type(2) {
  font-size: 15px;
}

/* 1,6行目（茨城県、岐阜県） */
.dp-area-table table tbody tr:nth-of-type(1),
.dp-area-table table tbody tr:nth-of-type(6) {
  background-color: #cce5ff;
}

.dp-area-table table tbody tr:nth-of-type(1) td:nth-of-type(2),
.dp-area-table table tbody tr:nth-of-type(6) td:nth-of-type(2) {
  background-color: #effff7;
}

/* 2、7行目（千葉県、滋賀県） */
.dp-area-table table tbody tr:nth-of-type(2),
.dp-area-table table tbody tr:nth-of-type(7) {
  background-color: #ccffcc;
}

.dp-area-table table tbody tr:nth-of-type(2) td:nth-of-type(2),
.dp-area-table table tbody tr:nth-of-type(7) td:nth-of-type(2) {
  background-color: #f7ffef;
}

/* 3、8行目（埼玉県、その他エリア） */
.dp-area-table table tbody tr:nth-of-type(3),
.dp-area-table table tbody tr:nth-of-type(8) {
  background-color: #ffffcc;
}

.dp-area-table table tbody tr:nth-of-type(3) td:nth-of-type(2),
.dp-area-table table tbody tr:nth-of-type(8) td:nth-of-type(2) {
  background-color: #ffffef;
}

/* 4行目（大阪府） */
.dp-area-table table tbody tr:nth-of-type(4) {
  background-color: #e0c1ff;
}

.dp-area-table table tbody tr:nth-of-type(4) td:nth-of-type(2) {
  background-color: #e6e6fa;
}

/* 5行目（富山県） */
.dp-area-table table tbody tr:nth-of-type(5) {
  background-color: #ffdbed;
}

.dp-area-table table tbody tr:nth-of-type(5) td:nth-of-type(2) {
  background-color: #fff4f9;
}
/* -----------------------------
セクション2以降
----------------------------- */

/* 青ボタン本体価格＋標準工事費のところ */
section .text-wap {
  width: 680px;
  margin: 2em auto 2em;
}

/* ※価格は予告なく～ */
section .text-wap p:nth-of-type(1) {
  padding-top: 0.5em;
}

section .text-wap p:nth-of-type(2) {
  font-size: 15px;
}
/* 税抜き */
section .text-wap p span {
  color: red;
}

.item_box_maxi {
  margin: 0 auto;
}

.item_box_maxi h3 {
  margin-top: 1em;
}

section {
  padding-bottom: 2em;
}

/* お問い合わせボタン */
section .btoc-contact {
  margin: 2em auto 1em;
}
#fomz .btoc-contact p:first-of-type {
  color: #fff;
}