.p-header {
  visibility: visible;
  z-index: 99;
  position: sticky;
/*  position: fixed;*/
  top: 0;
  width: 100%;
  overflow: hidden;
  background: #fff100;
  opacity: 1;
}

.p-header.open .p-header_kanzenmeshi {
  display: none;
}

.p-header.open .p-header_campaign {
  display: none;
}

.p-header_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: min(6.589vw,9rem);
  margin: 0 auto;
}

.p-header_wrapper.is-top {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-header_wrapper::after {
  display: inline-block;
  visibility: initial;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #000000;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.p-header_top {
  position: relative;
  top: min(1.83vw,2.5rem);
  left: min(6.589vw,9rem);
  width: min(16.471vw,22.5rem);
}

.p-header_top_list_sns_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: min(1.83vw,2.5rem);
  right: min(4.026vw,5.5rem);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: min(8.053vw,11rem);
  padding-left: .1rem;
}

.p-header_top_list_sns_wrapper.is-none {
  display: none;
}

.p-header_top_list_sns_link {
  width: min(3.001vw,4.1rem);
  padding-left: 0.1rem;
  cursor: pointer;
}
.p-header_top_list_sns:nth-child(2) .p-header_top_list_sns_link {
  width: min(3.001vw,3.7rem);
}

.p-header_logo {
  margin: 2.5rem 2.2rem;
  text-align: left;
}

.p-header_logo_img {
  position: relative;
}

.p-header_btn {
  display: block;
  z-index: 9999;
  position: fixed;
  position: absolute;
  top: min(1.83vw,2.5rem);
  left: min(4.392vw,6rem);
  width: min(3.294vw,4.5rem);
  height: min(2.635vw,3.6rem);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  background: #fff100;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: middle;
  cursor: pointer;
}

.p-header_btn span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  left: 50%;
  width: min(2.928vw,4rem);
  height: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000000;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.p-header_btn span:nth-of-type(1) {
  top: 0;
}

.p-header_btn span:nth-of-type(2) {
  top: min(1.025vw,1.4rem);
}

.p-header_btn span:nth-of-type(3) {
  top: min(2.05vw,2.8rem);
}

.p-header_btn.active {
  position: fixed;
}

.p-header_btn.active span:nth-of-type(1) {
  width: min(3.66vw,5rem);
  -webkit-transform: translate(-50%, min(1.025vw,1.4rem)) rotate(-45deg);
  transform: translate(-50%, min(1.025vw,1.4rem)) rotate(-45deg);
}

.p-header_btn.active span:nth-of-type(2) {
  display: none;
}

.p-header_btn.active span:nth-of-type(3) {
  width: min(3.66vw,5rem);
  -webkit-transform: translate(-50%, max(-1.098vw,-1.5rem)) rotate(45deg);
  transform: translate(-50%, max(-1.098vw,-1.5rem)) rotate(45deg);
}

.p-header_campaign {
  position: absolute;
  top: 0;
  right: min(23.06vw,31.5rem);
  bottom: min(0.732vw,1rem);
  width: min(9.59vw,13.1rem);
}

.p-header_campaign_ttl {
  z-index: 1;
  position: absolute;
  right: min(0.512vw,0.7rem);
  bottom: min(0.366vw,0.5rem);
  width: min(6.955vw,9.5rem);
}

.p-header_campaign_arrow {
  z-index: 1;
  position: absolute;
  bottom: min(0.439vw,0.6rem);
  left: min(0.512vw,0.7rem);
  width: min(1.318vw,1.8rem);
}

