@charset "UTF-8";
/* reset */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, picture {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1.7;
  color: #353535;
  font-weight: 400;
  position: relative;
}

main {
  display: block;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

h1, h2, h3, h4, h5 {
  font-weight: 500;
}

ul, ol {
  list-style: none;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  background-color: inherit;
  cursor: pointer;
  transition: all .3s ease 0s;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  transition: all .2s ease 0s;
}

a:hover {
  opacity: 0.7;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}


/* --------------------------------------------------
  Fundation
-------------------------------------------------- */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #353535;
  font-family: "Noto Sans JP", sans-serif;
  height: 100%;
  width: 100%;
  word-wrap: break-word;
  font-size: 1.6rem;
  margin: 0;
}

a {
  color: #353535;
  text-decoration: none;
}

img, svg {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}


/* ----------------------
  PC
-----------------------*/
.pc {
  display: inline-block;
}

.sp {
  display: none;
}

.container {
  max-width: 1000px;
  width: 92%;
  margin: 0 auto;
}


/*  header
-----------------------*/
.header {
  width: 100%;
  background: #d5d6d6;
  height: 70px;
  position: fixed;
  z-index: 9999;
}

.header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0;
}

.header_logo {
  width: 45px;
  height: auto;
  margin-right: 40px;
}

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

.header_nav.pc {
  padding-top: 3px;
}

.header_nav ol {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.header_nav li {
  margin-right: 40px;
}

.header_nav li a {
  display: block;
  height: 40px;
  text-indent: -9999px;
}

.header_nav li  a img {
  display: block;
}

.header_nav li a:hover {
  background-color: transparent; /* IE6対応 */
}

.header_nav li:nth-child(1) a:hover, .header_nav li:nth-child(2) a:hover, .header_nav li:nth-child(3) a:hover, .header_nav li:nth-child(4) a:hover, .header_nav li:nth-child(5) a:hover, .header_link li:nth-child(1) a:hover, .header_link li:nth-child(2) a:hover {
  opacity: 0;
}

.header_nav li:nth-child(1) {
  background: url("../images/nav_menu01_hover.png")center center / auto 100% no-repeat;
}

.header_nav li:nth-child(1) a {
  width: 83px;
  background: url("../images/nav_menu01.png")center center / auto 100% no-repeat;
}

.header_nav li:nth-child(2) {
  background: url("../images/nav_menu02_hover.png")center center / 100% auto no-repeat;
}

.header_nav li:nth-child(2) a {
  width: 104px;
  background: url("../images/nav_menu02.png")center center / 100% auto no-repeat;
}

.header_nav li:nth-child(3) {
  background: url("../images/nav_menu03_hover.png")center center / 100% auto no-repeat;
}

.header_nav li:nth-child(3) a {
  width: 104px;
  background: url("../images/nav_menu03.png")center center / 100% auto no-repeat;
}

.header_nav li:nth-child(4) {
  background: url("../images/nav_menu04_hover.png")center center / 100% auto no-repeat;
}

.header_nav li:nth-child(4) a {
  width: 97px;
  background: url("../images/nav_menu04.png")center center / 100% auto no-repeat;
}

.header_nav li:nth-child(5) {
  background: url("../images/nav_menu05_hover.png")center center / 100% auto no-repeat;
}

.header_nav li:nth-child(5) a {
  width: 50px;
  background: url("../images/nav_menu05.png")center center / 100% auto no-repeat;
}

.header_link {
  display: flex;
  width: 270px;
}

.header_link li:last-child {
  margin-left: 30px;
}

.header_link li a {
  display: block;
  text-indent: -9999px;
  height: 39px;
}

.header_link li a:hover img {
  opacity: 0;
}

.header_link li:nth-child(1) {
  background: url(../images/nav_cart_hover.jpg)center center / 100% auto no-repeat;
}

.header_link li:nth-child(1) a {
  width: 184px;
  background: url(../images/nav_cart.jpg)center center / 100% auto no-repeat;
}

.header_link li:nth-child(2) {
  background: url(../images/nav_contact_hover.jpg)center center / 100% auto no-repeat;
}

.header_link li:nth-child(2) a {
  width: 50px;
  background: url(../images/nav_contact.jpg)center center / 100% auto no-repeat;
}

.main {
  padding-top: 70px;
}

@media screen and (max-width: 1100px) {
  .header_nav.pc {
    position: absolute;
    top: 65px;
    left: 0;
    background: #d5d6d6;
    width: 100%;
    padding: 0 4% 10px;
    z-index: 9999;
  }

  .header_nav ol {
    max-width: 612px;
    margin: 0 auto;
  }

  .header_nav li {
    margin-right: 0;
  }

  .main {
    padding-top: 115px;
  }
}


/*  footer
-----------------------*/
.footer_logo {
  background: #000;
  padding: 24px 0 27px;
  text-align: center;
}

.footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.footer_nav {
  display: flex;
}

.footer_nav li {
  position: relative;
}

.footer_nav li::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 22px;
  background: #353535;
  left: 0;
  top: 50%;
  transform: translate(0 , -50%);
}

.footer_nav li:first-child::before {
  background: none;
}

.footer_nav li a {
  margin: 0 20px;
  padding: 0 0 4px;
}

.footer_nav li:first-child a {
  margin-left: 0;
}

.footer_nav li a:hover {
  border-bottom: 1px solid #535353;
}

.footer_nav li img {
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 935px) {
  .footer .container {
    display: block;
  }
  .copyright {
    text-align: right;
    display: block;
    padding: 10px 0 20px;
  }
}


/*  main
-----------------------*/
h2, h3 {
  height: auto;
  margin: 0 auto;
  text-align: center;
}

