@charset "UTF-8";

/* =========================
   基本リセット
========================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (min-width: 750px) {
    body {
        background: #ebebeb;
    }
}

a {
  color:#FE0000;
  font-size: 4.266vw;
  font-weight: 600;
}

@media only screen and (min-width: 750px) {
    a {
  font-size: 2rem;
    }
}

@media only screen and (min-width: 750px) {
    body {
  font-size: 2rem;
    }
}


ul, ol {
  list-style: none;
}

aside {
  font-size: 3.2vw;
  text-align: left;
  color: #858585;
  font-weight: 400;
}

@media only screen and (min-width: 750px) {
    aside {
  font-size: 1.5rem;
    }
}

/* =========================
   共通レイアウト
========================= */
.section {
  width: 100%;
  background-color: #fff;
  background-size: cover;
  padding: 10.666vw 5.333vw;
}

@media only screen and (min-width: 750px) {
    .section {
        width: 750px;
        margin: 0 auto;
         padding: 80px 40px;
    }
}

.container {
  margin-inline: auto;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
}

h2 {
  font-size: 6.933vw;
  margin-bottom: 8.533vw;
  text-align: center;
}

@media only screen and (min-width: 750px) {
    h2 {
        font-size: 3.2rem;
  margin-bottom: 64px;
    }
}


h3 {
  font-size: 6.4vw;
  text-align: center;
  margin-bottom: 8.533vw;
}

@media only screen and (min-width: 750px) {
    h3 {
  font-size: 3rem;
  margin-bottom: 64px;
    }
}

h4 {
  font-size: 4.266vw;
  text-align: center;
}

@media only screen and (min-width: 750px) {
    h4 {
  font-size: 2rem;
    }
}


.btn__cta {
  background-color: #31C249;
    width: 80.8vw;
  height: 17vw;
    border-radius: 999px;
      margin: 0 auto;
        display: flex;
  align-items: center;
  justify-content: center;
   -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.25);
  box-shadow: 4px 4px 0 rgba(0,0,0,.25);
  position: relative;
    z-index: 0;
}

@media only screen and (min-width: 750px) {
.btn__cta {
    width: 606px;
  height: 128px;
    }
}

.btn__cta::after {
  content: '';
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  background-image: url(../img/icon_arrow.svg);
  background-size: cover;
  width: 2.666vw;
  height: 3.2vw;
  position: absolute;
  z-index: 1;
}

@media only screen and (min-width: 750px) {
.btn__cta::after  {
  width: 20px;
  height: 24px;
    }
}

.text_entry {
  line-height: 0;
    width: 100%;
  height: 100%;  
  display: flex;
  align-items: center;
  justify-content: center;
}


.text_entry img {
  width: 40.266vw;
  height: auto;
}


@media only screen and (min-width: 750px) {
.text_entry img {
        width: 302px;
        height: auto;
    }
}



/* =========================
   キービジュアル
========================= */
.kv {
  background: url('../img/kv_bg.jpg') no-repeat center/cover;
  text-align: center;
  padding: 0; 

}

@media only screen and (min-width: 750px) {
    .kv  {
      padding: 0; 
    }
}

.kv__copy {
  padding-top: 3.2vw; 
}

@media only screen and (min-width: 750px) {
    .kv__copy  {
      padding-top: 24px; 
    }
}

.kv__copy img {
  width: 93.6vw;
  height: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 750px) {
    .kv__copy img  {
        width: 702px;
        margin: 0 auto;
        height: auto;
    }
}

.kv__logo {
  margin-top: -5.6vw;
}

@media only screen and (min-width: 750px) {
    .kv__logo  {
      margin-top: -36px;
    }
}


.kv__logo img {
  width: 25.73vw;
  height: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 750px) {
    .kv__logo img  {
        width: 193px;
        margin: 0 auto;
        height: auto;
    }
}

.kv__lead {
  padding-top: 2.1vw;
}

@media only screen and (min-width: 750px) {
    .kv__lead  {
      padding-top: 16px;
    }
}

.kv__lead img {
  width: 77.46vw;
  height: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 750px) {
.kv__lead img  {
  width: 581px;
    }
}

.kv__prize {
  margin-top: 0.53vw;
  margin: 0 auto;
  padding-bottom: 2.666vw
}

@media only screen and (min-width: 750px) {
.kv__prize   {
   margin-top: 4px;
  padding-bottom: 20px
    }
}

.kv__prize img {
  width: 79.2vw;
}

