@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/fontawesome/css/all.min.css); */
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
reporter
==============================*/

/* reporters ----------*/
.reporters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 8rem; column-gap: 4rem; }
.reporters .reporter { display: grid; grid-template-rows: subgrid; grid-row: span 4; gap: 2rem; }
.reporters .pw { position: relative; display: grid; place-items: center; width: 100%; }
.reporters .pw img { position: relative; z-index: 1; width: 100%; max-width: 22rem; aspect-ratio: 1; height: auto; border-radius: 100%; object-fit: cover; }
.reporters .pw .comment { position: absolute; z-index: 2; top: -2rem; display: inline-block; padding: 0.3em 0.7em; border-radius: 0.5rem; color: #FFF; background-color: #FF6699; font-size: 1.4rem; font-weight: 500; text-align: left; line-height: 1.4; vertical-align: middle; }
.reporters .title { display: grid; place-items: center; }
.reporters .title h3 { word-break: break-all; display: inline-block; font-size: 2rem; text-align: center; line-height: 1.4; }
.reporters .title .ac h3 { padding-bottom: 0.3em; margin-bottom: 0.3em; border-bottom: solid 1px rgba(0,0,0,0.2); }
.reporters .title p { margin: 0; font-size: 1.4rem; text-align: center; }
.reporters .t { margin: 0; opacity: 0.7; font-size: 1.4rem; font-weight: 600; line-height: 1.6; }
.reporters .btw { margin: 0; padding: 0 !important; }
.reporters .btw .bt__ttl { width: auto !important; }
@media screen and (max-width:896px) { /* m */
	.reporters { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; }
	.reporters .reporter { gap: 1.5rem; }
	.reporters .btw { left: 0 !important;  }
}