@import url("https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap");
#header_info {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 60px; 
  background-color: #EEEEEE;
  text-align: center;
  padding: 0; }
  #header_info img {
    width: 112px; }

.fs-c-heading.fs-c-heading--page {
  letter-spacing: 0.05em;
  font-family: 'Didact Gothic', sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 0.05em;
  line-height: 1; }

.fs-c-subgroupList {
  -webkit-justify-content: center;
  justify-content: center; }
  .fs-c-subgroupList .fs-c-subgroupList__item {
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    width: 195px;
    flex-basis: inherit; }
    .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      padding: 0 20px;
      height: 50px;
      color: #111111;
      background-color: #fff;
      position: relative;
      border: 1px solid #BBBBBB; }
      .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link .fs-c-subgroupList__label {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.3; }
      .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link:after {
        content: "";
        width: 9px;
        height: 15px;
        background: url(../images/common/arrow_gray.png) 0 0 no-repeat;
        background-size: 100% auto;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease; }
      .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link:hover:after {
        right: 5px; }

@media screen and (max-width: 1340px) {
  #header_info {
    height: calc(60 / 1340 * 100vw); }
    #header_info img {
      width: calc(112 / 1340 * 100vw); }

  .fs-c-heading.fs-c-heading--page {
    font-size: calc(26 / 1340 * 100vw); }

  .fs-c-subgroupList .fs-c-subgroupList__item {
    margin-left: calc(20 / 1340 * 100vw);
    margin-bottom: calc(20 / 1340 * 100vw);
    width: calc(195 / 1340 * 100vw); }
    .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link {
      padding: 0 calc(20 / 1340 * 100vw);
      height: calc(50 / 1340 * 100vw); }
      .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link .fs-c-subgroupList__label {
        font-size: calc(14 / 1340 * 100vw); }
      .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link:after {
        width: calc(9 / 1340 * 100vw);
        height: calc(15 / 1340 * 100vw);
        right: calc(10 / 1340 * 100vw); } }
@media screen and (max-width: 750px) {
  #header_info {
    height: calc(80 / 750 * 100vw); }
    #header_info img {
      width: calc(144 / 750 * 100vw); }

  .fs-c-heading.fs-c-heading--page {
    font-size: calc(36 / 750 * 100vw); }

  .fs-c-subgroupList {
    width: calc(700 / 750 * 100vw); }
    .fs-c-subgroupList .fs-c-subgroupList__item {
      margin-left: calc(20 / 750 * 100vw);
      margin-bottom: calc(20 / 750 * 100vw);
      width: calc(50% - calc(10 / 750 * 100vw)); }
      .fs-c-subgroupList .fs-c-subgroupList__item:nth-child(2n+1) {
        margin-left: 0; }
      .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link {
        padding: 0 calc(28 / 750 * 100vw);
        height: calc(100 / 750 * 100vw); }
        .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link .fs-c-subgroupList__label {
          font-size: calc(24 / 750 * 100vw); }
        .fs-c-subgroupList .fs-c-subgroupList__item .fs-c-subgroupList__link:after {
          width: calc(18 / 750 * 100vw);
          height: calc(30 / 750 * 100vw);
          right: calc(20 / 750 * 100vw); } }

@media screen and (max-width: 750px) {
	.fs-l-main {
	    padding: 0;
	}
}