@charset "utf-8";
/* CSS Document */

.l_main{
    padding-top: 80px;
}

.report .top{
    background: #3c2121;
    padding: 8px;
    text-align: center;
}

.report .inner{
    max-width: 960px;
    margin:0 auto;
    padding: 12px 0 8%;
}

.report h1{
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 12px;
    border-bottom: solid 1px #C9A322;
    color: #C9A322;
}

.report h2{
    font-size: 18px;
    font-weight: bold;
}

.report h2:before{
    content: "◆";
    color: #C9A322;
}

.report p{
    margin-bottom: 32px;
}

.report p span{
    display: block;
    text-align: right;
    font-size: 14px;
}

.report .chart{
    max-width: 600px;
    margin: 0 auto 80px;
}

.report .chart h3{
    margin-bottom: 8px;
    font-weight: bold;
}

.report .chart h3:before{
    content: "【"
}

.report .chart h3:after{
    content: "】"
}

.report .chart .img{
    display: flex;
    justify-content: space-between;
}

.report .chart .img a:hover{
    opacity: 0.8;
}

.report .chart .img img{
    width: 100%;
}

.report .chart aside{
    padding-top:8px;
    text-align: right;
    font-size: 14px;
}

/* パートナー紹介 */
.report .partner{
	border-top: solid 1px #515151;
	padding: 32px 0;
}
.report .partner h3{
    font-size: 18px;
    font-weight: bold;
}
.report .partner h3:before{
    content: "◆";
    color: #C9A322;
}
.report .partner a{
	color:#c1282e;
}
.report .partner a:before{
    content: "＞";
	padding-right:4px;
}

/* **************************
nextpage
************************** */
.nextpage{
    text-align: center;
}

.nextpage a{
    color: #FFFFFF;
    background: #009AE1;
    display: block;
    padding: 8px;
    border-radius: 6px;
}

.nextpage a:hover{
    background: #007eff;
}

/* **************************
pagination
************************** */
.pagination{
    margin: 48px auto;
}

.pagination ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}

.pagination li a{
    padding:4px 10px;
    display:block;
    border: solid 1px #D8D8D8;
}

.pagination li a{
    padding:4px 10px;
    display:block;
    color: #009AE1;
    border: solid 1px #009AE1;
}

.pagination li a:hover{
    color: #FFFFFF;
    background: #007eff;
}

.pagination li.on{
    padding:4px 10px;
    font-weight:bold;
    background: var(--main-lightgray);
}

.pagination li{
    margin: 0 8px;
}

.pagination .list{
    margin: 64px auto 0;
    text-align:center;
}

.pagination .list a{
	display: block;
	padding: 16px 0;
	font-size: 18px;
	font-weight: bold;
	max-width: 320px;
	margin:auto;
	border-radius: 6px;
    color: #009AE1;
    border: solid 1px #009AE1;
}

.pagination .list a:hover{
    color: #FFFFFF;
    background: #007eff;
}

@media screen and (max-width: 960px) {
.report .inner{
    padding: 2% 5% 8%;
}

}

@media screen and (max-width: 768px) {
.l_main{
    padding-top: 40px;
}

.report p{
    font-size: 14px;
}

.report .chart aside{
    font-size: 12px;
}

.report .chart{
    margin-bottom: 32px;
}

.report .chart .img{
    display: inherit;
}

.report .partner a{
    font-size: 14px;
}
}