@charset "utf-8";
/* CSS Document */
@media print,screen and (min-width: 641px) {}
@media screen and (max-width: 640px) {}
h3,h4 {clear: both;}
h4 {
  color: #ee0000;
  border-bottom:  dotted 2px #ee0000;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 18px;
  margin: 2rem 0 1rem;
  padding-bottom: 0.5rem;
}
#digital p {
  line-height: 1.8em;
  margin-top: 0.5em;}

#digital .inner {padding: 0 2%}
#digital .con-h3 {margin: 2rem 0 0}
#digital .tel-box {margin-top: 1rem}

.mode {
  border: solid 1px #999;
  margin-top: 10px;
}
.mode dt {
  background: #999;
  color: #fff;
  padding: 0.5em;
}
.mode dd {padding: 0.5em;}
@media print,screen and (min-width: 641px) {
  .fl_l {
    float: left;
    background: #FFF;
    padding: 0 2rem 0 0;
    margin-top: -3rem;
  }
  h4:has(+ .fl_l){margin-left: 320px;}
  
  .fl_r {
    float: right;
    background: #FFF;
    padding: 0 0 0 2rem;
    margin-top: -3rem;
  }
  h4:has(+ .fl_r){margin-right: 320px;}
  h4:has(+ .fl_r.w200){margin-right: 210px;}

}
@media screen and (max-width: 640px) {
  .fl_l,.fl_r {
    text-align: center;
    margin: 1rem 0 -1rem;
  }

}


/*=================================================
導入
==================================================*/
@media print,screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}


/*=================================================
オススメの鍵
==================================================*/