.commonHeader {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #000;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

.commonHeader *,
.commonHeader *::before,
.commonHeader *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.commonHeader img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.commonHeader a {
  color: inherit;
  text-decoration: none;
}

.commonHeader ul,
.commonHeader ol {
  list-style: none;
}

.commonHeader button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.commonHeader {
  position: relative;
}

.commonHeader__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E6EBF2;
  padding: 14px 24px;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
  }
}

.commonHeader__tabBtn {
  display: none;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%2020C5.45%2020%204.97917%2019.8042%204.5875%2019.4125C4.19583%2019.0208%204%2018.55%204%2018C4%2017.45%204.19583%2016.9792%204.5875%2016.5875C4.97917%2016.1958%205.45%2016%206%2016C6.55%2016%207.02083%2016.1958%207.4125%2016.5875C7.80417%2016.9792%208%2017.45%208%2018C8%2018.55%207.80417%2019.0208%207.4125%2019.4125C7.02083%2019.8042%206.55%2020%206%2020ZM12%2020C11.45%2020%2010.9792%2019.8042%2010.5875%2019.4125C10.1958%2019.0208%2010%2018.55%2010%2018C10%2017.45%2010.1958%2016.9792%2010.5875%2016.5875C10.9792%2016.1958%2011.45%2016%2012%2016C12.55%2016%2013.0208%2016.1958%2013.4125%2016.5875C13.8042%2016.9792%2014%2017.45%2014%2018C14%2018.55%2013.8042%2019.0208%2013.4125%2019.4125C13.0208%2019.8042%2012.55%2020%2012%2020ZM18%2020C17.45%2020%2016.9792%2019.8042%2016.5875%2019.4125C16.1958%2019.0208%2016%2018.55%2016%2018C16%2017.45%2016.1958%2016.9792%2016.5875%2016.5875C16.9792%2016.1958%2017.45%2016%2018%2016C18.55%2016%2019.0208%2016.1958%2019.4125%2016.5875C19.8042%2016.9792%2020%2017.45%2020%2018C20%2018.55%2019.8042%2019.0208%2019.4125%2019.4125C19.0208%2019.8042%2018.55%2020%2018%2020ZM6%2014C5.45%2014%204.97917%2013.8042%204.5875%2013.4125C4.19583%2013.0208%204%2012.55%204%2012C4%2011.45%204.19583%2010.9792%204.5875%2010.5875C4.97917%2010.1958%205.45%2010%206%2010C6.55%2010%207.02083%2010.1958%207.4125%2010.5875C7.80417%2010.9792%208%2011.45%208%2012C8%2012.55%207.80417%2013.0208%207.4125%2013.4125C7.02083%2013.8042%206.55%2014%206%2014ZM12%2014C11.45%2014%2010.9792%2013.8042%2010.5875%2013.4125C10.1958%2013.0208%2010%2012.55%2010%2012C10%2011.45%2010.1958%2010.9792%2010.5875%2010.5875C10.9792%2010.1958%2011.45%2010%2012%2010C12.55%2010%2013.0208%2010.1958%2013.4125%2010.5875C13.8042%2010.9792%2014%2011.45%2014%2012C14%2012.55%2013.8042%2013.0208%2013.4125%2013.4125C13.0208%2013.8042%2012.55%2014%2012%2014ZM18%2014C17.45%2014%2016.9792%2013.8042%2016.5875%2013.4125C16.1958%2013.0208%2016%2012.55%2016%2012C16%2011.45%2016.1958%2010.9792%2016.5875%2010.5875C16.9792%2010.1958%2017.45%2010%2018%2010C18.55%2010%2019.0208%2010.1958%2019.4125%2010.5875C19.8042%2010.9792%2020%2011.45%2020%2012C20%2012.55%2019.8042%2013.0208%2019.4125%2013.4125C19.0208%2013.8042%2018.55%2014%2018%2014ZM6%208C5.45%208%204.97917%207.80417%204.5875%207.4125C4.19583%207.02083%204%206.55%204%206C4%205.45%204.19583%204.97917%204.5875%204.5875C4.97917%204.19583%205.45%204%206%204C6.55%204%207.02083%204.19583%207.4125%204.5875C7.80417%204.97917%208%205.45%208%206C8%206.55%207.80417%207.02083%207.4125%207.4125C7.02083%207.80417%206.55%208%206%208ZM12%208C11.45%208%2010.9792%207.80417%2010.5875%207.4125C10.1958%207.02083%2010%206.55%2010%206C10%205.45%2010.1958%204.97917%2010.5875%204.5875C10.9792%204.19583%2011.45%204%2012%204C12.55%204%2013.0208%204.19583%2013.4125%204.5875C13.8042%204.97917%2014%205.45%2014%206C14%206.55%2013.8042%207.02083%2013.4125%207.4125C13.0208%207.80417%2012.55%208%2012%208ZM18%208C17.45%208%2016.9792%207.80417%2016.5875%207.4125C16.1958%207.02083%2016%206.55%2016%206C16%205.45%2016.1958%204.97917%2016.5875%204.5875C16.9792%204.19583%2017.45%204%2018%204C18.55%204%2019.0208%204.19583%2019.4125%204.5875C19.8042%204.97917%2020%205.45%2020%206C20%206.55%2019.8042%207.02083%2019.4125%207.4125C19.0208%207.80417%2018.55%208%2018%208Z%22%20fill%3D%22%23888F99%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 8px;
  cursor: pointer;
}

