@charset "utf-8";

/* ---------------------------------------------------------------------------
 [ class.css ]

 クラス設定

 特定の役割を持った要素へのスタイル定義を行います。
 ただし、接頭辞として（.x-）の使用は禁止します。

 ex.) 禁止例

 li.x-example {

 }

--------------------------------------------------------------------------- */

/* ------------------------------
 サービス利用規約
 免責事項
 プライバシーポリシー
 共通設定
------------------------------ */

.contents_rule {
  margin: 0 0 20px;
}

.rurle_ct_p {
  padding: 0 20px;
}

.contents_rule p,
.contents_rule ul,
.contents_rule ol,
.contents_rule dl {
  font-size: 100%;
}

.contents_rule p,
.contents_rule ol {
  margin: 0 0 10px;
}

.contents_rule ol.deci2 {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    padding-left: 2em;
}
.contents_rule ol.deci2 li {
    list-style-type: decimal;
    margin-bottom: 5px;
}

.contents_rule ul.normal {
    margin-left: 1em;
    list-style-type: disc;
}
.contents_rule ul.normal li {
    margin-left: 1em;
    margin-bottom: 5px;
}


.ct_pl {
  padding: 0 0 0 10px;
}

/* タイトル */
.basic_b {
  margin: 0 0 10px;
  background: url(../../images/contents/bg_border_line_b.gif) repeat-x bottom;
}

.ttl_horizontal_or {
  padding: 3px 0 7px 17px;
  color: #333;
  font-weight: bold;
  font-size: 108%;
  background: url(../../images/contents/bg_horizontal_or.gif) repeat-y left;
}

.contents_rule h4 {
  margin: 20px 0 10px;
  font-weight: bold;
  font-size: 108%;
}

.contents_rule h4 span {
    font-weight: normal;
    margin-left: 10px;
}

/* dl */
dl.rule_df {
  margin: 0 0 18px;
}

dl.rule_df dt,
dl.rule_df dd {
  text-align: right;
}

/* ol */
.contents_rule ol {
}

.contents_rule ol li {
  padding-left: 1em;
  text-indent: -1em;
}


/* ------------------------------
 サービス利用規 設定
------------------------------ */


/* ------------------------------
 免責事項 設定
------------------------------ */


/* ------------------------------
 プライバシーポリシー 設定
------------------------------ */


/* ------------------------------
 会社案内 設定
------------------------------ */

/* 会社紹介 */
.company_intro {
  min-height: 210px;
  height: auto;
  background: url(../../images/contents/flobal_staff.jpg) 15px 0 no-repeat;
}

.company_intro p {
  width: 380px;
  margin: 0 0 0 280px;
  font-size: 100%;
}

/* テーブル */
.type_company_about {
  margin: 0 0 0 15px;
  border-top: 2px solid #ABB2B7;
  border-left: 2px solid #ABB2B7;
}

.type_company_about th,
.type_company_about td {
  line-height: 1.6;
  padding: 0 5px;
  border-right: 2px solid #ABB2B7;
  border-bottom: 2px solid #ABB2B7;
  font-size: 100%;
}

.type_company_about th {
  color: #FFF;
  background: #666;
}

.type_company_about td ul li {
  line-height: 1.6;
}

/* ------------------------------
 工事保険説明 設定
------------------------------ */
.guarantee h2 {
  margin: 0;
  padding: 0;
}

.guarantee p {
  font-size: 17px;
  margin: 10px 0 20px 0;
}

.guarantee ul {
  margin: 10px 0 20px 0;

}

.guarantee li {
  margin: 10px 0;

}

.guarantee ol {
}

.guarantee ol li {
  font-size: 120%;
  list-style-type: decimal;
  margin-left: 1em;
}


/* ------------------------------
 加盟案内 設定
------------------------------ */
.keisai h2 {
  margin: 0;
  padding: 0;
}

.keisai p {
  font-size: 17px;
  margin: 10px 0 20px 0;
}

.keisai ul {
  margin: 10px 0 20px 0;
}

.keisai li {
  margin: 10px 0;
}

.keisai ul.txt {
  margin: 10px 0 20px 0;
}

.keisai ul.txt li {
  list-style-type: disc;
  font-size: 150%;
  margin-left: 1em;
}

.keisai ul.blue {
  padding: 5px 0;
  background-color: #e9eef8;
}

.keisai hr {
  width: 915px;
  height: 2px;
  border: 0;
  background: url(../../images/contents/keisai/line01.png);
}

.keisai .button_list_first {
  margin: 10px 0 24px;
  text-align: center;
}

.keisai .button_list {
  margin: 10px 0;
  text-align: center;
}

.keisai .button_list_first img,
.keisai .button_list img {
  margin: 0 10px;
}


/* EoS */

/* ===========================================================================
 レスポンシブ対応 メディアクエリ
 ブレークポイント定義：
   PC（デスクトップ）：768px 以上（既存スタイルがそのまま適用）
   スマートフォン     ：767px 以下
=========================================================================== */

/* ------------------------------
 スマートフォン（767px 以下）
------------------------------ */
@media screen and (max-width: 767px) {
    .company_intro {
	background: url(../../images/contents/flobal_staff.jpg) top center no-repeat;
	margin-bottom: 30px;
	padding-top: 220px;
    }
    .company_intro p {
	width: 100%;
	margin: 0;
    }

    .type_company_about {
	margin: 0;
    }
}