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

#footer_contact{ display: none;}
@media (min-width: 768px) {
#footer_footer{ margin-top: 70px;}
}


.service_news_list{ border-bottom: #f2f2f2 1px solid; overflow: scroll;}
.service_news_list ul li{ border-bottom: #f2f2f2 1px solid;}
.service_news_list ul li:last-child{ border-bottom: none;}
.service_news_list ul li a:hover{ text-decoration: none;}
.service_news_list::after{ display: block; content: ""; height: 1px;}
.service_news_list ul{ padding: 0; margin: 0;}
.service_news_list ul li a>span{ display: block;}
.service_news_list ul li a span.ymd{ color: #333;}
.service_news_list ul li a span.title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #DF0031;}
@media (min-width: 768px) {
.service_news_list{ margin-top: -10px; max-height: 130px;}
.service_news_list ul li{ padding: 10px 0;}
.service_news_list ul li a{}
.service_news_list ul li a>span{}
.service_news_list ul li a span.ymd{ line-height: 20px;}
.service_news_list ul li a span.title{ line-height: 24px;}
}
@media (max-width: 767.98px) {
.service_news_list{ margin-top: -10px; max-height: 100px;}
.service_news_list ul li{ padding: 5px 0;}
.service_news_list ul li a>span{ line-height: 20px;}
.service_news_list ul li a span.ymd{ font-size: 10px;}
}

#column_list{ padding: 0; font-size: 0;}
#column_list li{}
#column_list a{ display: block; border: 1px solid #d2d2d2; background-color: white; color: black;}
#column_list a:hover{ text-decoration: none;}
#column_list h3{ margin: 0;}
#column_list span{ display: block; padding-top: 62.5%; background-repeat: no-repeat; background-size: cover; background-position: center;}

@media (min-width: 768px) {
#column_list{ margin: 20px 0 50px; display: flex; flex-wrap: wrap;}
#column_list li{ vertical-align: top; width: 310px; margin: 0 25px 30px 0;}
#column_list li:nth-child(3n+3){ margin-right: 0;}
#column_list a{ padding: 9px; height: 100%;}
#column_list h3{ font-size: 16px; margin: 10px 0 0;}

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

#column_list{ margin: 10px 0 30px}
#column_list li{  margin: 0 0 25px 0;}
#column_list a{ padding: 9px;}
#column_list h3{ font-size: 16px; margin: 10px 0 0;}
}