.p-header_campaign_img {
  display: block;
  position: relative;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-header_campaign_img_wrapper {
  overflow: hidden;
  border: 3px solid #000000;
  border-top: none;
  border-radius: 0 0 .8rem .8rem;
}

.p-header_kanzenmeshi {
  z-index: 1;
  position: absolute;
  top: 0;
  right: min(14.641vw,20rem);
  width: min(7.321vw,10rem);
  height: min(6.369vw,8.7rem);
  overflow: hidden;
}

.p-header_kanzenmeshi_link {
  display: block;
  width: 100%;
  height: min(5.857vw,8rem);
  margin-top: 0;
  border-top: none;
  border-radius: 0 0 1rem 1rem;
  background: #0f0964;
}

.p-header_kanzenmeshi_img {
  position: absolute;
  top: min(0.659vw,0.9rem);
  right: min(1.318vw,1.8rem);
  width: min(4.466vw,6.1rem);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-header_kanzenmeshi_arrow {
  position: absolute;
  bottom: min(0.952vw,1.3rem);
  left: min(0.439vw,0.6rem);
  width: min(1.318vw,1.8rem);
}

.p-header_nav {
  z-index: 99;
  position: fixed;
  position: fixed;
  top: min(6.589vw,9rem);
  right: 0;
  width: 100%;
  width: 100%;
  height: 0;
  margin-right: 0;
  margin-right: 0;
  overflow-y: hidden;
  -webkit-transform: none;
  transform: none;
  background: #fff100;
  background: url(/img/p-header_bg_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-header_nav.open {
  height: 24.89019vw;
}

.p-header_nav_wrapper {
      /* padding-left: 7rem; */
  position: relative;
  left: 6.58858vw;
  width: 37.33529vw;
  margin: 3.29429vw auto 0;
}

.p-header_list_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.73206vw;
}

.p-header_list_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 17.56955vw;
  min-height: 4.39239vw;
  margin-bottom: 2.19619vw;
  border: 2px solid #000000;
  border-radius: 2.19619vw;
  background: #fff100;
  -webkit-box-shadow: 0px 4px 0px 0px #000000;
  box-shadow: 0px 4px 0px 0px #000000;
  color: #000000;
  cursor: pointer;
}

.p-header_list_img {
  display: block;
  height: 2.12299vw;
  margin: 0 auto;
}

.p-header_list_sns_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 10.98097vw;
  margin: auto;
}

.p-header_list_sns_link {
  width: 3.80673vw;
  padding-left: 0.1rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-header_list_sns:nth-child(2) .p-header_list_sns_link {
    width: 3.2vw;
  }
}
.p-wrapper_middle {
  margin: 0 auto;
  padding-right: 6.3rem;
  padding-left: 6.3rem;
}

@media screen and (max-width: 47.9735em) {
  .p-header {
    width: 100%;
    min-width: 0;
  }
  .p-header.open .p-header_logo_link {
    display: block;
  }
  .p-header_wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 6rem;
    padding: 0;
  }
  .p-header_top {
    z-index: 9;
    top: 1.8rem;
    left: 4.5rem;
    width: 13rem;
  }
  .p-header_top_list_sns_wrapper {
    display: none;
    top: 1.7rem;
    right: 1.4rem;
    width: 11rem;
  }
  .p-header_top_list_sns_link {
    width: 2.7rem;
  }
  .p-header_logo {
    margin: 0 0 0 2rem;
  }
  .p-header_btn {
    top: 2rem;
    left: 1.5rem;
    width: 2.5rem;
    height: 1.8rem;
  }
  .p-header_btn span {
    width: 2.5rem;
    height: 3px;
  }
  .p-header_btn span:nth-of-type(2) {
    top: .8rem;
  }
  .p-header_btn span:nth-of-type(3) {
    top: 1.6rem;
  }
  .p-header_btn.active span:nth-of-type(1) {
    width: 3rem;
    -webkit-transform: translate(-50%, 0.7rem) rotate(-45deg);
    transform: translate(-50%, 0.7rem) rotate(-45deg);
  }
  .p-header_btn.active span:nth-of-type(3) {
    width: 3rem;
    -webkit-transform: translate(-50%, -0.8rem) rotate(45deg);
    transform: translate(-50%, -0.8rem) rotate(45deg);
  }
  .p-header_campaign {
    right: 8rem;
    bottom: 0.5rem;
    width: 8.7rem;
  }
  .p-header_campaign_ttl {
    top: 1.6rem;
    width: 8.2rem;
  }
  .p-header_campaign_arrow {
    bottom: .6rem;
    left: .4rem;
    width: 1.2rem;
  }
  .p-header_campaign_img {
    height: 5rem;
  }
  .p-header_kanzenmeshi {
    z-index: 1;
    top: 0rem;
    right: 0.8rem;
    width: 6.6rem;
    height: 5.5rem;
  }
  .p-header_kanzenmeshi_link {
    height: 5.3rem;
    border-radius: 0 0 .8rem .8rem;
  }
  .p-header_kanzenmeshi_img {
    top: 0.6rem;
    right: 1.2rem;
    width: 4.1rem;
  }
  .p-header_kanzenmeshi_arrow {
    bottom: .6rem;
    left: .4rem;
    width: 1.2rem;
  }
  .p-header_nav {
    top: 6rem;
    overflow-y: scroll;
    background: url(/img/p-header_bg_sp.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .p-header_nav.open {
    height: calc(100vh - 6rem);
    height: calc(100dvh - 6rem);
  }
  .p-header_nav_wrapper {
    left: 0;
    width: 24rem;
    margin-top: 3rem;
  }
  .p-header_list_wrapper {
    display: block;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-header_list_link {
    width: 24rem;
    min-height: 6rem;
    margin-bottom: 2rem;
    border-radius: 3rem;
  }
  .p-header_list_img {
    height: 2.9rem;
  }
  .p-header_list_sns_wrapper {
    width: 18.5rem;
  }
  .p-header_list_sns_link {
    width: 4.1rem;
  }
  .p-wrapper_middle {
    max-width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

@media (hover: hover) {
  .p-header_campaign:hover .p-header_campaign_img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .p-header_kanzenmeshi_link:hover .p-header_kanzenmeshi_img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 47.9735em) and (max-width: 23.375em) {
  .p-header_list_sns_link {
    padding-top: .3rem;
  }
}