@media only screen and (min-width: 750px) {
.kv__prize img {
  width: 594px;
    }
}

.kv-summary {
  background-color: #FFE9B5;
  text-align: center;
  padding: 5.333vw 0 8.533vw;
}

@media only screen and (min-width: 750px) {
.kv-summary{
  padding: 40px 0 64px;
    }
}

.kv-summary__item--period {
  margin-bottom: 5.333vw;
}

@media only screen and (min-width: 750px) {
.kv-summary__item--period{
  margin-bottom: 40px;
    }
}

.kv-summary__item--period img {
  width: 85.333vw;
  height: auto;
}

@media only screen and (min-width: 750px) {
.kv-summary__item--period img{
  width: 640px;
    }
}

.kv-summary__item--entry {
  margin-bottom: 5.333vw;
}

@media only screen and (min-width: 750px) {
.kv-summary__item--entry{
  margin-bottom: 40px;
    }
}

.kv-summary__item--entry img {
  width: 100%;
  height: auto;
}




/* =========================
   応募方法
========================= */
.howto {
  background-color: #31C249;
    padding-bottom: 22.4vw;
}

@media only screen and (min-width: 750px) {
.howto {
  padding-bottom: 168px;
    }
}

.howto__title {
  height: auto;
}

@media only screen and (min-width: 750px) {
.howto__title  {
    }
}

.howto__title img {
  display: block;
      width: 45.333vw;
        margin: 0 auto;
}

@media only screen and (min-width: 750px) {
.howto__title img  {
    width: 360px;

    }
}

.howto__inner {
    background: #fff;
       border-radius: 5.333vw;
}

@media only screen and (min-width: 750px) {
.howto__inner  {
    border-radius: 40px;
    }
}

.howto__steps {
    padding: 10.666vw 4.266vw;
}

@media only screen and (min-width: 750px) {
.howto__steps  {
    padding: 80px 32px;
    }
}

.howto__step {
  text-align: center;
  font-weight: bold;
}

.howto__step .step_icon {
  width: 16vw;
  height: auto;
  display: block;
    margin-right: 4.266vw;
}

@media only screen and (min-width: 750px) {
.howto__step .step_icon  {
  width: 120px;
      margin-right: 32px;
    }
}

.howto__step p {
  font-size: 4.533vw;
  height: auto;
  text-align: left;
}

@media only screen and (min-width: 750px) {
.howto__step p  {
  font-size: 2.125rem;
    }
}

.howto__step--01 {
  margin-bottom: 6.4vw;
}


@media only screen and (min-width: 750px) {
.howto__step--01  {
  margin-bottom: 48px;
    }
}

.howto__step--01::after {
  content: '';
  background-image: url(../img/border_dot.png);
  background-size: cover;
  width: 81.333vw;
  height: 1.066vw;
  display: block;
  margin-top: 6.4vw;
}

@media only screen and (min-width: 750px) {
.howto__step--01::after  {
  width: 610px;
  height: 8px;
    margin-top: 48px;
    }
}

.howto__step--01 .howto__list-item {
  margin-bottom: 3.2vw;
} 

@media only screen and (min-width: 750px) {
.howto__step--01 .howto__list-item  {
  margin-bottom: 24px;
    }
}



.howto__step--02 {
  margin-bottom: 6.4vw;
}

@media only screen and (min-width: 750px) {
.howto__step--02  {
  margin-bottom: 48px;
    }
}

.howto__step--02::after {
  content: '';
  background-image: url(../img/border_dot.png);
  background-size: cover;
  width: 81.333vw;
  height: 1.066vw;
  display: block;
  margin-top: 6.4vw;
}

@media only screen and (min-width: 750px) {
.howto__step--02::after  {
  width: 610px;
  height: 8px;
    margin-top: 48px;
    }
}

.howto__step--03 {
}

@media only screen and (min-width: 750px) {
.howto__step--02  {
    }
}

.howto__step--03 p {
  margin-bottom: 3.2vw;
}

@media only screen and (min-width: 750px) {
.howto__step--03 p  {
  margin-bottom:24px;
    }
}


.howto__list-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================
   賞品紹介
========================= */

.prize {
  background-color: #FFE9B5;
    position: relative;
}

.prize::before {
  content: '';
  background-image: url(../img/border_circle_top.png);
  background-size: cover;
  width: 100vw;
  height: 11.733vw;
  position:absolute;
  top: -11.733vw;
  left: 50%;
    transform: translateX(-50%);
}