@media (any-hover: hover) {
  .commonHeader__tabBtn {
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
  }
  .commonHeader__tabBtn:hover {
    background-color: #E6EBF2;
  }
}

.commonHeader__tabBtn.is-active {
  background-color: #E6EBF2;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabBtn {
    display: block;
  }
}

.commonHeader__tabNav {
  margin-left: auto;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabNav {
    width: 100%;
    margin-left: unset;
  }
}

.commonHeader__tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
          column-gap: 6px;
  margin-left: auto;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabList {
    -webkit-column-gap: 0;
            column-gap: 0;
    width: 100%;
    border-top: 1px solid #E6EBF2;
    -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  }
  .commonHeader__tabList.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.commonHeader__tabItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
          column-gap: 4px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;

  @media only screen and (max-width: 1279px) {
    &:not(:first-child) {
      border-left: 1px solid #E6EBF2;
    }
  }
}

@media (any-hover: hover) {
  .commonHeader__tabItem {
    -webkit-transition: font-weight 0.2s ease-out, -webkit-text-decoration 0.2s ease-out;
    transition: font-weight 0.2s ease-out, -webkit-text-decoration 0.2s ease-out;
    transition: text-decoration 0.2s ease-out, font-weight 0.2s ease-out;
    transition: text-decoration 0.2s ease-out, font-weight 0.2s ease-out, -webkit-text-decoration 0.2s ease-out;
  }
  .commonHeader__tabItem:hover {
    text-decoration: none;
  }
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabItem {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    line-height: 1.5;
    background-color: #fff;
    padding: 12px 5px;
  }
}

.commonHeader__tabItem::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOCAxMC4yNjY4TDQgNi4yNjY4M0w0LjkzMzMzIDUuMzMzNUw4IDguNDAwMTZMMTEuMDY2NyA1LjMzMzVMMTIgNi4yNjY4M0w4IDEwLjI2NjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabItem::after {
    display: none;
  }
}

.commonHeader__tabItem.is-active {
  font-weight: bold;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabItem.is-active {
    background-color: #E6EBF2;
  }
}

.commonHeader__tabItem.is-active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.commonHeader__tabGroup {
  position: relative;
  display: none;
  padding: 32px 16px 96px;
  background-color: #F5F7FA;
  border-bottom: 1px solid #E6EBF2;
  -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabGroup {
    padding: 24px 16px 80px;
  }
}

.commonHeader__tabGroup.is-active {
  display: block;
}

.commonHeader__tabGroup .groupCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 32px;
          column-gap: 32px;
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabGroup .groupCont {
    top: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 20px;
  }
}

.commonHeader__tabGroup .groupCont__cont {
  max-width: 544px;
  width: 100%;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabGroup .groupCont__cont {
    max-width: 100%;
  }
}

.commonHeader__tabGroup .groupCont__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}

.commonHeader__tabGroup .groupCont__title + .groupCont__item {
  margin-top: 16px;
}

.commonHeader__tabGroup .groupCont__item + .groupCont__item {
  margin-top: 8px;
}

.commonHeader__tabGroup .groupCont__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
          column-gap: 8px;
  background-color: #fff;
  padding: 12px 16px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
}

@media (any-hover: hover) {
  .commonHeader__tabGroup .groupCont__link {
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  }
  .commonHeader__tabGroup .groupCont__link:hover {
    color: #004097;
    background-color: #F5F7FA;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  }
}

.commonHeader__tabGroup .groupCont__link p {
  font-size: 14px;
  text-align: left;
  line-height: 1.5;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabGroup .groupCont__link p {
    font-size: 12px;
  }
}

.commonHeader__tabGroup .groupCont__link img {
  width: auto;
  height: 33px;
}

@media only screen and (max-width: 1279px) {
  .commonHeader__tabGroup .groupCont__link img {
    height: 23px;
  }
}
/*# sourceMappingURL=header.css.map */