@font-face {
  font-family: 'GENJ';
  font-style: normal;
  font-weight: normal;
  src: url("../assets/font/GenJyuuGothic-Regular.eot");
  src: url("../assets/font/GenJyuuGothic-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/font/GenJyuuGothic-Regular.ttf") format("truetype"), url("../assets/font/GenJyuuGothic-Regular.woff") format("woff");
}
@font-face {
  font-family: 'GENJ';
  font-style: normal;
  font-weight: bold;
  src: url("../assets/font/GenJyuuGothic-Bold.eot");
  src: url("../assets/font/GenJyuuGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/font/GenJyuuGothic-Bold.ttf") format("truetype"), url("../assets/font/GenJyuuGothic-Bold.woff") format("woff");
}
#main .inner section .notes {
  line-height: 1.5;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  #main .inner section.sec.sec1 {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section.sec.sec3 {
    padding: 40px 10px 0;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .lead {
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .lead .lead_box.fig {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .lead .lead_box.text {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .lead p {
    font-size: 14px;
  }
}
#main .inner section .group_title {
  background-color: #4176e5;
}
@media screen and (max-width: 767px) {
  #main .inner section .group_title {
    padding: 8px 10px;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .group_title_size {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .group_title_detail {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .subtitle {
    margin: 0 auto 15px;
  }
}
#main .inner section .subtitle span.add {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  #main .inner section .subtitle span.add {
    display: block;
    margin-top: 8px;
    margin-left: 0;
  }
}
#main .inner section .group_type > li:first-child {
  border-left: none;
}
#main .inner section .group_type > li:last-child {
  border-right: none;
}
#main .inner section .group_type.c1 {
  justify-content: center;
}
#main .inner section .group_type.c2 > li:nth-child(2n) {
  border-right: none;
}
#main .inner section .group_type.c2 > li:nth-child(2n+1) {
  border-left: none;
}
#main .inner section .group_type.c2 > li .group_type_pic img {
  max-width: 120px;
}
#main .inner section .group_type.c3 > li:nth-child(3n) {
  border-right: none;
}
#main .inner section .group_type.c3 > li:nth-child(3n+1) {
  border-left: none;
}
#main .inner section .group_type .group_type_fig {
  padding-bottom: 15px;
}
#main .inner section .group_type .group_type_pic {
  gap: 10px;
  justify-content: center;
}
#main .inner section .group_type .group_type_pic a {
  transition: opacity .2s;
}
#main .inner section .group_type .group_type_pic a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #main .inner section .group_example {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #main .inner section .group_example > span {
    font-size: 14px;
  }
}
#main .inner section .group_title_detail > span:first-child {
  padding-right: 0;
}

/*# sourceMappingURL=2022-introduction.css.map */