@media screen and (min-width: 768px) {
  .sp-none {
    display: inline-block; } }
@media screen and (max-width: 767px) {
  .sp-none {
    display: none; } }

@media screen and (min-width: 768px) {
  .pc-none {
    display: none; } }
@media screen and (max-width: 767px) {
  .pc-none {
    display: block; } }

.m-topicpath ol {
  background-color: #fefaed; }

.l-main {
  background-color: #fefaed; }
  @media screen and (min-width: 768px) {
    .l-main {
      padding: 50px 0 100px; } }
  @media screen and (max-width: 767px) {
    .l-main {
      padding: 9.066666vw 0; } }

.l-main p {
  line-height: 1.57143;
  letter-spacing: .04em; }
  @media screen and (min-width: 768px) {
    .l-main p {
      font-size: 13px; } }
  @media screen and (max-width: 767px) {
    .l-main p {
      font-size: 3.2vw; } }

@media screen and (max-width: 767px) {
  .ttl_txt {
    margin-top: 0px; } }

.info-inner {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px) {
    .info-inner {
      width: 900px;
      margin: 0 auto;
      padding: 30px 85px 70px;
      box-sizing: border-box; } }
  @media screen and (max-width: 767px) {
    .info-inner {
      width: 89.33333vw;
      margin: 0 auto;
      padding: 15.2vw 4vw 10.66667vw;
      box-sizing: border-box; } }

.info-inner h1 {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .info-inner h1 {
      font-size: 18px;
      margin: 80px 0 60px; } }
  @media screen and (max-width: 767px) {
    .info-inner h1 {
      margin-bottom: 8vw;
      line-height: 1.5;
      font-size: 4.2666667vw; } }
  .info-inner h1 span {
    font-size: .6875rem;
    border: 1px solid #c6c6c6;
    color: #87877d;
    text-align: center;
    letter-spacing: .04em;
    background-color: #fff;
    padding: 4.5px 5px;
    box-sizing: border-box;
    display: inline-block;
    width: fit-content;
    position: relative;
    top: -3px;
    margin-right: 15px;
    /*margin: 0 auto 12px;*/ }
    @media screen and (max-width: 767px) {
      .info-inner h1 span {
        display: block;
        margin: 0 auto 2.4vw;
        /*width: 19.26667vw;*/
        padding: 0 2.66667vw;
        font-size: 2.66667vw;
        line-height: 4.8vw; } }

@media screen and (min-width: 768px) {
  .info-inner h2 {
    margin-top: 40px;
    font-size: 14px; } }
@media screen and (max-width: 767px) {
  .info-inner h2 {
    margin-top: 10.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.57; } }
.info-inner h2 span {
  font-size: .6875rem;
  border: 1px solid #55342;
  color: #fff;
  text-align: center;
  letter-spacing: .04em;
  background-color: #55342c;
  padding: 4.5px 5px;
  box-sizing: border-box;
  display: block;
  width: fit-content;
  position: relative;
  top: -3px;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .info-inner h2 span {
      margin-bottom: 2.4vw;
      padding: 0 2.66667vw;
      font-size: 2.66667vw;
      line-height: 4.8vw; } }

.info-inner h3 {
  margin-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.57; }
  @media screen and (max-width: 767px) {
    .info-inner h3 {
      margin-bottom: 2.6666666667vw;
      font-size: 3.7333333333vw; } }

.info-inner .notes {
  margin-top: 5px;
  font-size: 11px; }
  @media screen and (max-width: 767px) {
    .info-inner .notes {
      margin-top: 1.3333333333vw;
      font-size: 2.6666666667vw; } }

.info-date {
  position: absolute; }
  @media screen and (min-width: 768px) {
    .info-date {
      top: 40px;
      right: 65px; } }
  @media screen and (max-width: 767px) {
    .info-date {
      top: 4vw;
      right: 4vw; } }

@media screen and (max-width: 767px) {
  .l-main .info-top-text {
    letter-spacing: -0.02em; } }

.info-top-text span {
  display: block; }
  @media screen and (min-width: 768px) {
    .info-top-text span {
      margin-bottom: 6px; } }
  @media screen and (max-width: 767px) {
    .info-top-text span {
      margin-bottom: 1.5vw;
      letter-spacing: -0.02em; } }

@media screen and (min-width: 768px) {
  .info-top-text .info-top-text-2 {
    margin-bottom: 0; } }

.info-campaign-list {
  margin-top: 30px; }
  @media screen and (max-width: 767px) {
    .info-campaign-list {
      margin-top: 8vw; } }

.info-campaign-item {
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .info-campaign-item {
      margin-bottom: 8vw; } }
  .info-campaign-item p {
    display: block;
    margin-top: 5px; }
    @media screen and (max-width: 767px) {
      .info-campaign-item p {
        margin-top: 1.3333333333vw; } }
    .info-campaign-item p:first-child {
      margin-top: 0; }
    .info-campaign-item p span {
      display: inline-block;
      padding-right: 10px;
      color: #878782; }
      @media screen and (max-width: 767px) {
        .info-campaign-item p span {
          display: block; } }

.prod-list-item {
  padding: 5px 0;
  font-size: 13px; }
  @media screen and (max-width: 767px) {
    .prod-list-item {
      font-size: 3.2vw; } }
  .prod-list-item a {
    text-decoration: none;
    color: #3c3c3c; }

.present-img-wrapper {
  display: flex;
  margin-top: 20px;
  gap: 20px;
  justify-content: center; }
@inlude mq {
  .present-img-wrapper {
    margin-top: 5.3333333333vw;
    gap: 4vw; } }
.present-img {
  height: 150px; }
  @media screen and (max-width: 767px) {
    .present-img {
      max-height: 26.6666666667vw !important;
      width: auto !important; } }

.prod-list-item a {
  color: #3c3c3c;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  .prod-list-item a::after {
    display: inline-block;
    background: url(../../assets/images/icon_arrow_gray.svg) no-repeat;
    background-size: 100% 100%;
    content: ""; }
    @media screen and (min-width: 768px) {
      .prod-list-item a::after {
        width: 15px;
        height: 15px;
        vertical-align: -3px;
        margin-left: 2px; } }
    @media screen and (max-width: 767px) {
      .prod-list-item a::after {
        width: 2.7vw;
        height: 2.7vw;
        margin-left: 0.5vw;
        vertical-align: -0.3vw; } }

.prod-list-item a:hover,
.prod-list-item a:hover:after {
  opacity: .5; }

.prod-list-item a:hover {
  text-decoration: underline; }