@charset "utf-8";
/* CSS Document */
body{
margin: 0;
}
.container01{
	margin-top: 60px;
	text-align: left;
}
.container01 h2{
	line-height: 36px;
	width: 100%;
	background-color: #f0f0f0;
	font-weight: bold;
	color: #666;
	margin-bottom: 35px;
	font-size: 1rem;
}

table{
margin-bottom: 3rem;
}
p.lead{
margin-bottom: 1rem;}
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;
}
footer{
padding: 1rem 0;
}

@media screen and (max-width: 979px) {
.container01 .box_l{
width:98%;
}
.btn_w{
width:80%;
}
.container01 h2{
	line-height: 36px;
	width: 100%;
	background-color: #f0f0f0;
	font-weight: bold;
	color: #666;
	margin-bottom: 35px;
	font-size: 3.5vw;
}
footer #fcopy{
margin: 0 auto;
}
}