/* Concept */
.concept {
  padding: 80px 0 70px;
  background: #251d1c url(../images/concept_bgi.webp) no-repeat top center;
  background-size: cover;
}

.concept h2 {
  width: 15%;
}

.concept h3 {
  padding: 63px 0 120px;
}

.concept h3 img {
  width: 67.6%;
}

.concept p {
  width: 50%;
  color: #FFF;
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  line-height: 1.8;
}

/* Products */
.products {
  padding: 80px 0 0;
}

.element h2 {
  width: 320px;
}

.element.__02 h2 {
  width: 304px;
}

.products .introduction_txt {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  line-height: 1.7;
  text-align: center;
  padding: 60px 0 75px;
}

.products .item_img {
  width: 58.2%;
  height: auto;
  margin: 0 auto;
}

.products .element.__02 .item_img {
  width: 55%;
}

.element.__02 {
  padding: 80px 0 0;
}

.element_list {
  max-width: 966px;
  margin: 0 auto;
  padding: 80px 0 70px;
  display: flex;
  flex-wrap: wrap;
}

.element.__02 .element_list {
  padding-bottom: 50px;
}

.element_list li {
  width: 18.94%;
  margin-right: 1.325%;
  padding: 0 0 70px 0;
}

.element_list li:nth-child(5n) {
  margin-right: 0;
}

/* Products - gibier */
.gibier {
  background: #f7f0d3 url(../images/gibier_bgi.webp)no-repeat top center;
  background-size: cover;
  padding: 140px 0 70px;
}

.gibier h3 {
  width: 93%;
}

.gibier_introduction_txt {
  font-size: 1.8rem;
  line-height: 1.7;
  padding: 60px 0 0;
}

.gibier_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 70px 0 80px;
}

.gibier_item .txt_inner {
  width: 40%;
  min-width: 400px;
}

.gibier_item .txt_inner p {
  width: 100%;
  padding: 20px 0 40px;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  line-height: 1.7;
}

.gibier_item .txt_inner p.gibier_point {
  width: 100%;
  padding: 0;
}

.gibier_item._01 {
  border-bottom: 2px dashed #222222;
}

.gibier_item._01 figure {
  width: 61.9%;
  margin-left: -4%;
}

.gibier_item._02 {
  flex-flow: row-reverse;
}

.gibier_item._02 figure {
  width: 55%;
}

.gibier .contents02 {
  padding: 40px 0 0;
}

.nutrients_item {
  padding: 100px 0 0;
}

.nutrients_item h4 {
  width: 65%;
  margin: 0 auto 40px;
}

.nutrients_graph_inner {
  display: flex;
  justify-content: space-between;
}

.nutrients_graph_inner figure {
  width: 47%;
  height: auto;
}

.gibier .conclusion {
  width: 100%;
  padding-top: 80px;
}

/* products - poland */
.poland {
  background: #001528;
  padding-top: 100px;
}

.poland h3 {
  max-width: 1000px;
  width: 92%;
  padding-bottom: 40px;
}

.poland .contents {
  padding: 80px 0 70px;
}

.poland .contents._01 h4 {
  width: 68.5%;
  margin: 0 auto 40px;
}

.poland .contents._02 {
  background: #140b0f;
  border-top: 1px solid #FFF;
}

.poland .contents._02 h4 {
  width: 71.5%;
  margin: 0 auto 40px;
}

.poland .contents p {
  color: #FFF;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.2rem;
  line-height: 1.7;
  padding: 40px 0 0;
}


/* Reason */
.reason {
  padding: 80px 0 0;
}

.reason .top_bgi {
  background: url(../images/reason_top_bgi.jpg)no-repeat top center;
  background-size: cover;
  padding-bottom: 194px;
}

.reason h2 {
  width: 28%;
  padding-bottom: 100px;
}

/* Reason _01 */

.reason h3 span {
  margin: 0 auto;
}

.reason h3 .sign_board {
  display: block;
  width: 30%;
  padding-bottom: 40px;
}

.reason h3 .reason_subttl_01 {
  display: block;
  width: 52.3%;
}

.point_wrap._01 {
  background: #29171e;
  margin-bottom: -30px; /*wrap._02との間を調整*/
}

.point_list {
  top: -110px;
  position: relative;
}

.point_list li {
  background: #f0f0ee;
  padding: 8% 5%;
  border-top: 4px solid #29171e;
}

.point_list li:nth-child(odd) {
  background: url(../images/reason_point_bgi01.jpg)no-repeat;
  background-size: cover;
}

.point_list li:nth-child(even) {
  background: url(../images/reason_point_bgi02.jpg)no-repeat;
  background-size: cover;
}

.point_list li:nth-child(1) {
  padding-right: 0;
  border-top: none;
  display: flex;
  justify-content: space-between;
}

.point_list li:nth-child(2) {
  padding-left: 0;
  flex-direction: row-reverse;
  display: flex;
  justify-content: space-between;
}

.point_list li .txt_wrap {
  width: 45%;
}

.point_list li:nth-child(-n+2) h4 {
  margin-bottom: 10px;
}

.point_list li .txt_wrap p {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
}

.point_list li figure {
  width: 51%;
}

.point_list .contents_list {
  margin-top: 50px;
  background: #FFF;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .2);
}

.point_list .contents_list li {
  display: block;
  padding: 30px;
  background: #FFF;
  border-bottom: 2px solid #bcbcba;
  border-top: none;
}

.point_list .contents_list li figure {
  padding-bottom: 15px;
}

.point_list li:nth-child(3) li:nth-child(1) figure {
  width: 28.8%;
}

