@charset "utf-8";

/*メディアクエリー
min-width:768px


タブレット
@media (min-width: 768px) and (max-width: 1024px) {

}
*/

.lowerpage_title_wrap { background: transparent; }

ul.data_wrap { display: flex; flex-direction: column; gap: 24px; }
ul.data_wrap li.back_white { display: flex; flex-direction: column; gap: 12px; padding: 30px; text-align: center; }
ul.data_wrap li.back_white p { text-align: center; }
ul.data_wrap li.back_white img { width: 180px; height: 120px; margin: 0 auto; object-fit: cover; background-color: lightgrey; }
ul.data_wrap li.back_white .datalist_title { margin-bottom: 8px; }
ul.list_in_datalist { width: 100%; }
ul.list_in_datalist li { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; border-bottom: 1px solid #EAE8E8; padding: 10px 0; font-size: 20px; }
@media (min-width: 768px) {
  ul.data_wrap { display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px; margin-top: 48px; }
  ul.data_wrap li.back_white { display: flex; flex-direction: column; justify-content: space-between; width: calc(calc(100% - 80px) / 3); padding: 30px; }
  ul.data_wrap li.back_white.width_100 { width: 100%; }
  ul.list_in_datalist { display: flex; flex-wrap: wrap; gap: 28px; }
  ul.list_in_datalist li { flex: 1 1 calc(25% - 21px); justify-content: flex-start; gap: 12px; border-bottom: none; white-space: nowrap; }
  ul.list_in_datalist li.list_in_datalist_small { flex: 1 1 calc(25% - 110px); }
}
@media (min-width: 768px) and (max-width: 1024px) {
  ul.data_wrap li.back_white { width: calc(calc(100% - 80px) / 2); }
}
@media (min-width: 768px) and (max-width: 950px) {
ul.list_in_datalist li , ul.list_in_datalist li.list_in_datalist_small { flex: 0 0 auto; width: calc(calc(100% - 28px) / 2); }
}
@media (min-width: 950px) and (max-width: 1150px) {
  ul.list_in_datalist li , ul.list_in_datalist li.list_in_datalist_small { flex: 0 0 auto; width: calc(calc(100% - 56px) / 3); }
}

.datalist_number { font-size: 34px; line-height: 1em; font-weight: bold; }
.datalist_number strong { font-size: 64px; line-height: 1em; font-weight: bold; }
.datalist_number small { font-size: 20px; line-height: 1em; font-weight: bold; }



