@charset "UTF-8";

/* ------------------------------------------ */
/* ------------------------------------------*/
 /* 横並び（2）*/
.box__sub_top_two{
  display: flex;
  justify-content: center;
  flex-wrap : wrap;
  gap: 8rem;
  margin: 5rem auto;
}
.box__sub_top_two div{width: 28%;}
.box__sub_top_two h5{
  color: var(--main-c);
  text-align: center;
  font-size: var(--font-sl);
  margin: 2rem auto 1rem auto;
}
.txt_title .maru {
  background-color: var(--red);
  color: var(--white);
  border-radius: 30px;
  padding: 0.15rem 0.5rem 0.3rem 0.5rem;
  margin-right: 0.3rem;
  vertical-align: top;
  font-size: var(--font-m);
}
/* ------------------------------------------*/
 /* 見出し */
 #ozone_service h3,#ozone_price h3{
  font-size: var(--font-xl);
  color: var(--gray);
  text-align: center;
  line-height: 3.5rem;
  padding-top: 8rem;
}
#ozone_price h3{margin-bottom: 5rem;}

 /* 事例　横並び（4）*/
.box__sub_top_four{
  display: flex;
  flex-wrap : wrap;
  margin: 5rem auto 0 auto;
  justify-content:space-between;
}
 .box__sub_top_four .item{
  margin-bottom: 5rem;
  width: 250px;
 }
 /*◎820px以上*/
@media screen and (min-width: 820px) {
  .box__sub_top_four::before{
  content:"";
  display: block;
  width:22%;
  order:1;
}
.box__sub_top_four::after{
  content:"";
  display: block;
  width:22%;
}
}
.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);
}
.ozone_more p{
  font-weight: 500;
}
.ozone_more .maru{
  background-color: var(--yellow);
  color: var(--main-c);
  border-radius: 50%;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 2.4rem 1.5rem 0 1.5rem;
}
.ozone_more .maru span{
  display: block;
  font-weight: 500;
  font-size: var(--font-sl);
}
.ozone_more .more_txt{
  color: var(--white);
  margin-top: 2rem;
}
.ozone_more .more_txt span{
  display: block;
  font-size: var(--font30);
  margin-bottom: 0.8rem;
}
.ozone_more img{
  width: 440px;
  height: 430px;
  margin: -8rem 0 -7.5rem -3rem;
}

 /*◎751〜1100の間の幅*/
@media screen and (min-width: 751px) and (max-width: 1100px){
.ozone_more img{
  width: 28%;
  height: 28%;
  margin: -4rem 0 -7.5rem -3rem;
}
.ozone_more .maru{padding: 1.8rem 1rem 1rem 1rem;}
.ozone_more .more_txt span{
  font-size: var(--font-l);
}
.ozone_more p{font-weight:normal;}
.ozone_more .more_txt{margin: 1rem 0;font-size: var(--font14);}
}
/* ------------------------------------------*/
 /*  価格一覧  */
#ozone_price{background-color:var(--main-el);}
.price_table{
  width: 100%;
  margin-bottom: 2rem;
}

.price_table th,
.box_criterion table th{
  background-color: var(--main-d);
  color: var(--white);
  font-weight: 500;
}
.price_table th:first-child{width: 20%;}
.price_table th, .price_table td,
.box_criterion table th{padding: 0.8rem 0;}

.price_table th div{
  width: 70px;
  margin: 0 auto 0.5rem auto;
  background-color: var(--white);
  color: var(--main-d);
  padding: 1rem 0;
  font-size: var(--font30);
}
.price_table th span{
  display: block;
  font-size: var(--font14);
  font-weight: 100;
  margin-top: 0.5rem;
}
.price_table td{
  text-align: center;
  font-weight: 500;
}
.price_table td:nth-last-child(3){font-size: var(--font-sl);}
.price_table td:last-child{text-align: left;width: 40vw;}
.price_table td:last-child,
.box_criterion table td{padding-left: 2em;}
.price_table td{background-color:#f3f8f8;}
.price_table td:last-child {background-color:var(--white);}
.price_table td span{font-size: var(--font-sl);}

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


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

/* 利用注意リスト */
.box_criterion .note{}
.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);
}
.box_criterion ul li,
.note li, .note_second{line-height: 1.7rem;}