@media only screen and (min-width: 750px) {
.prize::before  {
  width: 750px;
  height: 88px;
    top: -88px;
    }
}

.prize__inner {
  background-color: #fff;
  border-radius: 5.333vw;
  padding: 13.333vw 4.266vw 8.533vw;
  background-image: url(../img/reward_bg.png);
  background-size: contain;
  width: 100%;
    position: relative;
}

@media only screen and (min-width: 750px) {
.prize__inner {
  border-radius: 40px;
  padding: 100px 32px 64px;
    }
}

.prize__inner::before {
  content: '';
  background-image: url(../img/titile_reward.svg);
  background-size: cover;
  width: 96.8vw;
  height: 21.066vw;
  position: absolute;
    top:-10.533vw;
  left: 50%;
      transform: translateX(-50%);
}

@media only screen and (min-width: 750px) {
.prize__inner::before {
  width: 726px;
  height: 158px;
  top:-79px;
    }
}

.prize__title {
  margin-bottom: 5.333vw;
}

@media only screen and (min-width: 750px) {
.prize__title {
  margin-bottom: 40px;
}
}


.prize__title img {
  width: 61.466vw;
  height: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 750px) {
.prize__title img {
  width: 461px;
    }
}

.prize__payment-logos {
  margin-bottom: 5.333vw;
}

@media only screen and (min-width: 750px) {
.prize__payment-logos {
  margin-bottom: 40px;
    }
}



.prize__note {
  margin-top:5.333vw;
}

@media only screen and (min-width: 750px) {
.prize__note  {
  margin-top:40px;
    }
}


.prize__payment-logos img {
  width: 81.066vw;
  height: auto;
}

@media only screen and (min-width: 750px) {
.prize__payment-logos img {
  width: 608px;
    }
}



/* =========================
   about
========================= */
.about {
    background-color: #FE0000;
    padding-bottom: 17.866vw;
}

@media only screen and (min-width: 750px) {
.about {
      padding-bottom: 134px;
    }
}

.about__title {
  color: #fff;
  text-align: left;
      font-size: 6.8vw;
  font-weight: 600;
    line-height: 1.4;
    margin-bottom: 3.2vw;
}

@media only screen and (min-width: 750px) {
.about__title {
      font-size: 3.2rem;
          margin-bottom: 24px;
    }
}

.about__media img{
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 750px) {
.about__media  img {
  width: 100%;
    }
}

.about__text {
  color:#fff;
  font-weight: 500;
  line-height: 1.6;
  font-size: 4.266vw;
}

@media only screen and (min-width: 750px) {
.about__text {
  font-size: 32px;
    }
}

.about__text .note {
  color: #fff;
  padding-top: 3.2vw;
}

@media only screen and (min-width: 750px) {
.about__text .note {
  font-size: 1.5rem;
  padding-top: 32px;
    }
}

/* =========================
   商品について
========================= */
.product {
  background-color: #E6E6E6;
    position: relative;
}

.product::before {
  content: '';
  background-image: url(../img/border_wave_top.png);
  background-size: cover;
  width: 100vw;
  height: 7.2vw;
  position:absolute;
  top: -7.2vw;
  left: 50%;
    transform: translateX(-50%);
}

@media only screen and (min-width: 750px) {
.product::before  {
  width: 750px;
  height: 54px;
    top: -54px;
    }
}

.product__title {
  display: flex;
  align-items: center;
  margin-bottom: 5.333vw;
}

@media only screen and (min-width: 750px) {
.product__title   {
  margin-bottom: 40px;
    }
}

.product__title  .label-madein {
  background-color: #FE0000;
  width: 14.666vw;
  height: 14.666vw;
  border-radius: 1.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size:4.2666vw; 
  font-weight: 500;
    margin-right: 3.2vw;
}

@media only screen and (min-width: 750px) {
.product__title  .label-madein {
  width: 110px;
  height: 110px;
  border-radius: 12px;
  font-size: 2rem;
  margin-right: 24px;
    }
}

.product__title .product__title_set {

}

.product__title .product__title_set span {
  display: block;
  text-align: left;
}

.product__title .product__title_set .product__title_sub {
  color: #5A5A5A;
  font-size: 4.2666vw;
}

@media only screen and (min-width: 750px) {
.product__title .product__title_set .product__title_sub {
  font-size: 2rem;
    }
}

.product__title .product__title_set .product__title_main {
  font-size: 6.933vw;
  color:#FE0000;
}

