/**** mainv ****/
.mainv {
 height: 56.25vw;
 display: flex;
 align-items: center;
 overflow: hidden;
 position: relative;
}

.mainv .video {
 position: absolute;
 z-index: -1;
 top: 50%;
 left: 50%;
 min-height: 100%;
 min-width: 100%;
 transform: translate(-50%, -50%);
}

.mainv .video video {
 width: 177.77777778vh;
 height: 56.25vw;
 min-height: 100%;
 min-width: 100%;
}

.mainv h1 {
 font-size: 62px;
 font-weight: 700;
 text-shadow: 0 0 10px #000;
 color: #fff;
}

.mainv .subttl {
 margin-top: 30px;
 font-size: 18px;
 font-weight: 500;
 text-shadow: 0 0 10px #000;
 color: #fff;
}

/* sp */
@media only screen and (max-width: 768px) {
 .mainv {
  height: 100vh;
 }

 .mainv .video {
  top: 50%;
  min-height: 105%;
  min-width: 105%;
 }

 .mainv .video video {
  width: 56.25vw;
  height: 177.77777778vh;
 }

 .mainv h1 {
  font-size: 8vw;
 }
}

/**** hero ****/
.hero .en_subttl {
 font-size: clamp(16px, 1.4vw, 20px);
}

@media only screen and (max-width: 768px) {
 .hero .en_subttl {
  font-size: clamp(12px, 1vw, 14px);
 }
}

/**** product ****/
.product .product_block {
 background-position: top;
 background-size: cover;
 border-radius: 10px;
 overflow: hidden;
}

.product .product_block.bg_dog {
 background-image: url(/assets_u/img/top_product_dogbg.jpg);
}

.product .product_block.bg_cat {
 background-image: url(/assets_u/img/top_product_catbg.jpg);
}

.product .product_block .ttl_area {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-bottom: 20px;
 border-bottom: 1px solid;
 margin-bottom: 30px;
}

.product .product_block .ttl_area a {
 display: block;
 padding: 5px 15px;
 line-height: 1;
 border: 1px solid;
 border-radius: 20px;
 position: relative;
}

.product .product_block .tag_list li a {
 font-size: 12px;
 background-color: rgba(255, 255, 255, 0.7);
 backdrop-filter: blur(5px);
 -webkit-backdrop-filter: blur(5px);
 border-radius: 50px;
 display: table;
 min-width: 190px;
 margin-bottom: 5px;
 padding: 5px 15px;
}

@media only screen and (max-width: 768px) {
 .product .product_block.bg_dog {
  background-image: url(/assets_u/img/top_product_dogbg_sp.jpg);
 }

 .product .product_block.bg_cat {
  background-image: url(/assets_u/img/top_product_catbg_sp.jpg);
 }

 .product .product_block .ttl_area {
  padding-bottom: 10px;
  margin-bottom: 20px;
 }
}

/**** petcare ****/
.petcare .petcare_list {
 overflow: scroll;
}
@media only screen and (max-width: 768px) {
 .petcare .petcare_list ul {
  width: 825px;
 }
}

/**** voice ****/
.voice_link_box {
 display: grid;
 grid-template-columns: 255px 1fr;
 grid-template-rows: 1fr;
 align-items: center;
 gap: 30px;
 margin-bottom: 30px;
}
.voice_link_box .img_area {
 aspect-ratio: 51 / 28;
 border-radius: 10px;
 overflow: hidden;
}
.voice_link_box .img_area img {
 object-fit: cover;
 object-position: center;
 width: 100%;
 height: 100%;
 transition: 0.4s;
}
.voice_link_box:hover .img_area img {
 scale: 1.05;
}
@media only screen and (max-width: 768px) {
 .voice_link_box {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 30px;
 }
 .voice_link_box .img_area {
  aspect-ratio: 1/ 1;
  border-radius: 5px;
 }
}
/**** news ****/
.news_list li {
 border-bottom: 1px solid #cdcdcd;
}
.news_list li a {
 display: flex;
 align-items: center;
 gap: 20px;
 padding: 40px 0;
}
.news_list li .ttl_txt {
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
}
.list_btn {
 display: table;
 padding: 6px 50px 6px 30px;
 border: 1px solid;
 border-radius: 50px;
 position: relative;
}
.list_btn::after {
 content: "";
 width: 7px;
 height: 7px;
 border: 0;
 border-top: solid 1px #333;
 border-right: solid 1px #333;
 transform: rotate(45deg);
 position: absolute;
 top: 0;
 right: 20px;
 bottom: 0;
 margin: auto;
}
@media only screen and (max-width: 768px) {
 .news_list {
  margin-bottom: 30px;
 }
 .news_list li a {
  flex-wrap: wrap;
  gap: 5px;
  padding: 20px 0;
 }
 .news_list li a > * {
  width: 100%;
 }
 .list_btn {
  margin-inline: auto;
 }
}