@charset "UTF-8";
/*
  contents.css
  流用性の低いパーツ
*/
/*------------------------------------------------
	products_sample
------------------------------------------------*/
@media screen and ( max-width: 767px ){ /* SP */
  .products_sample__special {
    margin-top: 40px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .products_sample__special {
    margin-top: 70px;
  }
}

/* products_sample__inner */
.products_sample__inner {
  max-width: 838px;
}
@media screen and ( max-width: 767px ){ /* SP */
  .products_sample__inner {
    margin: auto;
    padding: 20px 10px 50px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .products_sample__inner {
    margin: auto;
    padding: 40px 30px 50px;
  }
}

/* products_sample__header */
.products_sample__header_txt {
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}
.products_sample__header_logo {
  text-align: center;
}
@media screen and ( max-width: 767px ){ /* SP */
  .products_sample__header_txt {
    font-size: 1.2rem;
  }
  .products_sample__header_logo {
    margin-bottom: 20px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .products_sample__header_txt {
    font-size: 1.8rem;
  }
  .products_sample__header_logo {
    margin-bottom: 40px;
  }
}

/* products_sample__special */
.products_sample__special_item {
  text-align: center;
}
.products_sample__special_thumb img {
  margin-bottom: 20px;
}
.products_sample__special_thumb_caption {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.products_sample__special_link {
  font-weight: bold;
}
.products_sample__special_link img {
  margin-bottom: 0.2em;
}
@media screen and ( max-width: 767px ){ /* SP */
  .products_sample__special_unit {
    margin-bottom: 40px;
  }
  .products_sample__special_item {
    margin-bottom: 30px;
  }
  .products_sample__special_unit > :last-child {
    margin-bottom: 0;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .products_sample__special_unit {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
  .products_sample__special_unit > :last-child {
    margin-right: 0;
  }
  .products_sample__special_item {
    display: flex;
    flex-direction: column;
    margin-right: 90px;
  }
  .products_sample__special_link {
    margin-top: auto;
  }
}

/* products_sample__guide */
.products_sample__guide {
  max-width: 360px;
  padding-top: 40px;
  margin: auto;
  background: repeat-x url(/img_2021/border_wave.svg) top center;
  text-align: center;
}
.products_sample__guide_txt {
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: bold;
}
.products_sample__guide_bnr {
  display: inline-block;
}
@media screen and ( max-width: 767px ){ /* SP */
  .products_sample__guide {
    margin-top: 40px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .products_sample__guide {
    margin-top: 70px;
  }
}

/* page_voice */
.page_voice__card {
  padding: 20px;
  font-weight: bold;
}
.page_voice__card > :last-child {
  margin-bottom: 0;
}
.page_voice__card p {
  margin-bottom: 10px;
}
.page_voice__hl {
  margin-bottom: 10px;
}
@media screen and ( max-width: 767px ){ /* SP */
  .page_voice_wrapper {
    margin-bottom: 40px;
  }
  .page_voice__card {
    margin-top: 40px;
  }
  .page_voice__hl {
    font-size: 1.8rem;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .page_voice_wrapper {
    max-width: 837px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
  }
  .page_voice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page_voice__card {
    width: 45%;
    margin-top: 10%;
  }
  .page_voice__card:last-child:nth-child(odd) {
    width: 100%;
  }
  .page_voice__hl {
    font-size: 2.4rem;
  }
}

/* page_corner */
.page_corner_list {
  margin-bottom: 40px;
}
.page_corner_list .mediaVart {
  padding: 20px;
}
@media screen and ( max-width: 767px ){ /* SP */
  .page_corner_wrapper {
    padding-bottom: 90px;
  }
  .page_corner_list > :last-child {
    margin-bottom: 0;
  }
  .page_corner_list > li {
    margin-bottom: 35px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .page_corner_wrapper {
    padding-bottom: 120px;
  }
  .page_corner_list {
    display: flex;
    flex-wrap: wrap;
  }
  .page_corner_list > :nth-child(3n) {
    margin-right: 0;
  }
  .page_corner_list > li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
  }
}