/*
Theme Name: TNC
*/
@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.min.css");
/* レポート */
.fw-400{
font-weight:400;
}
.single-title{
font-size:20px;
}
.side-title{
border-bottom:2px solid var(--bs-dblue)
}
.container{
max-width:980px;
}
.blog-title{
font-size:16px;
font-weight:700;
}

.bg-border-white{
background:var(--bs-white);
}
.bg-border-white-pn{
padding:4% 0% 5% 0%;
background:var(--bs-white);
border:1px solid #ddd;
}
#report-main p{
text-align: justify;
margin-bottom:15px;
line-height:1.9;
font-size:16px;
letter-spacing:0.03rem;
font-weight:400;
}

#report-main .btn-border{
font-size:13px!important;
color:var(--bs-blue)
}

.report-main_in h3,.report-main_in h2,.report-main_in h4{
font-size: 17px;
margin:30px 0 25px;
border-left:4px solid var(--bs-blue);
padding-left:20px;
}

#report-list p{
font-size:var(--bs-font-s);
}
.categories{
background: var(--bs-ablue);
color: var(--bs-blue);
line-height: 28px;
height:27px;
font-size: 12px;
padding:0 10px 2px;
margin-right:7px;
border-radius:2px;
font-weight:700;
}

.side-flame-a a{
color:var(--bs-body);
}
.side-flame-a a:hover{
color:#555;
transition: 0.5s;
}
#report-list hr{
margin: 20px 0px;
border-top: 1px dotted #ddd;
}
.side-flame hr{
margin: 15px 0px;
border-top: 1px dotted #ddd;
}
.side-flame .col-md-6:last-child hr{
margin:15px 0px 0px 0px
}
ul.categori-list li{
padding:0.7rem 0;
border-bottom: 1px dotted #ddd;
flex-basis:48%;
}
ul.categori-list li a{
display: block;
position: relative;
}
ul.categori-list li a::after{
content: "\EA6E";
font-family: 'remixicon';
position: absolute;
top:3px;
font-size: 12px;
right:0px;
display: block;
color:var(--bs-dblue);
}

@media (min-width: 768px) {
.report-main_in h3,.report-main_in h2,.report-main_in h4{
font-size: 18px;
}
.single-title{
font-size:23px;
}
}
/* ページネーション */
.nav-links {
text-align:center;
width:100%;
font-weight:800;
}
.pagination .page-numbers {
display: inline-block;
margin-right: 10px;
width:30px;
height:30px;
line-height:30px;
color:var(--bs-body-color);
border-radius: 100vh;
}
.pagination .page-numbers:hover{
background: var(--bs-dblue);
color: #fff;
}
.pagination .current {
width:30px;
height:30px;
line-height:30px;
background: var(--bs-dblue);
color: #fff;
border-radius: 100vh;
}
.pagination .prev,
.pagination .next {
width:auto;
background: transparent;
color: var(--bs-dblue);
}
.pagination .prev:hover,
.pagination .next:hover {
background: transparent;
color: var(--bs-dgray);
}
.pagination .dots {
background: transparent;
}
.report-border .col-md-6:nth-child(2) {
border-top:1px dotted #ddd;
margin-top:20px;
padding-top:20px;
}

#report-main .bg-border-white{
border:0px solid #ddd;
}
.rounded-start img{
border-radius: 9px 0px 0px 9px;
}
@media (min-width: 576px) {
#report-list .bg-border-white{
padding:3%;
}
#report-list .img-responsive:before {
padding-top: 75%;
}
.bg-border-white{
border:1px solid #ddd;
}

.blog-title{
font-size:17px;
font-weight:800;
}
}
@media (min-width: 768px) {
#report-main .bg-border-white{
padding:4%;
border:1px solid #ddd;
}
.bg-border-white-pn{
padding:3% 0% 4% 0%;
}
.report-border .col-md-6:nth-child(2){
border-top:0px dotted #ddd;
border-left:1px dotted #ddd;
padding-left:0px;
margin-top:0px;
padding-top:0px;
}
}
@media (min-width: 1200px) {
.bg-border-white-pn{
padding:3% 0%;
}
}