.point_list li:nth-child(3) li:nth-child(2) figure {
  width: 72.7%;
}

.point_list li:nth-child(3) li:nth-child(3) figure {
  width: 32.4%;
}

.point_list li:nth-child(3) li:nth-child(4) figure {
  width: 27.6%;
}

.point_list li:nth-child(4) li:nth-child(1) figure {
  width: 33.3%;
}

.point_list li:nth-child(4) li:nth-child(2) figure {
  width: 37.4%;
}

.point_list li:nth-child(4) li:nth-child(3) figure {
  width: 29.4%;
}

.point_list li:nth-child(4) li:nth-child(4) figure {
  width: 31.79%;
}

.point_list .contents_list li p {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
}

.reason_attention_inner {
  margin-top: 15px;
  padding: 15px 0 0;
  border-top: 2px solid #bcbcba;
}

.point_list .contents_list li .reason_attention_inner p {
  font-size: 1.6rem;
}

.reason_attention_inner div {
  display: flex;
  padding-bottom: 15px;
}

.reason_attention_inner div:last-child {
  padding-bottom: 0;
}

.reason_attention_inner .ttl {
  margin: 6px 25px 0 0;
  line-height: 1;
  text-align: center;
  display: block;
  width: 90px;
  height: 16px;
  background: #e1e0e0;
}

.reason_attention_inner .txt {
  width: calc(100% - 105px);
}


/* Reason _02 */
.point_wrap._02 {
  background: #f6f4ea url(../images/reason_herb_bgi.webp)no-repeat top center;
  background-size: cover;
  padding: 100px 0 30px;
  margin-bottom: 80px;
}

.reason h3 .reason_subttl_02 {
  display: block;
  width: 87.5%;
}

.herb_intro {
  width: 98.9%;
  margin: 140px auto 100px;
}

.herb_element {
  width: 92.3%;
  margin: 0 auto 100px;
}

.herb_important {
  width: 100%;
  margin: 0 auto 146px;
}

.herb_aim {
  width: 97.3%;
  margin: 0 auto 94px;
}

.herb_conclusion {
  width: 100%;
  margin: 0 auto 70px;
}


/* Reason _03 */
.point_wrap._03 {
  padding: 20px 0 60px;
  overflow: auto;
}

.reason h3 .reason_subttl_03 {
  display: block;
  width: 68.4%;
  padding-bottom: 95px;
}

.reason_award_intro {
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  padding-bottom: 60px;
}

.award_history_wrap {
  margin: 0 2%;
  border: 4px solid #b69a54;
  background: #f8f6f1;
  padding: 135px 0 65px;
  position: relative;
}

.award_history_wrap::before, .award_history_wrap::after, .award_block._02::before {
  content: "";
  width: 91px;
  height: 741px;
  background: url(../images/reason_award_bgtxt.png)no-repeat;
  background-size: contain;
  position: absolute;
  right: -3.5%;
  z-index: 0;
}

.award_history_wrap::after {
  bottom: 0;
}

.award_history_wrap h4 {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 50%;
  width: 105%;
  transform: translate(-50%, 0);
}

.award_block {
  padding: 60px 4.8% 0;
  position: relative;
  z-index: 1;
}

.award_block._02::before {
  right: auto;
  left: -1px;
  bottom: 19.5%;
  z-index: -1;
}

.award_item_box {
  display: flex;
  justify-content: space-between;
}

.award_item_box.__1col {
  justify-content: center;
}

.award_item_box div {
  width: 45%;
}

.award_item_box span {
  display: block;
}

.award_block p, .award_txt {
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  text-align: center;
}

.award_txt {
  padding: 35px 0;
}

.award_block._02 .left_item .award_txt {
  margin: 0 -4%;
}

@media screen and (max-width: 1075px) {
  .award_block._02 .right_item .award_txt {
    padding-bottom: 63px;
  }
}

@media screen and (max-width: 934px) {
  .award_block._02 .right_item .award_txt {
    padding-bottom: 91px;
  }
}

@media screen and (max-width: 881px) {
  .award_block._02 .right_item .award_txt {
    padding-bottom: 63px;
  }
}

.award_img {
  width: 87.63%;
  margin: 0 auto;
}

.award_img._full {
  width: 90.7%;
}

.award_block._00 .award_item_box img {
  max-width: 388px;
}