@media only screen and (min-width: 750px) {
.product__title .product__title_set .product__title_main{
  font-size: 3.25rem;
    }
}

.product__articles .product__comment {
  text-align: center;
  margin-bottom: 2.666vw;
}

@media only screen and (min-width: 750px) {
.product__articles .product__comment {
  margin-bottom: 20px;
    }
}

.product__articles .product__comment img {
  width: 89.333vw;
  height: 12.266vw;
}

@media only screen and (min-width: 750px) {
.product__articles .product__comment img {
    width: 670px;
  height: 92px;
    }
}

.product__articles .product__package-image img {
  width: 89.066vw;
  height: 42.933vw;
}

@media only screen and (min-width: 750px) {
.product__articles .product__package-image img {
    width: 668px;
  height: 322px;
    }
}

.product__ingredient {
  display: flex;
  align-items: center;
  margin-bottom: 5.333vw;
}

  @media only screen and (min-width: 750px) {
.product__ingredient {
  margin-bottom: 40px;
    }
}

.product__ingredient img {
  width: 40vw;
  height: 40vw;
  }

  @media only screen and (min-width: 750px) {
.product__ingredient img {
  width: 300px;
  height: 300px;
    }
}

.product__ingredient h4 {
  font-size:3.7333vw;
  color: #FE0000;
  margin-bottom:2.133vw;
  text-align: left;
}

  @media only screen and (min-width: 750px) {
.product__ingredient h4 {
  font-size:1.75rem;
    margin-bottom:16px;
    }
}

.product__ingredient p {
  color:#5A5A5A;
  font-size: 3.2vw;
  font-weight: 600;
}

  @media only screen and (min-width: 750px) {
.product__ingredient p {
  font-size:1.5rem;
    }
}

.product__cards {
  background-color: #FFF6E1;
  border-radius: 5.333vw;
  padding: 6.4vw 4.2666vw;
  margin-bottom: 7.2vw;
}

  @media only screen and (min-width: 750px) {
.product__cards {
  border-radius: 40px;
    padding: 48px 32px;
      margin-bottom: 54px;
    }
}

.product-card__thumb {
  display: flex;
  justify-content: center;
}

.product-card__thumb .ingredient_1 {
  margin-right:4.2666vw;
}

  @media only screen and (min-width: 750px) {
.product-card__thumb .ingredient_1{
  margin-right: 32px;
    }
}

.product-card__thumb img {
  width: 36vw;
  height: 36vw;
}

  @media only screen and (min-width: 750px) {
.product-card__thumb img{
  width: 270px;
  height: 270px;
    }
}

.product__ingredient_note {
  margin: 4.266vw 0 5.333vw;
}

  @media only screen and (min-width: 750px) {
.product__ingredient_note{
  margin: 32px 0 48px;
    }
}

.product__ingredient_note .note {
  text-align: center;
}

.ingredient_3 {
  display: flex;
  align-items: center;
}

.ingredient_3 img {
  width: 42vw;
  height: 24.133vw;
  display: block;
  margin-right: 4.266vw ;
}

  @media only screen and (min-width: 750px) {
.ingredient_3 img{
  width: 315px;
  height: 181px;
    margin-right: 32px ;
    }
}

.ingredient_3 p {
  color:#5A5A5A;
  font-size: 3.2vw;
  font-weight: 600;
}

  @media only screen and (min-width: 750px) {
.ingredient_3 p {
  font-size:1.5rem;
    }
}


.product__brandsite_links .product__comment {
    margin-bottom: 2.666vw;
}

  @media only screen and (min-width: 750px) {
.product__brandsite_links .product__comment{
    width: 670px;
  height: 92px;
      margin-bottom: 20px;
    }
}


.product__brandsite_links .product__comment img {
  width: 89.333vw;
  height: 12.266vw;
}

  @media only screen and (min-width: 750px) {
.product__brandsite_links .product__comment img{
    width: 670px;
  height: 92px;
    }
}


.brandsite_link {
    background-color: #FE0000;
    width: 89.333vw;
}

.brandsite_link:first-child {
  margin-bottom: 4.266vw;
}

@media only screen and (min-width: 750px) {
.brandsite_link {
        width: 670px;
    }
}

@media only screen and (min-width: 750px) {
.brandsite_link:first-child {
  margin-bottom: 32px;
    }
}

.dog img {
  width: 35.2vw;
}

@media only screen and (min-width: 750px) {
.dog img  {
        width: 264px;
    }
}

.cat img {
  width: 40.4vw;
}

