@charset "utf-8";

/* header画像
----------------------------------------------------*/
.company_headimg {
  /* 画像ファイルの指定 */
  background-image: url(../img/cm1.png);
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .company_headimg {
    background-image: url(../img/cm1_sp.png);
  }
}

.company_headimgo2 {
  /* 画像ファイルの指定 */
  background-image: url(../img/cmo2.jpg);
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .company_headimgo2 {
    background-image: url(../img/cmo2_sp.jpg);
  }
}

/* メインコンテンツ
----------------------------------------------------*/

/* カウンターつきリスト
----------------------------------------------------*/

.company_list_box {
  padding: 0;
  margin: 0;
}

p.company_list_title {
  font-weight: bold;
}

.company_list_box li {
  padding: 0;
  margin: 0;
}

.company_list_box li {
  font-size: 120%;
  line-height: 120%;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0.4em 0!important;
}

.company_list_cnt {
  counter-reset: li;
}

.company_list_cnt li {
  position: relative;
  display: block;
  padding: 0.1em 0 0.5em 3.2em;
  margin-left: 0em !important;
}

.company_list_box li:after {
  counter-increment: li;
  content: counter(li) ".";
  position: absolute;
  display: block;
  text-align: center;
  left: 0.7em;
  top: -0.1em;
  font-size: 150%;
  font-family: 'Goudy Bookletter 1911', Georgia, serif;
}

.company_list_box p {
  font-size: 100%;
  line-height: 120%;
}

/* よくあるご質問
----------------------------------------------------*/
.company_qa_box {
  padding: 1em;
}

dt,
dd {
  font-size: 120%;
  margin: 0 0 10px 0;
  padding-left: 2.5em;
  line-height: 130%;
  background: none no-repeat left top;
}

dd {
  background: url(../img/a.gif) no-repeat;
  overflow: hidden;
}

dt {
  font-weight: normal;
  background: url(../img/q.gif) no-repeat;
  background-position: 0 10px;
  padding-top: 0.6em;
  margin-top: -1px;
}

/* カラー設定
/* カウンターつきリスト
----------------------------------------------------*/
p.company_list_title {
  color: #fa7e3d;
}

.company_list_box li:after {
  color: #fa7e3d;
}

/* よくあるご質問
----------------------------------------------------*/
dt:not(:first-child) {
  border-top: 1px dashed #c4c4c4;
}

/* 注意事項
----------------------------------------------------*/
.contents_yoyaku_checkbox {
  padding:0 0 0 0.9em;
}

ol.contents_yoyaku_check {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}

ol.contents_yoyaku_check li {
  position: relative;
  padding: 0em 0.5em 0.5em 2em;
  font-size: 120%;
  line-height: 120%;
  text-align: left;
}

ol.contents_yoyaku_check li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #e75c6c;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 20%;
}

/* プライバシーポリシー
----------------------------------------------------*/
.contents_privacy_box {
  padding:0.5em 0 1em 0;
}

.contents_privacy_box ul {
  font-size: 120%;
  line-height: 140%;
}

.contents_privacy_inbox {
  padding:1em 0 1em 1em;
}

.contents_privacy_inbox p {
  font-size: 140%;
  font-weight: bold;
  color: #ff8a14;
}

h4.common_o2box_title {
  font-size: 120%;
  line-height: 120%;
  font-weight: bold;
  color: #fa7e3d;
  border-bottom: none;
  margin: 0 0 1em 0;
}

span.common_o2box_titleline {
  border-bottom: 2px solid #fa7e3d;
}

ul.common_o2box_list {
  font-size: 120%;
  line-height: 120%;
}

table.common_o2roomtbl {
  margin: 0.5em 0 1.5em 0;
  border-collapse: separate;
  border-spacing: 1px;
  text-align: left;
  line-height: 1.5;
  border-top: 3px double #5597ce;
  margin: 0 0 0 1.3em;
}

table.common_o2roomtbl th {
  width: 260px;
  padding: 10px;
  font-size: 120%;
  font-weight: normal;
  background-color: #bed8ed;
  border-bottom: 3px double #5597ce;
}

table.common_o2roomtbl td {
  padding: 10px;
  font-size: 120%;
  font-weight: bold;
  border-bottom: 3px double #5597ce;
  background-color: rgba(255, 255, 255, 0.5);
}

.common_o2roombr {
  display: none;
}

@media only screen and (max-width: 700px) {
  table.common_o2roomtbl {
    width: 90%;
  }
  
  table.common_o2roomtbl th {
    width: 100%;
    display: block;
  }
  table.common_o2roomtbl td {
    width: 100%;
    display: block;
  }
}

@media only screen and (max-width: 424px) {
  table.common_o2roomtbl th {
    text-align: center;
  }
  table.common_o2roomtbl td {
    text-align: center;
  }
  .common_o2roombr {
    display: block;
  }
}