@charset "UTF-8";

/* ------------------------------------------ */
/* ------------------------------------------*/
.txt_title .maru {
  background-color: var(--red);
  color: var(--white);
  border-radius: 30px;
  padding: 0.15rem 0.5rem 0.3rem 0.6rem;
  margin-right: 0.3rem;
  vertical-align: top;
  font-size: var(--font-m);
}

/* ------------------------------------------*/
 /* 見出し */
 #ozone_service h3,#ozone_price h3{
  font-size: var(--font-ml);
  color: var(--gray);
  text-align: center;
  line-height: 3.5rem;
  padding-top: 3rem;
  line-height: 2.5rem;
}
#ozone_price h3{margin-bottom: 2rem;}

 /* 事例　横並び（4）*/
.box__sub_top_four{
  display: flex;
  flex-wrap : wrap;
  margin: 3rem auto 0 auto;
  justify-content:space-between;
}
 .box__sub_top_four .item{
  margin-bottom: 3rem;
  width: 48%;
 }
 figure p {
  line-height: 1.5rem;
  text-align: justify;
}

.box__sub_top_four figcaption{
  color: var(--main-c);
  text-align: center;
  font-size: var(--font-sm);
  margin: 2rem auto 1rem auto;
  font-weight: 600;
}
/* ------------------------------------------*/
 /*    */
.ozone_more{
  background-color: var(--main-c);
  padding: 2rem;
}
.ozone_more p{font-weight: 500;}
.ozone_more .maru{
  background-color: var(--yellow);
  color: var(--main-c);
  border-radius: 1rem;
  text-align: center;
  padding: 1rem 0;
  font-size: var(--font-l);
}

.ozone_more .more_txt{
  color: var(--white);
  margin-top: 1rem;
}
.ozone_more .more_txt span{
  display: block;
  font-size: var(--font-sl);
  text-align: justify;
  margin-bottom: 0.5rem;
}
.ozone_more img{margin:-2rem 0 -4rem 0;}

/* ------------------------------------------*/
 /*  価格一覧  */
#ozone_price{background-color:var(--main-el);}
.price_table{
  width: 100%;
  margin-bottom: 2rem;
}
.box_criterion table{width: 100%;}
.price_table th,
.box_criterion table th{
  background-color: var(--main-d);
  color: var(--white);
  font-weight: 400;
}
.box_criterion table th:first-child{width: 15vw;}
.price_table th:first-child{width: 20vw;}
.price_table th, .price_table td,
.box_criterion table th{padding: 0.5rem 0;}

.price_table th div{
  width: 70px;
  margin: 0 auto 0.5rem auto;
  background-color: var(--white);
  color: var(--main-d);
  padding: 0.3rem 0;
  font-size: var(--font30);
}
.price_table th span{
  display: block;
  font-size: var(--font14);
  margin-top: 0.5rem;
}
.price_table td{
  text-align: center;
  font-weight: 500;
}

.price_table td:last-child{text-align: left;}
.price_table td:last-child,
.box_criterion table td{padding-left: 1em;}
.price_table td{background-color:#f3f8f8;}
.price_table td:last-child {background-color:var(--white);}


.price_table th, .price_table td,
.box_criterion table th, .box_criterion table td{border: solid 1px var(--gray);}

.price_table td span{font-size: var(--font-sl);}

 /*  table横スクロール  */
 .scroll-asterisk{font-size: var(--font12);}
 .table-scroll{overflow-x: scroll;}
 .table-scroll .table {
  width: 800px;
  border-collapse: collapse;
  white-space: nowrap;
}
.table-scroll .price_table{width: 800px;}
.table-scroll .box_criterion table th:first-child{width: 15vw;}
.table-scroll .price_table th:first-child{width: 30%;}


 /*  測定基準  */
.box_criterion{
background-color: var(--white);
border-radius: var(--r15);
padding: 1rem 1.5rem;
}
.box_criterion h6{margin-top: 1rem;}
.box_criterion h6,
.box_criterion table caption{
  font-size: var(--font-m);
  font-weight: 500;
  color: var(--main-d);
  text-align: left;
  margin-bottom: 0.5rem;
}
.box_criterion .boxR div{
  background-color:#f3f8f8;
  padding: 2rem;
  border-radius: var(--r1);
  margin-bottom: 0.8rem;
}
.box_criterion .boxR img{text-align: center;}

/* 利用注意リスト */
.listNote .note{margin:1.5rem auto 2rem auto;}
.note_second{
  margin:0.8rem auto 5rem auto;
  padding-bottom: 2rem;
  border-bottom: solid 1px var(--gray);
}