@media only screen and (min-width: 750px) {
.cat img  {
  width: 303px;
    }
}

.dog {
  position: relative;
}

.dog::before {
  content: '';
  background-image: url(../img/btn_brandSite_dog-img.png);
  background-size: cover;
  position: absolute;
width:25.6vw;
height:23.6vw;
top:-1.47vw;
left:-2.4vw;
}

@media only screen and (min-width: 750px) {
.dog::before  {
  width:192px;
  height:177px;
  top:-11px;
  left: -18px;
    }
}

.cat::before {
  content: '';
  background-image: url(../img/btn_brandSite_cat-img.png);
  background-size: cover;
  position: absolute;
width:24.67vw;
height:24.8vw;
top:-3.33vw;
left:-5.2vw;
}

@media only screen and (min-width: 750px) {
.cat::before  {
  width:185px;
  height:186px;
  top:-25px;
  left: -39px;
    }
}

/* =========================
   応募要項リンク、個人情報取扱リンク
========================= */

.policy-links {
  background-color: #FFE9B5;
}

.policy-links__inner {
  display: flex;
  flex-flow: column;
  gap: 4.266vw;
}

@media only screen and (min-width: 750px) {
.policy-links__inner  {
  gap: 32px;
    }
}

.policy-links .policy-links__item {
}

@media only screen and (min-width: 750px) {
.policy-links .policy-links__item  {
    }
}


.policy-links summary {
  list-style: none;
}
.policy-links summary::-webkit-details-marker {
  display: none;
}

.policy-links__title {
  font-weight: 600;
    display: flex;
    flex-flow: column;
  align-items: center;
  justify-content: center;
    width: 100%;
  height: 16vw;
    background-color: #fff;
  border-radius: 999px;
  position: relative;
     -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.25);
  box-shadow: 4px 4px 0 rgba(0,0,0,.25);
}


@media only screen and (min-width: 750px) {
.policy-links__title  {
  font-size: 40px;
    height: 120px;
    }
}

.policy-links__title .policy-links__label {
  font-size: 5.333vw;
  color:#FE0000;
}

@media only screen and (min-width: 750px) {
.policy-links__title .policy-links__label  {
  font-size: 40px;
    }
}

.policy-links__article {
  background-color: #fff;
  margin-top: 3.2vw;
  padding: 5.333vw 4.266vw;
  border-radius: 5.333vw;
}


@media only screen and (min-width: 750px) {
.policy-links__article  {
  margin-top: 24px;
    padding: 40px 32px;
  border-radius: 40px;
    }
}

.policy-links__article p {
  font-size:3.2vw;
  margin-bottom:3.2vw;
  font-weight: 600;
}

@media only screen and (min-width: 750px) {
.policy-links__article p  {
    font-size: 1.5rem;
      margin-bottom:1.5rem;
    }
}

.policy-links__article p:last-child {
  margin-bottom: 0;
}

.policy-links__icon {
  position: absolute;
  top: 50%;
  right: 3.2vw;
  transform: translateY(-50%);
    display:inline-block;
  width:7.466vw;
  height:7.466vw;
  background:url("../img/icon_accordion_plus.svg") no-repeat center/contain;
}

@media only screen and (min-width: 750px) {
.policy-links__icon   {
  width:56px;
  height:56px;
    right: 24px;
    }
}

.policy-links__item[open] .policy-links__icon{
  background:url("../img/icon_accordion_minus.svg") no-repeat center/contain;
}


/* =========================
   FAQ
========================= */

.faq {
  background-color: #FE0000;
}

.faq__title img {
  width: 25.866vw;
}

@media only screen and (min-width: 750px) {
.faq__title img  {
  width: 194px;
    }
}


.faq__list {
  background-color: #fff;
  border-radius: 5.333vw;
    padding:  5.333vw 4.266vw;
}

@media only screen and (min-width: 750px) {
.faq__list   {
  border-radius: 40px;
  padding: 40px 32px;
    }
}

.faq__item--01::after,
.faq__item--02::after,
.faq__item--03::after,
.faq__item--04::after,
.faq__item--05::after,
.faq__item--06::after,
.faq__item--07::after,
.faq__item--08::after {
  content: '';
  background-image: url(../img/border_dot.png);
  background-size: cover;
  width: 81.333vw;
  height: 1.066vw;
  display: block;
  margin-top: 5.333vw;
}


