/* このページでは共通CSSの最小幅1280pxを解除する。 */
body.p-r4p-layout,
.p-r4p-layout .l-body,
.p-r4p-layout header,
.p-r4p-layout .header {
  width: 100%;
  min-width: 0;
}

.p-r4p-layout .main-menu {
  max-width: 100%;
}

.p-r4p-page .l-container,
.p-r4p-page .l-container__narrow {
  max-width: calc(100% - 40px);
}

.p-r4p-page .main {
  background-image: url(../img/r4p/hero.jpg);
  background-position: center 20%;
}

.p-r4p-page .main_title {
  font-size: 26px;
  line-height: 1.6;
}

.p-r4p-page .main_title span {
  display: block;
}

.p-r4p-page .section-1 {
  padding: 80px 0 40px;
}

.p-r4p-page .section-1 .title {
  line-height: 1.8;
}

.p-r4p-page .section-1 [id] {
  scroll-margin-top: 100px;
}

/* 既存の企業版ふるさと納税ページと同じ、中間幅のヘッダー配置。 */
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-r4p-layout header,
  .p-r4p-layout .header {
    height: 128px;
  }

  .p-r4p-layout .main-menu {
    flex-direction: column;
    width: 100%;
  }

  .p-r4p-layout .header_logo_l {
    height: 50px;
  }

  .p-r4p-layout .header__logo {
    width: 160px;
  }

  .p-r4p-layout .sub__menu {
    height: 76px;
    justify-content: flex-start;
  }

  .p-r4p-layout .sub_menu_top {
    height: 28px;
    justify-content: center;
  }

  .p-r4p-layout .sub_menu_top .sub_menu {
    width: 100%;
    justify-content: space-between;
  }

  .p-r4p-layout .sub_menu_top .sns {
    position: absolute;
    top: 14px;
    right: 100px;
  }

  .p-r4p-layout .sub_menu_top .language {
    position: absolute;
    top: 14px;
    right: 20px;
  }

  .p-r4p-layout #dropmenu {
    justify-content: space-between;
    margin: 4px 0 0;
  }

  .p-r4p-layout #dropmenu > li {
    margin-inline: 0;
  }

  .p-r4p-page .main {
    margin-top: 128px;
  }

  .p-r4p-page .section-1 [id] {
    scroll-margin-top: 148px;
  }
}

@media screen and (max-width: 767px) {
  .p-r4p-page .l-container,
  .p-r4p-page .l-container__narrow {
    max-width: 100%;
  }

  .p-r4p-page .main {
    background-position: 65% center;
  }

  .p-r4p-page .section-1 {
    padding-top: 40px;
  }

  .p-r4p-page .section-1 [id] {
    scroll-margin-top: 70px;
  }
}