@charset "utf-8";
/* CSS Document */
h3{
font-size: clamp(14px, 10 * (1vw + 1vh) / 2, 18px);
background-color: #ffe0f0;
color: #666666;
margin: 2rem 0;
padding: 1rem 0;
line-height: 1.5;
}
table{
margin-bottom: 3rem;
}
p.lead{
margin-bottom: 1rem;}
p.lead::before{
content: "●";
color: #ff99cc;
padding-right: 0.3rem;
}
th{
line-height: 1.2;
vertical-align: middle;
padding: 0.5rem;
}
td{
width:auto;
line-height: 1.6;
vertical-align: middle;
padding: 0.8rem;
background-color: #333333;
}
td a:link,td a:visited{
color:#FFFFFF;
font-size: 1rem;
}
td:hover{
background-color: #594c98;
}
table tr td:nth-of-type(1),
table tr td:nth-of-type(3){
text-align: center;
}
.container01 .box_l{
width:50%;
}
i.fa-solid.fa-file-arrow-down{
font-size:  2rem;
}
table tr td:nth-of-type(3){
font-size: 0.6rem;
line-height: 1.2;
}
table tr td a:link{
text-decoration: none;
}
.container01 h2{
text-align: center;
}
table.kiyaku td:nth-of-type(1){
text-align: left;
}
table.kiyaku td:nth-of-type(2){
text-align: center;
}
.bg1{
background-color: #ee86ad;
color: #FFFFFF;
}
.bg2{
background-color: #71c9dd;
color: #FFFFFF;
}
.bg3{
background-color: #79c5a1;
color: #FFFFFF;
}
.bg4{
background-color: #796caf;
color: #FFFFFF;
}
.bg5{
background-color: #8ec54a;
color: #FFFFFF;
}
.bg6{
background-color: #f7a311;
color: #FFFFFF;
}
.bg7{
background-color: #3359a8;
color: #FFFFFF;
}
.bg8{
background-color: #f7df4d;
color: #FFFFFF;
}
.bg9{
background-color: #5877ba;
color: #FFFFFF;
}
.bg10{
background-color: #87b2e0;
color: #FFFFFF;
}
.bg11{
background-color: #ef858c;
color: #FFFFFF;
}
.bg12{
background-color: #a675b0;
color: #FFFFFF;
}
.bg13{
background-color: #dd82b3;
color: #FFFFFF;
}

@media screen and (max-width: 979px) {
.container01 .box_l{
width:98%;
}
.btn_w{
width:80%;
}
}