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

.l_main{
    padding-top: 80px;
}

.report .top{
    background: url(../img/lp-202405report/top-bg.png) no-repeat top center;
    background-size: cover;
    padding: 8px;
    text-align: center;
}

.report .top{
    padding: 80px 0;
    text-align: center;
}

.report .top h1{
	background: rgba(0,128,82,0.9);
	max-width: 720px;
	margin: auto;
	font-size: 48px;
	line-height: 1.2em;
	font-weight: bold;
	padding: 40px 0;
	color: #FFFFFF;
}

.report .top h1 span{
	display: table;
	font-size: 32px;
	color: #FFC876;
	width: 100%;
}

.report .top h1 span::after{
	border-bottom: solid 2px #FFC876;
	display:block;
	content:"";
	width: 240px;
	margin: 8px auto 16px;
}

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

.report hr.line{
	margin-bottom: 40px;
    height: 1px;
    background-color: #bdbdbd;
    border: none;
}

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

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

.report h2.healthyfood:before{
    color: #3da255;
}

.report h2.cosmetic:before{
    color: #dd4569;
}

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

.report p a{
	text-decoration: underline;
}

.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 .flex{
    display: flex;
    justify-content: space-between;
	flex-wrap:wrap;
}
.report .chart .img{
    width: 49.5%;
}

.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 (min-width: 1441px) {
	.report .top{
		background: url(../img/lp-202405report/top-bg.png) top center;
		background-size:cover;
	}
}

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

}

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

.report .top{
    background: url(../img/lp-202405report/top-bg.png) no-repeat top left;
    background-size: 250%;
    padding: 8% 5%;
}

.report .top h1{
	font-size: 24px;
	padding: 32px 0;
}

.report .top h1 span{
	font-size: 20px;
}

.report .top h1 span::after{
	width: 200px;
}

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

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

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

.report .chart .img{
    width: 100%;
}
.report .partner a{
    font-size: 14px;
}

}