@charset "UTF-8";
.headimg { background-image: url("../../../group/images/header_group.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 25% 75%; }

.bgc { background-color: #eee; }

.group_list { margin-top: 5em; margin-bottom: 5em; }
.group_list .group_unit:first-child { border-top: 1px solid #0068b6; }
.group_list .group_unit { display: flex; padding: 1.5em 2em; border-bottom: 1px solid #0068b6; }
.group_list .group_unit .unit01 { width: 20em; }
.group_list .group_unit .unit02 { color: #0068b6; }
.group_list .group_unit .unit02 a:hover { text-decoration: none; font-weight: bold; }
.group_list .group_unit .unit02 a:visited { color: #0068b6; }

@media screen and (min-width: 768px), print { .bgc { padding-top: 4em; padding-bottom: 4em; } }
@media screen and (min-width: 768px) and (max-width: 1183px) { /* PC以下 */ }
@media screen and (min-width: 768px) and (max-width: 991px) { /* タブレット以下 */ }
@media screen and (max-width: 767px) { .bgc { padding-top: 2em; padding-bottom: 2em; }
  .ttl-category h2 { padding-top: 9px; padding-bottom: 6px; line-height: 20px; }
  .group_list { margin-top: 2em; margin-bottom: 2em; }
  .group_list .group_unit { flex-direction: column; padding: 1em 0.5em; }
  .group_list .group_unit .unit01 { width: 100%; }
  .group_list .group_unit .unit02 { margin-top: 2px; } }