@charset "utf-8";
#pay h3{
background-color:#4d4297;
color:#fff;
width: 50%;
border-radius: 25px;
text-align: center;
margin: 1.2em 0 0 0;
padding: .2em 0;
}
#pay p{
padding: .5em 1em;
}
#pay p a{
color:#006acc;
text-decoration: underline;
}
#pay p a:hover{
text-decoration: none;
color: #df6100;
}
#pay h4{
padding: .5em 0 0 0;
margin: 0 1em .5em 1em;
border-bottom: 1px solid #000;
font-weight: bold;
font-size: 1.1em;
}
#pay dl{
margin: 0 0 0 1em;
}
#pay dl dt{
font-weight: bold;
color: #cc0000;
}
#pay dl dd{
padding: 0 0 .5em 1em;
}
#pay .col_3{
width: 33.3%;
}
@media only screen and (max-width: 768px){
#pay .col_3{
width: 98%;
}
#pay .col_3 p img{
float: left;
width: 50px;
}
#pay h3 {
width: 60%;
}
}
@media only screen and (max-width: 480px){
#pay .col_3 p img{
width: 33%;
}
#pay h3 {
width: 100%;
}
}