:root {
  --font_s_15: calc( 15 / 14 * 1em);
}
@media (max-width: 1100px) {
  :root {
    --font_s_15: calc( 13 / 14 * 1em);
  }
}
@media (max-width: 800px) {
  :root {
    --font_s_15: calc( 15 / 14 * 1em);
  }
}

/*================================

p-main_navi

================================*/
#commercial_button-badge .m-main {
  position: relative;
}
#commercial_button-badge .m-main .p-main__navi {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin-top: 25px;
}
@media (max-width: 800px) {
  #commercial_button-badge .m-main .p-main__navi {
    position: static;
    margin: 0;
  }
}
#commercial_button-badge .m-main .p-main__navi ul {
  background: #0D2EA0;
  padding: 20px;
}
@media (max-width: 1100px) {
  #commercial_button-badge .m-main .p-main__navi ul {
    padding: 15px;
  }
}
@media (max-width: 800px) {
  #commercial_button-badge .m-main .p-main__navi ul {
    padding: 20px;
  }
}
#commercial_button-badge .m-main .p-main__navi__line {
  padding-bottom: 5px;
  position: relative;
}
#commercial_button-badge .m-main .p-main__navi__line::after {
  content: "";
  width: calc(100% + 20px);
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1100px) {
  #commercial_button-badge .m-main .p-main__navi__line::after {
    width: calc(100% + 15px);
  }
}
@media (max-width: 800px) {
  #commercial_button-badge .m-main .p-main__navi__line::after {
    width: calc(100% + 20px);
  }
}
#commercial_button-badge .m-main .p-main__navi__line__arrow {
  color: #FFFFFF;
  font-size: var(--font_s_15);
  font-weight: bold;
  line-height: 1.5;
  display: block;
  position: relative;
}
#commercial_button-badge .m-main .p-main__navi__line__arrow::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-top: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  display: inline-block;
  position: absolute;
  top: 2em;
  right: 0;
  transform: rotate(45deg);
}
@media (max-width: 800px) {
  #commercial_button-badge .m-main .p-main__navi__line__arrow::after {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
}
@media (max-width: 800px) {
  #commercial_button-badge .m-main .p-main__navi__line__arrow .m-only_pc {
    display: none;
  }
}

/*================================

p-button

================================*/
#commercial_button-badge .l-section.p-button {
  margin-top: 60px;
}
@media (max-width: 640px) {
  #commercial_button-badge .l-section.p-button {
    margin-top: 40px;
  }
}

/*================================

p-news

================================*/
@media (max-width: 640px) {
  #commercial_button-badge .l-section.p-news .mod-dateList {
    margin-top: 30px;
  }
}/*# sourceMappingURL=p-top.css.map */