@media only screen and (min-width: 750px) {
.faq__item--01::after,
.faq__item--02::after,
.faq__item--03::after,
.faq__item--04::after,
.faq__item--05::after,
.faq__item--06::after,
.faq__item--07::after,
.faq__item--08::after  {
  width: 610px;
  height: 8px;
    margin-top: 40px;
    }
}


.faq__item--02,
.faq__item--03,
.faq__item--04,
.faq__item--05,
.faq__item--06,
.faq__item--07,
.faq__item--08,
.faq__item--09 {
  margin-top:5.333vw;
}

@media only screen and (min-width: 750px) {
.faq__item--02,
.faq__item--03,
.faq__item--04,
.faq__item--05,
.faq__item--06,
.faq__item--07,
.faq__item--08,
.faq__item--09  {
  margin-top: 40px;
    }
}


.faq__list .text_q p {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  margin-bottom:5.333vw;
  font-size: 3.733vw;
  font-weight: 600;
}

@media only screen and (min-width: 750px) {
.faq__list .text_q p  {
  gap: 12px;
  margin-bottom: 40px;
  font-size: 1.75rem;
    }
}

.faq__list .text_a p {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  font-size: 3.2vw;
}

@media only screen and (min-width: 750px) {
.faq__list .text_a p  {
  gap: 12px;
    font-size: 1.5rem;
    }
}

.faq__list .icon_q {
  display: block;
  width: 8vw;
   height: 8vw;
}

@media only screen and (min-width: 750px) {
.faq__list  .icon_q  {
  width: 60px;
  height: 60px;
    }
}

.faq__q {
  cursor: pointer;
  font-weight: bold;
}
.faq__a {
  margin-top: 10px;
  color: #555;
}

/* =========================
   お問い合わせ
========================= */


.contact {
  background-color: #E6E6E6;
}

.contact__box {
  background-color: #fff;
  padding: 8.533vw 5.333vw;
  border-radius: 5.333vw;
  text-align: center;
}

@media only screen and (min-width: 750px) {
.contact__box   {
  padding: 64px 40px;
  border-radius: 40px;
    }
}

.contact__box .contact__link {
  margin: 5.333vw auto 5.333vw; 
  line-height: 4.266vw;
}

@media only screen and (min-width: 750px) {
.contact__box .contact__link    {
  margin: 40px auto 40px; 
    line-height: 32px;
    }
}

.contact__box .contact__period__lead {
  background-color: #150D67;
  width: 21.333vw;
  height: 7.733vw;
  display: flex;
  align-items: center;
  justify-content: center;
    color: #fff;
    font-size: 3.733vw;
    font-weight: 600;
  margin: 0 auto 2.133vw;
}

@media only screen and (min-width: 750px) {
.contact__box .contact__period__lead {
  width: 160px;
  height: 58px;
  margin: 0 auto 16px;
      font-size: 1.75rem;
    }
}


.contact__box .contact__period {
  font-size: 4vw;
  font-weight: 600;
  margin-bottom: 5.333vw;
}

@media only screen and (min-width: 750px) {
.contact__box .contact__period {
  font-size: 1.875rem;
  margin-bottom: 40px;
    }
}

.contact__note {
  display: flex;
  flex-direction: column;
  gap: 5.333vw;
}

@media only screen and (min-width: 750px) {
.contact__note {
  gap: 40px;
    }
}


/* =========================
   フッター
========================= */
.page-footer {
  background: #fff;
  color: #5A5A5A;
  text-align: center;
}

.page-footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4vw;
  color:#FE0000;
}

@media only screen and (min-width: 750px) {
.page-footer__nav   {
  gap: 30px;
    }
}

.page-footer__nav a {
  color:#FE0000;
  font-size: 4.266vw;
  text-decoration: none;
}

@media only screen and (min-width: 750px) {
.page-footer__nav a   {
  font-size: 2rem;
    }
}

.page-footer__brand {
  width: 40.533vw;
  height: 29.066vw;
  margin: 5.333vw auto;
}

@media only screen and (min-width: 750px) {
.page-footer__brand  {
  width: 304px;
  height: 218px;
  margin: 40px auto;
    }
}

.page-footer__copy {
  font-size: 3.2vw;
  color: #5A5A5A;
  margin-bottom:  3.2vw;
}

@media only screen and (min-width: 750px) {
.page-footer__copy {
  font-size: 1.5rem;
    margin-bottom: 24px;
    }
}

.page-footer__note {
  font-size: 3.2vw;
  color: #5A5A5A;
}

@media only screen and (min-width: 750px) {
.page-footer__note {
  font-size: 1.5rem;
    }
}