@charset "UTF-8";

.inner{
 padding:1rem  3rem;
}

 h1,h2,h3,h4,h5{
 margin:1.5rem 0;
 color: var(--light-gold);
}


ul{
  margin:1rem 0;
}

ul.terms li{
  color:aliceblue;
 list-style:disc;
 margin-left:2rem;
 
} 



/*-------------------------------------------
特定商法取引表示
-------------------------------------------*/
#trade .inner{
 padding:0  5rem;

} 

#trade .inner h1{
 margin-bottom:1rem;

} 

#trade .inner dl{
 display:flex;
 flex-wrap: wrap;
  margin-bottom:1rem;
}

#trade .inner dt{
 width:20%;
 background-color:gray;
 padding:0.5rem;
 border:1px solid white;
}

#trade .inner dd{
 width:70%;
 padding:0.5rem;
 border:1px solid white;
}


/*-------------------------------------------
スマートフォン
-------------------------------------------*/
@media screen and (max-width: 767px) {


 .inner{
 padding:5rem  2rem;
}


/*-------------------------------------------
特定商法取引表示(sm)
-------------------------------------------*/
#trade .inner{
 padding:2rem;

}

#trade .inner h1{
 margin-bottom:1rem;
 font-size:var(--font-md);
}

#trade .inner dl{
 display:flex;
 flex-wrap: wrap;
 margin-bottom:1rem;
}

#trade .inner dt{
 width:35%;
 padding:0.25rem;
 font-size:var(--font-sm);
}

#trade .inner dd{
 width:60%;
 padding:0.25rem;
 font-size:var(--font-sm);
}




}