@charset "UTF-8";
#l-header .l-header__inner{
  position: relative!important;
}
#l-header .l-header__inner__mobile{
  position: relative!important;
}
@media (max-width: 736px) {
  .sub_nav_area{
    padding: 0;
  }
}
.navi-shougakuseirobocon__inner {
  background-color: #EEEEEE;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
@media screen and (max-width: 1023.99px) {
  .navi-shougakuseirobocon__inner {
    top: 0;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__inner.is-open .navi-shougakuseirobocon__head:before {
    content: "CLOSE";
  }
  .navi-shougakuseirobocon__inner.is-open .navi-shougakuseirobocon__head:after {
    transform: rotate(-180deg);
  }
  .navi-shougakuseirobocon__inner.is-open .navi-shougakuseirobocon__list {
    opacity: 1;
    pointer-events: auto;
  }
}
.navi-shougakuseirobocon__head {
  text-align: center;
  padding-block: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__head {
    display: none !important;
  }
}
.navi-shougakuseirobocon__head:before {
  content: "MENU";
  position: relative;
  padding-right: 14px;
  font-size: 16px;
  font-weight: 600;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.navi-shougakuseirobocon__head:after {
  content: "";
  width: 13px;
  height: 8px;
  background: url("/jp/philanthropy/shougakuseirobocon/assets/common/img/ico_arr-down.png") no-repeat center/100% 100%;
  transition: transform 0.3s ease;
  transform-origin: center center;
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list {
    border-top: 1px solid #CCCCCC;
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #EEEEEE;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list > li:hover > a, .navi-shougakuseirobocon__list > li:hover > span {
    background-color: #35363B;
    color: #fff;
  }
  .navi-shougakuseirobocon__list > li:hover > a:after, .navi-shougakuseirobocon__list > li:hover > span:after {
    border: solid #fff !important;
    border-width: 0 1px 1px 0 !important;
  }
  .navi-shougakuseirobocon__list > li:hover .navi-child {
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list > li:not(:last-child) {
    border-bottom: 1px solid #CCCCCC;
  }
}
.navi-shougakuseirobocon__list > li > a, .navi-shougakuseirobocon__list > li > span {
  color: #222222;
  font-weight: 600;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0;
  font-size: 16px;
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list > li > a, .navi-shougakuseirobocon__list > li > span {
    padding: 15px 22px 13px;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list > li > a, .navi-shougakuseirobocon__list > li > span {
    padding-inline: 15px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 51px;
  }
  .navi-shougakuseirobocon__list > li > a:after, .navi-shougakuseirobocon__list > li > span:after {
    content: "";
    position: absolute;
    top: 21px;
    right: 20px;
    border: solid #222222;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
  }
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list > li.has-child > span {
    position: relative;
    padding-right: 48px;
  }
  .navi-shougakuseirobocon__list > li.has-child > span:after {
    content: "";
    position: absolute;
    top: 21px;
    right: 24px;
    border: solid #222222;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
  }
}
@media screen and (min-width: 737px) and (min-width: 737px) {
  .navi-shougakuseirobocon__list > li.has-child > span:after {
    transform: rotate(45deg);
    transition: border-color 0.3s ease;
  }
}
@media screen and (min-width: 737px) and (max-width: 736px) {
  .navi-shougakuseirobocon__list > li.has-child > span:after {
    transform: rotate(-45deg);
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list > li.has-child > span:after {
    transform: rotate(45deg);
  }
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list .navi-child {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    background-color: rgba(53, 54, 59, 0.95);
    padding-block: 30px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list .navi-child {
    background-color: #35363B;
  }
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list .navi-child__inner {
    width: 1080px;
    margin-inline: auto;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list .navi-child__inner li {
    width: 33.3333333333%;
    padding-inline: 50px;
  }
  .navi-shougakuseirobocon__list .navi-child__inner li:not(:last-child) {
    position: relative;
  }
  .navi-shougakuseirobocon__list .navi-child__inner li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid #AAAAAA;
  }
  .navi-shougakuseirobocon__list .navi-child__inner li a {
    transition: opacity 0.3s ease-in-out;
  }
  .navi-shougakuseirobocon__list .navi-child__inner li a:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list .navi-child__inner li img {
    border-radius: 4px;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list .navi-child__inner li img {
    display: none;
  }
}
@media screen and (min-width: 737px) {
  .navi-shougakuseirobocon__list .navi-child__inner li span {
    display: none;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list .navi-child__inner li:not(:last-child) {
    border-bottom: 1px solid #AAAAAA;
  }
}
@media screen and (max-width: 736px) {
  .navi-shougakuseirobocon__list .navi-child__inner a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.4285714286;
    padding-inline: 16px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 51px;
    text-align: left;
  }
  .navi-shougakuseirobocon__list .navi-child__inner a:after {
    content: "";
    position: absolute;
    top: 22px;
    right: 19px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
  }
}/*# sourceMappingURL=navi-shougakuseirobocon.css.map */