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






.pickup_container{}
.pickup_ct{ border-top: 2px solid #b4b4b4;}
.pickup_ct>a{ text-decoration: none; background: url("../images/arrow.svg") no-repeat; color: #333; width: 100%; display: block; border-bottom: 2px solid #b4b4b4;
padding: 15px 30px 15px 10px; background-position: right 10px center;}
.detail_box *{ max-width: 100%;}
@media (min-width: 768px) {
.pickup_container{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.pickup_container>.midashi_box{ width: 100%;}
.pickup_container>.pickup_box{ width: calc(75% - 30px);}
.pickup_container>.pickup_ct{ width: calc(25% - 30px); font-size: 14px;}

.pickup_list>a{ width: calc(33.33% - 20px);}

.midashi_02{ margin-bottom: 40px;}

.pagenation{ margin: 50px 0;}

.pickup_detail_container{ padding-top: 50px;}
}
@media (min-width: 768px) and (max-width: 1000px){
.pickup_list>a{ width: calc(50% - 20px);}
}
@media (max-width: 767.98px) {
.pickup_ct{ margin: 0 auto 35px; border-top: 2px solid #b4b4b4; width: 100%; font-size: 12px;}
.pickup_ct>a{}
.midashi_02{ margin-bottom: 40px;}

.pagenation{ margin: 50px 0;}

.pickup_detail_container{ padding-top: 30px;}

.detail_box{ margin-bottom: 50px;}

}






@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
}







.news_ttl{ display: flex; flex-wrap: wrap;}
.news_ttl>div,
.news_ttl>p{ width: 100%;}
.news_ttl>div{ order: 1;}
.news_ttl>p{ order: 0;}
@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}