.award_bar {
  display: block;
  margin-top: 60px;
  height: 3px;;
  width: 100%;
  background:linear-gradient(to right, transparent, #d8b965 30% 70%, transparent 100%);
}


/* Interview */
.interview {
  background: url(../images/interview_bgi.jpg)no-repeat top center;
  background-size: cover;
  padding: 70px 0;
}

.interview h2 {
  width: 28.4%;
  padding-bottom: 50px;
}

.interview_wrap {
  width: 100%;
  border: 4px solid #b69a54;
  background: #fff;
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.interview_wrap .left_area {
  width: 49.5%;
  padding: 0 8.8%;
}

.interview_wrap .right_area {
  width: 50.5%;
  padding: 0 5% 0 0;
}

.interview_wrap h3 {
  width: 73.33%;
  margin: 0 auto 35px 0;
}

.interview_wrap p {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
}

.interview_wrap .sigh {
  width: 50.1%;
  margin: 35px 0 0 auto;
}


/* Lineup */
.lineup {
  padding: 80px 0 47px;
}

.lineup h2 {
  width: 18%;
  padding-bottom: 60px;
}

.lineup_main_contents {
  width: 70%;
  margin: 0 auto;
  position: relative;
}

.productslink_btn {
  width: 354px;
  background: url(../images/productslink_btn_hover.jpg)center center / 100% auto no-repeat;
  position: absolute;
  bottom: -47px;
  left: 50%;
  transform: translate(-50% , 0);
}

.productslink_btn a {
  display: block;
  text-indent: -9999px;
  height: 94px;
  width: 100%;
  background: url(../images/productslink_btn.jpg)center center / 100% auto no-repeat;
}

.productslink_btn a:hover {
  opacity: 0;
}


/* Q&A */
.q_a {
  padding: 140px 0 50px;
}

.q_a h2 {
  width: 13.1%;
  margin: 0 auto 50px;
}

.qa_accordion li {
  border-top: 1px solid #84703e;
  border-bottom: 1px solid #84703e;
  margin-bottom: 20px;
}

.qa_accordion li:last-child {
  margin-bottom: 0;
}

.qa_accordion p {
  padding: 21px 60px 21px 100px;
  font-size: 1.8rem;
  position: relative;
}

.qa_accordion p.ac::after {
  content: '';
  background: url(../images/qa_icon_open.png)no-repeat;
  background-size: contain;
  width: 22px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 21px;
  transform: translate(0, -50%);
  transition: all 0.3s ease 0s;
}

.qa_accordion p.ac.active::after {
  background: url(../images/qa_icon.png)no-repeat;
  background-size: contain;
}

.qa_accordion p.inner {
  display: none;
}

.qa_accordion p.inner.open {
  display: block;
}

.qa_accordion p.inner::before {
  content: '';
  width: calc(100% - 81px);
  height: 2px;
  background: #836d37;
  position: absolute;
  top: 0;
  left: 21px;
}

.qa_accordion p img {
  width: 44px;
  height: auto;
  position: absolute;
  left: 21px;
}

.qa_accordion p.ac img {
  top: 50%;
  transform: translate(0, -50%);
}

.qa_accordion p.inner img {
  top: 20px;
}

/* bnr */
.bnr {
  display: block;
  text-align: center;
  padding: 40px 0;
}


/* Contact */
.contact {
  padding: 40px 0 90px;
}

.contact h2 {
  width: 18%;
  margin: 0 auto 70px;
}

.contact_catch {
  width: 211px;
  margin: 0 auto 23px;
}

.contact_btn {
  width: 264px;
  margin: 0 auto;
  background: url(../images/contact_btn_hover.jpg)center center / 100% auto no-repeat;
}

.contact_btn a {
  display: block;
  text-indent: -9999px;
  height: 58px;
  width: 264px;
  background: url(../images/contact_btn.jpg)center center / 100% auto no-repeat;
}

.contact_btn a:hover {
  opacity: 0;
}

.contact .attention {
  font-size: 1.4rem;
  text-align: center;
  padding: 5px 0 0;
}


/*  dog
-----------------------*/
.dog_main_ttl {
  background: url(../images/dog/dog_kv_bgi.jpg)top center / 100% auto no-repeat;
  background-size: cover;
  height: 260px;
  position: relative;
}

.dog_main_ttl img {
  width: 30.2%;
  max-width: 302px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dogfood {
  padding: 80px 0 0;
}

.dogfood h3 {
  width: 17.7%;
  margin: 0 auto 80px;
}

.dog_intro {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  padding-bottom: 50px;
}

.series_link_wrap {
  background: #f8f8f1;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  & > div {
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
    padding: 60px 0 80px;
  }
  .btn-wrap {
    display: flex;
    justify-content: center;
  }
}

.dog_lead_txt {
  width: 79%;
  margin: 0 auto;
  padding: 0 0 40px;
}

.series_btn {
  width: 320px;
  height: 58px;
  background: url(../images/prime-btn_h.jpg) center center / 100% auto no-repeat;
  a {
    text-indent: -9999px;
    display: block;
    height: 100%;
    width: 100%;
    background: url(../images/prime-btn.jpg) center center / 100% auto no-repeat;
    &:hover {
      opacity: 0;
    }
  }
}

.series_btn:nth-child(2) {
  background: url(../images/empire-btn_h.jpg) center center / 100% auto no-repeat;
  margin-left: 30px;
  a {
    background: url(../images/empire-btn.jpg) center center / 100% auto no-repeat;
  }
}

.series-title {
  text-align: center;
  padding: 80px 0 50px;
  img {
    width: 320px;
  }
}

.series-title + p {
  padding-bottom: 20px;
}

.puroduct_item {
  padding: 60px 0 70px;
  border-bottom: 4px solid #84703e;
}

.puroduct_item:last-child {
  border-bottom: none;
}

.puroduct_item .item_wrap {
  display: flex;
  justify-content: space-between;
}

.puroduct_item .left_area {
  width: 300px;
}

.puroduct_item .right_area {
  width: calc(100% - 300px - 5%);
}

/*   swiper.js
_________________*/
.product-image{
  max-width: 300px;
  margin: 0 auto;
}

.product-image__item{
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

/* メイン画像縦横中央に配置 */
.product-image__item img{
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* 画像の比率1対1に指定 2対1の場合は50%にします */
.product-image__item:after,
.product-image-thumbs__item:after{
  display: block;
  padding-top: 100%;
  content: '';
}

.product-image-thumbs{
  width: calc(100% - 60px);
  padding: 10px 0 0;
  box-sizing: border-box;
}

.product-image-thumbs__item{
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

.product-image-thumbs__item.swiper-slide{
  opacity: 0.5;
}

.product-image-thumbs__item.swiper-slide-thumb-active{
  opacity: 1;
}

/* サムネイル画像画像縦横中央に配置 */
.product-image-thumbs__item img{
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* 矢印の色を白に指定 */
.product-image .swiper-button-next{
  background: url(../images/dog/button_next.svg)no-repeat;
}
.product-image .swiper-button-prev{
  background: url(../images/dog/button_prev.svg)no-repeat;
}

/* swiper.jsの上書き */
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0;
  top: 52px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: -8px;
  top: 52px;
  left: auto;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: transparent;
}

.swiper_arrow_inner {
  position: relative;
}

.product-image__item, .product-image-thumbs__item {
  border: 1px solid #564825;
}

.puroduct_item .pkg_img {
  width: 100%;
  padding: 60px 0 30px;
}

.puroduct_item .size_txt {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  padding: 20px 0;
  text-align: center;
}

.puroduct_item .size_txt span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
  padding: 15px 0 0;
}

.puroduct_item .pkg_txt {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  text-align: left;
}

.puroduct_item h4 {
  width: 100%;
  padding-bottom: 55px;
}

.puroduct_item .item_intro {
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  padding-bottom: 50px;
}

.puroduct_item .item_intro strong {
  display: block;
  padding-bottom: 10px;
}

.product_info_box {
  border-left: 2px solid #564825;
  border-right: 2px solid #564825;
  border-bottom: 2px solid #564825;
}

.product_info_box .ttl {
  font-size: 2.2rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
  color: #fff;
  background: #564825;
  padding: 3px 20px;
}

.product_info_box .txt {
  padding: 15px 20px;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  background: #fff;
}

.product_amount p {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  padding: 15px 0;
}

.product_amount p.table_attention {
  display: none;
  font-size: 1.4rem;
  padding: 10px 0 0;
}

.product_amount table {
  width: 100%;
  border-top: 2px solid #564825;
  border-left: 2px solid #564825;
}

.product_amount th, .product_amount td {
  text-align: center;
  letter-spacing: 0.1rem;
  padding: 14px 0;
  border-bottom: 2px solid #564825;
  border-right: 2px solid #564825;
}

@media screen and (max-width: 1000px) {
  .product_amount .table_wrap {
    margin: 0 -5% 0 0;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .product_amount table {
    width: 920px;
  }
  .product_amount p.table_attention {
    display: block;
  }
}

.product_amount th {
  background: #ededed;
}

.product_amount tr:first-child th:first-child {
  width: 13.5%;
  color: #fff;
  background: #564825;
}

.item_link {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  text-align: center;
  padding: 20px 0 0;
}

.item_link a {
  color: #1b4cbc;
}

.item_link a:hover {
  text-decoration: underline;
}

.dogtreats {
  background: #f8f8f1;
  padding: 80px 0 0;
}

.dogtreats h3 {
  width: 20.3%;
  margin: 0 auto 80px;
}

.puroduct_item .item_point {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 50px 0 0;
}

.puroduct_item .item_point li {
  width: 50%;
  padding-bottom: 50px;
}

.item_attention {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  padding: 15px 0;
}

.backto_inner {
  padding: 90px 0 60px;
}

.backto_btn {
  width: 354px;
  margin: 0 auto;
  background: url(../images/backto_btn_hover.jpg)center center / 100% auto no-repeat;
}

.backto_btn a {
  display: block;
  text-indent: -9999px;
  height: 94px;
  width: 354px;
  background: url(../images/backto_btn.jpg)center center / 100% auto no-repeat;
}

.backto_btn a:hover {
  opacity: 0;
}



/* ----------------------
  SP
-----------------------*/
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .container {
    width: 90%;
  }

  .main {
    padding-top: 90px;
  }


  /*  header
  -----------------------*/
  .header {
    background: #FFF;
    height: 50px;
  }
  .header_inner.container {
    width: 94.66%;
    padding: 6px 0 5px;
  }
  .header_logo img {
    width: 37px;
  }
  .header_link {
    width: auto;
  }
  .header_nav li:nth-child(1), .header_nav li:nth-child(2), .header_nav li:nth-child(3), .header_nav li:nth-child(4), .header_nav li:nth-child(5) {
    background: none;
  }
  .header_nav li:nth-child(1) a, .header_nav li:nth-child(2) a, .header_nav li:nth-child(3) a, .header_nav li:nth-child(4) a, .header_nav li:nth-child(5) a, .header_nav li:nth-child(1) a:hover, .header_nav li:nth-child(2) a:hover, .header_nav li:nth-child(3) a:hover, .header_nav li:nth-child(4) a:hover, .header_nav li:nth-child(5) a:hover {
    width: auto;
    background: none;
  }
  .header_nav li:nth-child(1) a:hover, .header_nav li:nth-child(2) a:hover, .header_nav li:nth-child(3) a:hover, .header_nav li:nth-child(4) a:hover, .header_nav li:nth-child(5) a:hover, .header_link li:nth-child(1) a:hover, .header_link li:nth-child(2) a:hover {
    opacity: 1;
  }
  .header_link li:last-child {
    margin-left: 10px;
  }
  .header_link li:first-child img {
    width: 107px;
  }
  .header_link li:nth-child(2) img {
    width: 42px;
  }
  .header_nav {
    background: #d5d6d6;
    border-top: 1px solid #858585;
    border-bottom: 1px solid #858585;
  }
  .header_nav ol {
    height: 41px;
  }
  .header_nav li {
    width: 20%;
  }
  .header_nav li a {
    height: 41px;
    text-indent: 0;
    border-right: 1px solid #858585;
  }
  .header_nav li:last-child a {
    border-right: none;
  }
  .header_link li:nth-child(1) a {
    width: 108px;
    background: url(../images/sp/nav_cart_sp.jpg)center center / 100% auto no-repeat;
  }
  .header_link li:nth-child(2) a {
    width: 43px;
    background: url(../images/nav_contact.jpg)center center / 100% auto no-repeat;
  }
  .header_nav li  a img {
    display: inline-block;
  }



  /*  footer
  -----------------------*/
  .footer_logo {
    padding: 12px 0 13px;
  }
  .footer_logo img {
    width: 79px;
  }

  .footer .container {
    font-size: 1.3rem;
    width: 70.66%;
  }
  .footer_nav {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
  .footer_nav li {
    margin: 0 0 10px;
  }
  .footer_nav li::before {
    height: 16px;
  }
  .footer_nav li:nth-last-child(-n+2)::before {
    background: none;
  }
  .footer_nav li a {
    margin: 0 10px;
    padding: 0;
  }
  .footer_nav li:nth-last-child(-n+2) {
    border: none;
    width: 100%;
    text-align: center;
  }
  .copyright {
    white-space: nowrap;
    text-align: center;
    padding: 0;
    font-size: 1.2rem;
  }


  /*  main
  -----------------------*/
  /* KV */
  .kv figure {
    width: 100%;
  }


  /* Concept */
  .concept {
    padding: 40px 0 50px;
    background: url(../images/sp/concept_bgi.webp)no-repeat top center;
    background-size: cover;
  }
  .concept h2 {
    width: 25.37%;
  }
  .concept h3 {
    padding: 50px 0 60px;
  }
  .concept h3 img {
    width: 100%;
  }
  .concept p {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  

  /* Produsts */
  .products {
    padding: 40px 0 0;
  }
  .element.__02 {
    padding: 40px 0 0;
  }
  .element h2 {
    width: 200px
  }
  .element.__02 h2 {
    width: 203px;
  }
  .products .introduction_txt {
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
    padding: 40px 0 35px;
  }
  .products .item_img {
    width: 86.1%;
  }
  .element_list {
    padding: 25px 0;
  }
  .element_list li {
    width: 33.333%;
    margin-right: 0;
    padding: 0 0 25px 0;
  }


  /* produsts - gibier */
  .gibier {
    background: url(../images/sp/gibier_bgi.webp)no-repeat top center;
    background-size: cover;
    padding: 40px 0 52px;
  }
  .gibier h3 {
    width: 108%;
    margin: 0 -7%;
  }
  .gibier_introduction_txt {
    font-size: 1.4rem;
    letter-spacing: 0.1rem; 
    line-height: 1.5;
    padding: 30px 0 0;
  }
  .gibier_item {
    flex-wrap: wrap;
    flex-flow: column-reverse;
    padding: 40px 0;
  }
  .gibier_item .txt_inner {
    width: 100%;
    min-width: auto;
  }
  .gibier_item._01 {
    border-bottom: 1px dashed #222222;
    margin-top: -5px;
  }
  .gibier_item._02 {
    flex-flow: column-reverse;
  }
  .gibier_item .txt_inner p {
    padding: 20px 0 15px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .gibier_item .txt_inner p.gibier_point {
    width: 81.2%;
    margin: 0 auto 36px;
  }
  .gibier_item._01 figure {
    width: 108%;
    margin: 0 -4%;
  }
  .gibier_item._02 figure {
    width: 100%;
  }
  .gibier .contents02 {
    padding: 3px 0 0;
  }
  .gibier .contents02 h3 {
    margin: 0 -6%;
  }
  .nutrients_item {
    padding: 27px 0 0;
  }
  .nutrients_item h4 {
    width: 100%;
    margin: 0 auto 24px;
  }
  .nutrients_graph_inner {
    display: block;
  }
  .nutrients_graph_inner figure {
    width: 100%;
    padding-bottom: 35px;
  }
  .nutrients_graph_inner figure:nth-child(2) {
    padding-bottom: 25px;
  }
  .gibier .conclusion {
    padding-top: 32px;
  }


  /* Produsts - poland */
  .poland {
    padding-top: 25px;
  }
  .poland h3 {
    width: 85%;
    padding-bottom: 32px;
  }
  .poland .contents {
    padding: 32px 0 25px;
  }
  .poland .contents._01 h4 {
    width: 90%;
    margin: 0 auto 20px;
  }
  .poland .contents figure {
    width: 111.2%;
    margin: 0px -5.6%;
  }
  .poland .contents p {
    font-size: 1.4rem;
    text-align: left;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    padding: 25px 0 0;
  }
  .poland .contents._02 h4 {
    width: 68%;
    margin: 0 auto 20px;
  }


  /* Reason */
  .reason {
    padding: 40px 0 0;
  }
  .reason .top_bgi {
    background: url(../images/sp/reason_top_bgi.jpg)no-repeat bottom center;
    background-size: contain;
    padding-bottom: 40px;
  }
  .reason h2 {
    width: 48.8%;
    padding-bottom: 50px;
  }
  .reason h3 .sign_board {
    width: 45.07%;
    padding-bottom: 20px;
  }
  .reason h3 .reason_subttl_01 {
    width: 84.4%;
  }
  .point_wrap._01 {
    margin-bottom: 0;
  }
  .point_list {
    top: 0;
    padding: 22px 0 25px;
  }
  .point_list li {
    padding: 25px 5%;
    border-top: 2px solid #29171e;
  }
  .point_list li:nth-child(1) {
    padding-right: 5%;
    display: block;
  }
  .point_list li:nth-child(2) {
    padding-left: 5%;
    display: block;
  }
  .point_list li .txt_wrap {
    width: 100%;
  }
  .point_list li h4 {
    margin-bottom: 15px;
  }
  .point_list li:nth-child(-n+2) h4 {
    margin-bottom: 15px;
  }
  .point_list li .txt_wrap p {
    font-size: 1.4rem;
    padding-bottom: 20px;
  }
  .point_list li figure {
    width: 100%;
  }
  .point_list .contents_list {
    margin-top: 28px;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .3)
  }
  .point_list .contents_list li {
    padding: 5px 5% 10px;
    border-bottom: 1px solid #bcbcba;
  }
  .point_list .contents_list li figure {
    padding-bottom: 5px;
  }
  .point_list li:nth-child(3) li:nth-child(1) figure {
    width: 45.83%;
  }
  .point_list li:nth-child(3) li:nth-child(2) figure {
    width: 78.98%;
    padding-top: 9px;
  }
  .point_list li:nth-child(3) li:nth-child(3) figure {
    width: 51.52%;
  }
  .point_list li:nth-child(3) li:nth-child(4) figure {
    width: 44.13%;
  }
  .point_list li:nth-child(4) li:nth-child(1) figure {
    width: 50.38%;
  }
  .point_list li:nth-child(4) li:nth-child(2) figure {
    width: 59.28%;
  }
  .point_list li:nth-child(4) li:nth-child(3) figure {
    width: 45.45%;
  }
  .point_list li:nth-child(4) li:nth-child(4) figure {
    width: 50.4%;
  }
  .point_list .contents_list li p {
    font-size: 1.2rem;
  }
  .reason_attention_inner {
    margin-top: 20px;
    padding: 0;
    border-top: none;
  }
  .reason_attention_inner div {
    display: block;
    padding-bottom: 10px;
  }
  .point_list .contents_list li .reason_attention_inner p {
    font-size: 1.2rem;
  }
  .reason_attention_inner .ttl {
    margin: 0;
    width: 60px;
    height: 12px;
  }
  .reason_attention_inner .txt {
    width: 100%;
  }
  .point_wrap._02 {
    background: #f6f4ea url(../images/sp/reason_herb_bgi.webp)no-repeat top center;
    background-size: cover;
    padding: 40px 0;
    margin-bottom: 0;
  }
  .reason h3 .reason_subttl_02 {
    width: 79.25%;
  }
  .herb_intro {
    width: 90%;
    margin: 40px auto 60px;
  }
  .herb_element {
    width: 100%;
    margin: 0 auto 24px;
  }
  .herb_element + .herb_element {
    margin-top: 50px;
  }
  .herb_important {
    width: 88.06%;
    margin: 80px auto 45px;
  }
  .herb_aim {
    width: 89.85%;
    margin: 0 auto 37px;
  }
  .herb_conclusion {
    width: 88.06%;
    margin: 0 auto;
  }
  .point_wrap._03 {
    padding: 40px 0 20px;
  }
  .reason h3 .reason_subttl_03 {
    display: block;
    width: 82.09%;
    padding-bottom: 40px;
  }
  .reason_award_intro {
    font-size: 1.4rem;
    padding-bottom: 20px;
  }
  .award_history_wrap {
    margin: 0 4%;
    border: 2px solid #b69a54;
    padding: 66px 0 20px;
  }
  .award_history_wrap::before, .award_history_wrap::after, .award_block._02::before {
    width: 45px;
    height: 373px;
    right: -5.1%;
  }
  .award_history_wrap h4 {
    top: 20px;
    width: 108%;
  }
  .award_block {
    padding: 26px 8% 0;
  }
  .award_item_box {
    display: block;
  }
  .award_item_box div {
    width: 100%;
  }
  .award_item_box .left_item {
    padding-bottom: 20px;
  }
  .award_item_box picture {
    width: 80.79%;
    margin: 0 auto;
    display: block;
  }
  .award_block._00 .award_item_box img {
    max-width: 100%;
  }
  .award_block p, .award_txt {
    font-size: 1.4rem;
    text-align: left;
  }
  .award_block._00 .award_txt {
    text-align: center;
    font-feature-settings: "palt";
  }
  .award_txt {
    padding: 10px 0;
  }
  .award_block._01 .award_txt {
    padding-bottom: 20px;
  }
  .award_block._02 .right_item .award_txt {
    padding-bottom: 10px;
  }
  .award_block._03 .award_txt, .award_block._04 .award_txt {
    text-align: center;
  }
  .award_img {
    width: 64%;
  }
  .award_img._full {
    width: 100%;
  }
  .award_bar {
    margin-top: 25px;
    height: 1px;
  }


  /* Interview */
  .interview {
    background: url(../images/sp/interview_bgi.jpg)no-repeat top center;
    background-size: cover;
    padding: 40px 0 25px;
  }
  .interview h2 {
    width: 50.14%;
    padding-bottom: 30px;
  }
  .interview_wrap {
    border: 2px solid #b69a54;
    padding: 26px 0;
    display: block;
  }
  .interview_wrap h3 {
    width: 97%;
    margin: 0 auto 26px 0;
  }
  .interview_wrap .left_area {
    width: 100%;
    padding: 0 20.15% 26px;
  }
  .interview_wrap .right_area {
    width: 100%;
    padding: 0 10.45%;
  }
  .interview_wrap p {
    font-size: 1.4rem;
  }
  .interview_wrap .sigh {
    width: 46.8%;
    margin: 20px auto 0;
  }


  /* Lineup */
  .lineup {
    padding: 40px 0 50px;
  }
  .lineup h2 {
    width: 31.04%;
    padding-bottom: 23px;
  }
  .lineup_main_contents {
    width: 100%;
  }
  .lineup_main_contents figure {
    width: 110.5%;
    margin: 0 -5.25%;
  }
  .productslink_btn {
    width: 188px;
    bottom: -25px;
  }
  .productslink_btn a {
    height: 50px;
  }
  .productslink_btn a:hover {
    opacity: 1;
  }


  /* Q&A */
  .q_a {
    padding: 40px 0 20px;
  }
  .q_a h2 {
    width: 19.4%;
    margin: 0 auto 25px;
  }
  .qa_accordion li {
    margin-bottom: 15px;
  }
  .qa_accordion p {
    padding: 11px 30px 11px 52px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .qa_accordion p.ac::after {
    width: 10px;
    height: 7px;
    right: 10px;
  }
  .qa_accordion p.inner::before {
    width: calc(100% - 40px);
    left: 10px;
  }
  .qa_accordion p img {
    width: 22px;
    left: 10px;
  }
  .qa_accordion p.inner img {
    top: 15px;
  }

  /* bnr */
  .bnr .sp {
    display: inline-block;
  }


  /* Contact */
  .contact {
    padding: 20px 0 45px;
  }
  .contact h2 {
    width: 35.07%;
    margin: 0 auto 24px;
  }
  .contact_catch {
    width: 160px;
    margin: 0 auto 15px;
  }
  .contact_btn a:hover {
    opacity: 1;
  }
  .contact .attention {
    font-size: 1.3rem;
    padding: 10px 0 0;
  }


  /*  dog
  -----------------------*/
  .dog_main_ttl {
    background: url(../images/dog/sp/dog_kv_bgi.jpg)top center / 100% auto no-repeat;
    background-size: cover;
    height: 128px;
  }
  .dog_main_ttl img {
    width: 41.04%;
  }
  .dogfood {
    padding: 40px 0 0;
  }
  .dogfood h3 {
    width: 30.15%;
    margin: 0 auto 40px;
  }
  .dog_intro {
    font-size: 1.4rem;
    padding-bottom: 40px;
  }
  .series_link_wrap {
    & > div {
        width: 90%;
        padding: 0 0 50px;
    }
    .btn-wrap {
      display: block;
    }
  }
  .series_btn {
    width: 100%;
    max-width: 270px;
    height: 58px;
    background: url(../images/sp/prime-btn.jpg) no-repeat center/contain;
    margin: 0 auto;
    a {
      background: url(../images/sp/prime-btn.jpg) no-repeat center/contain;
    }
  }
  .series_btn:nth-child(2) {
    background: url(../images/sp/empire-btn.jpg) no-repeat center/contain;
    margin: 20px auto 0;
    a {
      background: url(../images/sp/empire-btn.jpg) no-repeat center/contain;
    }
  }
  .dog_lead_txt {
    width: 100%;
    padding: 40px 0 25px;
  }
  .series-title {
    padding: 50px 0 40px;
    img {
      width: 100%;
      max-width: 200px;
    }
  }
  .puroduct_item .item_wrap {
    display: block;
  }
  .puroduct_item .left_area, .puroduct_item .right_area {
    width: 100%;
  }
  .puroduct_item {
    padding: 35px 0;
    border-bottom: 2px solid #84703e;
  }
  .product-image-thumbs {
  width: calc(100% - 36px);
  }
  .product-image .swiper-button-prev {
    background-size: 12px 40px;
  }
  .product-image .swiper-button-next {
    background-size: 12px 40px;
    right: -4.5%;
  }
  .puroduct_item .size_txt {
    font-size: 1.6rem;
  }
  .puroduct_item .size_txt span {
    font-size: 1.4rem;
  }
  .puroduct_item .pkg_img {
    width: 89.55%;
    margin: 0 auto;
    padding: 25px 0;
  }
  .puroduct_item .pkg_txt {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .puroduct_item h4 {
    padding-bottom: 25px;
  }
  .puroduct_item .item_intro {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.5;
    padding-bottom: 25px;
  }
  .product_info_box {
    border-left: 1px solid #564825;
    border-right: 1px solid #564825;
    border-bottom: 1px solid #564825;
  }
  .product_info_box .ttl {
    font-size: 1.4rem;
    padding: 4px 11px;
  }
  .product_info_box .txt {
    padding: 8px 11px;
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .product_amount p {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.5;
    padding: 20px 0;
  }
  .product_amount p.table_attention {
    font-size: 1.2rem;
    padding: 8px 0 0;
  }
  .product_amount table {
    border-top: 1px solid #564825;
    border-left: 1px solid #564825;
  }
  .product_amount th, .product_amount td {
    font-size: 1.3rem;
    padding: 3px 0;
    border-bottom: 1px solid #564825;
    border-right: 1px solid #564825;
  }
  .product_amount tr:first-child th:first-child {
    width: 90px;
  }
  .item_link {
    font-size: 1.4rem;
    text-align: center;
  }
  .dogtreats {
    padding: 40px 0 0;
  }
  .dogtreats h3 {
    width: 35.35%;
    margin: 0 auto 5px;
  }
  .puroduct_item .item_point {
    padding: 25px 0 5px;
    justify-content: center;
  }
  .puroduct_item .item_point li {
    width: 36.71%;
    padding-bottom: 35px;
  }
  .item_attention {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.5;
    padding: 20px 0;
  }
  .backto_inner {
    padding: 45px 0 30px;
  }
  .backto_btn {
    width: 267px;
  }
  .backto_btn a {
    height: 72px;
    width: 267px;
  }
  .backto_btn a:hover {
    opacity: 1;
  }
}



/* ----------------------
  5S
-----------------------*/
@media screen and (max-width: 320px) {
  .copyright {
    font-size: 1rem;
  }

}