@charset "UTF-8";
.home_section{
padding-bottom: 40px;
}

.home_section + .home_section{
padding: 40px 0;
}

@media screen and (max-width: 1023px) {
.home_section{
padding: 40px 0;
}
}

.new{
background-color: #F4F5F7;
padding: 30px 0 40px;
width: 100%;
overflow: hidden;
}

.newPost{
margin-top: 20px;
}
.newPost .slick-track {
display: flex !important;
}
.newPost .slick-slide {
height: auto !important;
max-width: 600px;
opacity: 0.6 !important;
}
.newPost .slick-slide img{
width: 100%;
}
.newPost .slick-active{
opacity: 1 !important;
}

.newPost .slick-arrow{
z-index: 1;
width: 30px !important;
height: 30px !important;
display: flex;
align-items: center;
justify-content: center;
}
.newPost .slick-prev:before,
.newPost .slick-next:before{
display: none;
}
.newPost .slick-prev:after,
.newPost .slick-next:after{
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-top: 2px solid #222222 !important;
border-left:2px solid #222222 !important;


}
.newPost .slick-prev{
left: 24% !important; 
}
.newPost .slick-prev::after{
transform:rotate(-45deg) !important;
}
.newPost .slick-next {
right: 24% !important;
}
.newPost .slick-next::after{
transform: rotate(135deg) !important;
}
.newPost .slick-dots li{
margin: 0 5px !important;
}
.newPost .slick-dots li button {
width: 12px !important;
height: 12px !important;
padding: 0 !important;
background: #AEAEAE !important;
opacity: 1 !important;
border-radius: 50%;
padding: 0 !important;
}
.newPost .slick-dots li button:before{
display: none;
}

.newPost li.slick-active button {
background: #AA0000 !important;
}

.newPost .slick-dots {
position: relative !important;
}


.newItem{
/* width: 33%; */
background-color: #fff;
margin:0 15px; 
border-radius: 10px;
overflow: hidden;
}

.newItem .ttl{
font-size: 2.4rem;
}

.newItem .post__cat{
font-size: 1.2rem;

}


.newItem__txt{
padding: 20px;
}

.newItem__footer{
display: flex;
align-items: center;
justify-content: space-between;
}

.newItem .post__tag a{
font-size: 1.2rem;
}

.newItem .time{
font-size: 1.2rem;
margin-left: auto;
}

.newItem.slick-center{
/* margin:0 30px; */
}
@media screen and (max-width: 1023px) {
.newItem .ttl {
font-size: 2rem;
}
.newPost .slick-prev{
left: 3% !important; 
top: 30% !important;
}
.newPost .slick-next {
right: 3% !important;
top: 30% !important;
}
}


.theme h3{
font-size: 1.4rem;
margin-bottom: 20px;
padding-left: 10px;
border-left: 5px solid #000;
}

.themePost__item--programmatic h3{
border-left: 5px solid #D16262; 
}
.themePost__item--location h3{
border-left: 5px solid #AAAA00; 
}
.themePost__item--brand-experience h3{
border-left: 5px solid #00AA48; 
}
.themePost__item--social-contextual h3{
border-left: 5px solid #006FAA; 
}
/* .theme h3::before{
content: "";
width: 5px;
height: 16px;

} */
.themePost{
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.themePost__item{
width: calc((100% - 40px)/3);
}

.themePost .time{
font-size: 1.1rem;
display: block;
text-align: right;
}
.themePost .img {
border-radius: 6px;
overflow: hidden;
}

@media screen and (max-width: 1023px) {
.themePost__item{
width: calc((100% - 20px)/2);
}
}
@media screen and (max-width: 576px) {
.themePost{
flex-direction: column;
}
.themePost__item{
width: 100%;
}
}



.getPost {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}

.getPost__item{
width: calc((100% - 40px)/3);
}

.getPost__item .img {
border-radius: 6px;
overflow: hidden;
}
.getPost__item h3 {
font-size: 16px;
}

.getPost__item h3 span{
display: none;
}


@media screen and (max-width: 1023px) {
.getPost{
flex-direction: column;
}

.getPost__item {
width: 100%;
}
.getPost__item a{
display: flex;
gap: 10px;
align-items: flex-start;
}
.getPost__imgWrap{
width: 40%;
}
.getPost__txt{
flex: 1;
display: flex;
flex-direction: column;
}
.getPost__txt .ttl{
margin: 0;
font-size: 1.2rem;
}
.getPost__txt .time{
font-size: 0.8rem;
margin-bottom: 5px;
}
}

.sp_more_link{display: none;}

@media screen and (max-width: 1023px) {
.fo_news .more_link,.fo_seminar .more_link{
display: none;
}
.sp_more_link{
display: flex;
align-items: center;
justify-content: center;
font-size: 1.6rem;
border: 1px solid #707070;
border-radius: 29px;
margin-top: 30px;
padding: 10px;

}

.sp_more_link::after {
content: "";
display: block;
width: 20px;
height: 7px;
background-image: url(../img/more_link_arrow.svg);
background-size: cover;
margin-left: 5px;
}

}