body {
  width: 100%;
}
body.is-fixed {
  position: fixed;
}
body.is-fixed-popup {
  overflow: hidden;
  -ms-touch-action: none !important;
  touch-action: none !important;
  pointer-events: none !important;
}
body.is-fixed-popup .c-popup1__popup {
  -ms-touch-action: auto !important;
  touch-action: auto !important;
  pointer-events: visible !important;
}

@media (min-width: 768px) {
  .page-5th_cp a {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .page-5th_cp a:hover {
    opacity: 0.7;
  }
}
.page-5th_cp h2, .page-5th_cp h3, .page-5th_cp p, .page-5th_cp dl, .page-5th_cp dt, .page-5th_cp dd {
  margin: 0;
  padding: 0;
}
.page-5th_cp .main {
  background-color: #432208;
  font-weight: 500;
  color: #231916;
}
.page-5th_cp .wow {
  opacity: 0;
}
.page-5th_cp .wow.pulse {
  opacity: 1;
}
.page-5th_cp .wrap {
  width: 100%;
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .page-5th_cp .wrap {
    padding: 0 1.75rem;
  }
}
.page-5th_cp .wrapper {
  width: 100%;
  max-width: 81.25rem;
  margin-left: auto;
  margin-right: auto;
}
.page-5th_cp .kv {
  background-color: #fff;
  height: 38.5rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .page-5th_cp .kv {
    height: 39.5625rem;
    padding-top: 4rem;
    text-align: center;
  }
}
.page-5th_cp .kv:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50.625rem;
  background: url(../img/key_deco.png) no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .page-5th_cp .kv:before {
    height: 45.5625rem;
    background-image: url(../img/key_deco_sp.png);
  }
}
.page-5th_cp .kv__inner {
  max-width: 90rem;
  margin-inline: auto;
  height: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .page-5th_cp .kv .title {
    position: absolute;
    top: 5.375rem;
    left: 6.25rem;
    width: 41.75rem;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .page-5th_cp .kv .title {
    width: 19.9375rem;
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .page-5th_cp .kv .image {
    position: absolute;
    top: 3.625rem;
    right: 4.6875rem;
    width: 34.375rem;
  }
}
@media (max-width: 767px) {
  .page-5th_cp .kv .image {
    width: 20.375rem;
    margin-top: 1.5625rem;
    margin-left: 1.375rem;
  }
}
.page-5th_cp .section01 {
  padding-top: 5.3125rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 {
    padding-top: 3.9375rem;
  }
}
.page-5th_cp .section01 .title-main {
  max-width: 74.5625rem;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .title-main {
    max-width: 20.0625rem;
  }
}
.page-5th_cp .section01 .date {
  margin-top: 3.25rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .date {
    margin-top: 2rem;
  }
}
.page-5th_cp .section01 .date__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
  margin-left: 2.8125rem;
  line-height: 2.75rem;
  color: #fff;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .date__item {
    margin-top: 2.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
  }
}
.page-5th_cp .section01 .date__item dt {
  background-color: #fff;
  padding-inline: 1.5rem;
  margin-right: 1.5rem;
  border-radius: 1.375rem;
  font-size: 1.5rem;
  line-height: 2.75rem;
  font-weight: 500;
  color: #432208;
  text-align: center;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .date__item dt {
    padding-inline: 1.25rem;
    margin-bottom: 1rem;
    margin-right: 0;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.page-5th_cp .section01 .date__item dd {
  margin: 0;
  font-size: 1.25rem;
  line-height: 2.75rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.page-5th_cp .section01 .date__item dd span {
  font-size: 1.75rem;
}
.page-5th_cp .section01 .date__item dd .fnt-24 {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .date__item dd {
    font-size: 0.875rem;
    line-height: 1.75rem;
    text-align: center;
  }
  .page-5th_cp .section01 .date__item dd span {
    font-size: 1.25rem;
  }
  .page-5th_cp .section01 .date__item dd .fnt-24 {
    font-size: 1rem;
  }
}
.page-5th_cp .section01 .date__item:nth-child(2) {
  color: #FFF100;
}
.page-5th_cp .section01 .date__item:nth-child(2) dt {
  background-color: #FFF100;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .date__item:nth-child(2) {
    margin-top: 2.625rem;
  }
  .page-5th_cp .section01 .date__item:nth-child(2) dd {
    font-size: 1rem;
    line-height: 2.125rem;
  }
  .page-5th_cp .section01 .date__item:nth-child(2) dd span {
    font-size: 1.5rem;
  }
  .page-5th_cp .section01 .date__item:nth-child(2) dd .fnt-24 {
    font-size: 1.25rem;
  }
}
.page-5th_cp .section01 .date__note {
  margin-top: 1.125rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .date__note {
    margin-top: 1.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.07em;
  }
}
.page-5th_cp .section01 .box {
  max-width: 56.25rem;
  background-color: #fff;
  border-radius: 1.875rem;
  padding: 2.5rem 2.5rem 3rem;
  margin-top: 5.125rem;
  position: relative;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .box {
    margin-top: 3.75rem;
    padding: 1.6875rem 1.25rem 2.5rem;
  }
}
.page-5th_cp .section01 .box:before {
  content: "";
  width: 15.875rem;
  height: 12.5rem;
  background: url(../img/howto_deco.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: -2.6875rem;
  right: -2.9375rem;
  pointer-events: none;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .box:before {
    width: 9.75rem;
    height: 7.9375rem;
    top: -1.75rem;
    right: -1.75rem;
  }
}
.page-5th_cp .section01 .title {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.page-5th_cp .section01 .title span {
  width: 8.5rem;
  background-color: #432208;
  display: inline-block;
  border-radius: 1.25rem;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .title {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
  }
  .page-5th_cp .section01 .title span {
    width: 7.5rem;
  }
}
.page-5th_cp .section01 .txt {
  margin-top: 2.625rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: bold;
  color: #231916;
}
@media (max-width: 767px) {
  .page-5th_cp .section01 .txt {
    margin-top: 1rem;
    font-weight: 500;
  }
}
.page-5th_cp .section02 {
  margin-top: 5rem;
  padding-bottom: 7.5rem;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 {
    margin-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
.page-5th_cp .section02 .box {
  max-width: 56.25rem;
  background-color: #FFFBC7;
  border-radius: 1.875rem;
  padding: 2.5rem 2.5rem 2.5rem;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .box {
    padding: 2.5rem 1.25rem 2.5rem;
  }
}
.page-5th_cp .section02 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .row {
    display: block;
    text-align: center;
  }
}
.page-5th_cp .section02 .title {
  font-size: 1.5rem;
  line-height: 1.4166666667;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .title {
    font-size: 1.25rem;
    font-weight: 500;
  }
}
.page-5th_cp .section02 .text {
  margin-left: 2.3125rem;
  margin-right: -0.9375rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .text {
    margin-inline: 0;
    margin-top: 0.875rem;
    font-size: 0.875rem;
  }
}
.page-5th_cp .section02 .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2.1875rem 0 0;
  font-weight: 500;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .product {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.75rem 0.5625rem;
    margin-top: 1.5rem;
  }
}
.page-5th_cp .section02 .product .item {
  display: block;
  width: 10.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #540000;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .product .item {
    width: 8.4375rem;
  }
}
.page-5th_cp .section02 .product .item__photo {
  width: 7rem;
  height: 9.75rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-5th_cp .section02 .product .item__photo.w104 {
  width: 6.5rem;
}
.page-5th_cp .section02 .product .item__photo.w124 {
  width: 7.75rem;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .product .item__photo {
    width: 6rem;
    height: 8.375rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-5th_cp .section02 .product .item__photo.w104 {
    width: 5.5rem;
  }
  .page-5th_cp .section02 .product .item__photo.w124 {
    width: 6.625rem;
  }
}
.page-5th_cp .section02 .product .item__txt {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .product .item__txt {
    margin-top: 0.375rem;
    font-size: 0.75rem;
  }
}
.page-5th_cp .section02 .note {
  margin-top: 0.8125rem;
  margin-left: 4.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #540000;
}
@media (max-width: 767px) {
  .page-5th_cp .section02 .note {
    margin-top: 2rem;
    margin-left: 0;
  }
}
.page-5th_cp .bnr_countrymaam {
  margin: 3.75rem auto 0;
  width: 21.25rem;
}
@media (max-width: 767px) {
  .page-5th_cp .bnr_countrymaam {
    margin-top: 2.5rem;
    width: 19.875rem;
  }
}

/* 下部バナー */
.bnrArea {
  width: 100%;
  max-width: 1100px;
  margin: 3.75rem auto 0;
  display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	align-items: center;
  gap: 1.5em;
  padding: 0;
}
.bnrArea li {
  width: calc((100% - 1.5em) / 2);
  list-style: none;
}

@media (max-width: 767px) {
.bnrArea {
  width: 85%;
  max-width: 600px;
  margin: 2.5rem auto 0;
  display: block;
}
.bnrArea li {
  width: 100%;
  margin-bottom: 1.5em;
}
.bnrArea li:last-child {
  margin-bottom: 0;
}
}