/* ----------------------------------------------------
other
---------------------------------------------------- */
:root {
  --spacing220: 0.22em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

@media only screen and (max-width:1440px) {
  h2.ttl span {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-weight: 300 !important;
  }
}
@media only screen and (max-width:1440px) {
  h2.ttl .en {
    font-size: 3.264vw !important;
    font-weight: 300 !important;
    background: none !important;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl .en {
    font-size: 2.667vw !important;
  }
}
@media only screen and (max-width:1440px) {
  h2.ttl .en:after {
    content: "";
    display: block;
    background: url(../images/common/bg_title_2.svg) center center/cover no-repeat;
    width: 51.25vw;
    height: 1.528vw;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl .en:after {
    width: 41.067vw;
    height: 1.6vw;
    margin-top: 0.8vw;
  }
}
@media only screen and (max-width:1440px) {
  h2.ttl .jp {
    font-size: 1.042vw !important;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl .jp {
    font-size: 1.333vw !important;
  }
}
h2.ttl2 {
  margin-bottom: 50px;
}
@media only screen and (max-width:1440px) {
  h2.ttl2 {
    margin-bottom: 3.472vw;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl2 {
    margin-bottom: 2.667vw;
    line-height: 1;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl2 span {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
}
h2.ttl2 .en {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 47px !important;
  font-weight: 300 !important;
  background: none !important;
}
@media only screen and (max-width:1440px) {
  h2.ttl2 .en {
    font-size: 3.264vw !important;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl2 .en {
    font-size: 2.667vw !important;
  }
}
h2.ttl2 .en:after {
  content: "";
  display: block;
  background: url(../images/common/bg_title.svg) center center/cover no-repeat;
  width: 552px;
  height: 26px;
  margin-top: 10px;
  margin-left: -35px;
}
@media only screen and (max-width:1440px) {
  h2.ttl2 .en:after {
    width: 38.333vw;
    height: 1.806vw;
    margin-top: 0.694vw;
    margin-left: -2.431vw;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl2 .en:after {
    width: 30.133vw;
    height: 1.6vw;
    margin-top: 0.8vw;
    margin-left: -1.333vw;
  }
}
h2.ttl2 .jp {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
}
@media only screen and (max-width:1440px) {
  h2.ttl2 .jp {
    font-size: 0.972vw !important;
  }
}
@media only screen and (max-width:650px) {
  h2.ttl2 .jp {
    font-size: 1.333vw !important;
  }
}

/* ----------------------------------------------------
products
---------------------------------------------------- */
#products .c_wrap + .c_wrap {
  margin-top: 180px;
}
@media only screen and (max-width:1440px) {
  #products .c_wrap + .c_wrap {
    margin-top: 12.5vw;
  }
}
@media only screen and (max-width:650px) {
  #products .c_wrap + .c_wrap {
    margin-top: 5.333vw;
  }
}
@media only screen and (max-width:1440px) {
  #products .page_center {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80.903vw;
  }
}
@media only screen and (max-width:650px) {
  #products .page_center {
    padding-left: 11.733vw;
    padding-right: 11.733vw;
    width: 100%;
  }
}
#products .ttl_area .page_center {
  padding-top: 0;
}

.pagename_area.animal_water {
  background: url("../images/products/bg_pagename_animal_water.png") no-repeat left top;
  background-size: 70% auto;
  padding: 12% 0 5%;
  position: relative;
}

.sec_main_item {
  margin-bottom: 145px;
}
@media only screen and (max-width:1440px) {
  .sec_main_item {
    margin-bottom: 10.069vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_main_item {
    margin-bottom: 4vw;
  }
}
.sec_main_item .main_item_inner .txt {
  padding-left: 85px;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .txt {
    padding-left: 5.903vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_main_item .main_item_inner .txt {
    padding-left: 5.333vw;
  }
}
.sec_main_item .main_item_inner .txt .explain {
  padding: 0;
}
@media only screen and (max-width:650px) {
  .sec_main_item .main_item_inner .txt .explain {
    margin-top: 2.4vw;
  }
}
.sec_main_item .main_item_inner .txt .explain p {
  font-size: 19px;
  line-height: 1.73;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .txt .explain p {
    font-size: 1.319vw !important;
  }
}
.sec_main_item .main_item_inner .txt .explain p.info {
  margin-bottom: 38px;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .txt .explain p.info {
    margin-bottom: 2.639vw;
  }
}
.sec_main_item .main_item_inner .txt .explain p.price {
  padding: 0;
  margin: 0 0 24px 0;
  font-size: 12px;
  line-height: 1.75;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .txt .explain p.price {
    margin-bottom: 1.667vw;
    font-size: 0.833vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_main_item .main_item_inner .txt .explain p.price {
    margin-bottom: 4.8vw;
  }
}
.sec_main_item .main_item_inner .txt .explain p.viewmore {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weiht: 300;
  line-height: 1.78;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .txt .explain p.viewmore {
    font-size: 0.972vw;
  }
}
.sec_main_item .main_item_inner .txt .explain p .circle {
  position: relative;
  top: -3px;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .txt .explain p .circle {
    top: -0.208vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_main_item .main_item_inner .txt .explain p .circle {
    top: -0.8vw;
    width: 2.133vw !important;
    background: #fff url("../images/common/link_arr.svg") no-repeat center center;
    background-size: 4px auto !important;
    margin-left: 0.533vw !important;
  }
}
.sec_main_item .main_item_inner .itemimg {
  padding-top: 1.111vw;
  width: 460px;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .itemimg {
    width: 31.944vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_main_item .main_item_inner .itemimg {
    padding-right: 5.333vw;
  }
}
.sec_main_item .main_item_inner .itemimg .img {
  margin-bottom: -50px;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .itemimg .img {
    margin-bottom: -3.472vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_main_item .main_item_inner .itemimg .img img {
    width: 24.533vw;
    height: auto;
  }
}
.sec_main_item .main_item_inner .itemimg .en {
  font-size: 11px !important;
  letter-spaging: var(--spacing220);
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .itemimg .en {
    padding: 0 1.389vw 2.083vw;
    font-size: 0.764vw !important;
  }
}
.sec_main_item .main_item_inner .itemimg .en:after {
  bottom: 0 !important;
  height: 1px !important;
}
.sec_main_item .main_item_inner .itemimg a p {
  padding: 0 23px 0 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .itemimg a p {
    padding-right: 1.597vw !important;
  }
}
.sec_main_item .main_item_inner .itemimg a .circle {
  top: 4px !important;
  width: 23px !important;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .itemimg a .circle {
    top: 0.278vw !important;
    width: 1.597vw !important;
  }
}
.sec_main_item .main_item_inner .itemimg a .circle:after {
  width: 100% !important;
}
.sec_main_item .main_item_inner .itemimg a .circle span:before, .sec_main_item .main_item_inner .itemimg a .circle span:after {
  top: -7px !important;
}
@media only screen and (max-width:1440px) {
  .sec_main_item .main_item_inner .itemimg a .circle span:before, .sec_main_item .main_item_inner .itemimg a .circle span:after {
    top: -0.486vw !important;
  }
}
@media only screen and (max-width:650px) {
  .sec_main_item .main_item_inner .itemimg ul {
    display: none;
  }
}

/* ----------------------------------------------------
movie
---------------------------------------------------- */
.sec_movie .ttl_area {
  margin-bottom: 44px;
}
@media only screen and (max-width:1440px) {
  .sec_movie .ttl_area {
    margin-bottom: 3.056vw;
  }
}
@media only screen and (max-width:1440px) {
  .sec_movie .ttl_area h2.ttl .en:after {
    height: 2.222vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_movie .ttl_area h2.ttl .en:after {
    height: 1.6vw;
  }
}
.sec_movie__inner {
  margin: 0 auto 243px auto;
  width: 949px;
}
@media only screen and (max-width:1440px) {
  .sec_movie__inner {
    margin-bottom: 16.875vw;
    width: 65.903vw;
  }
}
@media only screen and (max-width:1440px) {
  .sec_movie__inner {
    margin-bottom: 8.8vw;
    width: 49.6vw;
  }
}
.sec_movie__item {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 30px;
  overflow: hidden;
}
.sec_movie__item iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.sec_movie .main_item_inner {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width:650px) {
  .sec_movie .main_item_inner .itemimg {
    padding-left: 1.867vw;
  }
}
.sec_movie .main_item_inner .itemimg img {
  width: 512px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_movie .main_item_inner .itemimg img {
    width: 35.556vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_movie .main_item_inner .itemimg img {
    width: 25.6vw;
  }
}
.sec_movie .main_item_inner .txt {
  width: 551px;
  text-align: right;
}
@media only screen and (max-width:1440px) {
  .sec_movie .main_item_inner .txt {
    width: 38.264vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_movie .main_item_inner .txt {
    padding-right: 2.133vw;
    width: 38.667vw;
  }
}
.sec_movie .main_item_inner .txt h3 {
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.55;
  letter-spaging: var(--spacing220);
  color: #004ba0;
}
@media only screen and (max-width:1440px) {
  .sec_movie .main_item_inner .txt h3 {
    margin-bottom: 2.083vw;
    font-size: 2.778vw;
  }
}
.sec_movie .main_item_inner .txt p {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.73;
}
@media only screen and (max-width:1440px) {
  .sec_movie .main_item_inner .txt p {
    font-size: 1.319vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_movie .main_item_inner .txt p {
    font-size: 1.333vw;
    letter-spacing: 0.06em;
  }
}
.sec_movie .dummy {
  margin: 0 auto;
  width: 955px;
  height: auto;
  display: block;
}
@media only screen and (max-width:1440px) {
  .sec_movie .dummy {
    width: 66.319vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_movie .dummy {
    width: 100%;
  }
}

/* ----------------------------------------------------
target trouble
---------------------------------------------------- */
.sec_targettrouble {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width:650px) {
  .sec_targettrouble {
    margin-bottom: 13.333vw;
  }
}
.sec_targettrouble .ttl_area h2.ttl {
  margin-bottom: 26px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .ttl_area h2.ttl {
    margin-bottom: 1.806vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .ttl_area h2.ttl {
    margin-bottom: 2.667vw;
  }
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .ttl_area h2.ttl .en:after {
    width: 39.653vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .ttl_area h2.ttl .en:after {
    width: 34.667vw;
  }
}
.sec_targettrouble .block_trouble {
  padding: 0;
  margin: 0;
  position: relative;
}
.sec_targettrouble .block_trouble + .block_trouble {
  margin-top: 100px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble + .block_trouble {
    margin-top: 6.944vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble + .block_trouble {
    margin-top: 8vw;
  }
}
.sec_targettrouble .block_trouble .block_ttl_area {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.sec_targettrouble .block_trouble .block_ttl_area h3 {
  padding: 0 0 0 20px;
  margin: 0;
  font-size: 47px;
  font-weight: 300;
  line-height: 1.74;
  letter-spacing: var(--spacing220);
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble .block_ttl_area h3 {
    padding-left: 1.389vw;
    font-size: 3.264vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble .block_ttl_area h3 {
    padding-left: 0.8vw;
    font-size: 2.667vw;
  }
}
.sec_targettrouble .block_trouble .block_ttl_area .icon {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  font-size: 48px;
  line-height: 0.75;
  text-align: center;
  color: #004ba0;
  letter-spacing: 0.1em;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble .block_ttl_area .icon {
    width: 10.417vw;
    font-size: 3.333vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble .block_ttl_area .icon {
    width: 8vw;
    font-size: 2.667vw;
  }
}
.sec_targettrouble .block_trouble .block_ttl_area .icon span {
  margin-top: 10px;
  font-size: 18px;
  color: #595a5a;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble .block_ttl_area .icon span {
    margin-top: 0.694vw;
    font-size: 1.25vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble .block_ttl_area .icon span {
    font-size: 1.067vw;
  }
}
.sec_targettrouble .block_trouble__inner h4 {
  padding: 0;
  margin: 0;
  font-size: 46px;
  font-weight: 300;
  line-height: 1.76;
  text-wrap: nowrap;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble__inner h4 {
    font-size: 3.194vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble__inner h4 {
    font-size: 2.667vw;
  }
}
.sec_targettrouble .block_trouble__inner h5 {
  margin-bottom: 60px;
  font-size: 46px;
  font-weight: 300;
  line-height: 1.28;
  color: #004ba0;
  letter-spacing: var(--spacing220);
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble__inner h5 {
    margin-bottom: 4.167vw;
    font-size: 3.194vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble__inner h5 {
    margin-bottom: 2.667vw;
    font-size: 2.667vw;
  }
}
.sec_targettrouble .block_trouble__group {
  display: flex;
  justify-content: space-between;
}
.sec_targettrouble .block_trouble__container p {
  font-size: 27px;
  line-height: 1.51;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble__container p {
    font-size: 1.875vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble__container p {
    font-size: 1.333vw;
    letter-spacing: 0.06em;
  }
}
.sec_targettrouble .block_trouble__container p.notice {
  font-size: 21px;
  line-height: 1.76;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble__container p.notice {
    font-size: 1.458vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble__container p.notice {
    font-size: 1.067vw;
  }
}
.sec_targettrouble .block_trouble__item {
  width: 50%;
}
.sec_targettrouble .block_trouble__item--img img {
  display: block;
}
.sec_targettrouble .block_trouble .line {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100%;
  height: auto;
}
.sec_targettrouble .block_trouble .line .cls-1 {
  fill: none;
  stroke: #004ba0;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.sec_targettrouble .block_trouble .line svg {
  width: 100%;
  height: auto;
  display: block;
}
.sec_targettrouble .block_trouble .line.scrollin g path {
  fill: none;
  stroke: #004ba0;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  stroke-dasharray: 2331;
  stroke-dashoffset: 2331;
  animation: 1s forwards linear 2s line-animation;
}
.sec_targettrouble .block_trouble.point1 .line {
  width: 1136px;
  transform: translate(-50%, -50%) translate(-430px, -540px);
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .line {
    width: 79%;
    transform: translate(-50%, -50%) translate(-29.861vw, -37.5vw);
  }
}
@media only screen and (max-width:769px) {
  .sec_targettrouble .block_trouble.point1 .line {
    transform: translate(-50%, -50%) translate(-29.948vw, -39.063vw);
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point1 .line {
    width: 59.17%;
    transform: translate(-50%, -50%) translate(-22.133vw, -28vw);
  }
}
.sec_targettrouble .block_trouble.point1 .block_ttl_area {
  margin-left: -56px;
  margin-bottom: 123px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .block_ttl_area {
    margin-left: -3.889vw;
    margin-bottom: 8.542vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point1 .block_ttl_area {
    padding-left: 5.333vw;
    margin-left: 0;
    margin-bottom: 3.467vw;
  }
}
.sec_targettrouble .block_trouble.point1 .block_trouble__group {
  margin-bottom: 45px;
  justify-content: center;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__group {
    margin-bottom: 3.125vw;
  }
}
.sec_targettrouble .block_trouble.point1 .block_trouble__item h4 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.sec_targettrouble .block_trouble.point1 .block_trouble__item h4 span {
  diaplay: inline-block;
  letter-spacing: var(--spacing220);
}
.sec_targettrouble .block_trouble.point1 .block_trouble__item--text {
  padding-right: 75px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__item--text {
    padding-right: 5.208vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__item--text {
    padding-right: 2.4vw;
  }
}
.sec_targettrouble .block_trouble.point1 .block_trouble__item--img {
  padding-left: 39px;
  margin-top: -250px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__item--img {
    padding-left: 2.708vw;
    margin-top: -17.361vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__item--img {
    padding-left: 2.133vw;
    margin-top: -10.667vw;
  }
}
.sec_targettrouble .block_trouble.point1 .block_trouble__item--img img {
  width: 503px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__item--img img {
    width: 34.861vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__item--img img {
    width: 26.133vw;
  }
}
.sec_targettrouble .block_trouble.point1 .block_trouble__container {
  margin: 0 auto;
  width: 971px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__container {
    width: 67.431vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__container {
    width: 48vw;
  }
}
.sec_targettrouble .block_trouble.point1 .block_trouble__container .img {
  margin: 64px auto 25px auto;
  display: block;
  width: 787px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__container .img {
    margin-top: 4.444vw;
    margin-bottom: 1.736vw;
    width: 54.653vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point1 .block_trouble__container .img {
    margin-top: 2.667vw;
    margin-bottom: 1.333vw;
    width: 41.067vw;
  }
}
.sec_targettrouble .block_trouble.point2 .line {
  width: 1136px;
  transform: translate(-50%, -50%) translate(413px, -1055px);
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .line {
    width: 79%;
    transform: translate(-50%, -50%) translate(28.681vw, -73.264vw);
  }
}
@media only screen and (max-width:769px) {
  .sec_targettrouble .block_trouble.point2 .line {
    transform: translate(-50%, -50%) translate(28.646vw, -73.177vw);
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .line {
    width: 59.17%;
    transform: translate(-50%, -50%) translate(22.133vw, -59.2vw);
  }
}
.sec_targettrouble .block_trouble.point2 .block_ttl_area {
  margin-right: -17px;
  align-items: flex-start;
  justify-content: flex-end;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_ttl_area {
    margin-right: -1.181vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_ttl_area {
    padding-right: 5.333vw;
    margin-right: 0;
  }
}
.sec_targettrouble .block_trouble.point2 .block_ttl_area .icon {
  padding-left: 50px;
  justify-content: flex-start;
  order: 2;
  text-align: center;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_ttl_area .icon {
    padding-left: 3.472vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_ttl_area .icon {
    padding: 0;
    justify-content: center;
  }
}
.sec_targettrouble .block_trouble.point2 .block_ttl_area h3 {
  order: 1;
  line-height: 1.27;
  text-align: right;
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item p {
  padding: 0;
  margin: 0;
  font-size: 46px;
  line-height: 1.54;
  text-wrap: nowrap;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item p {
    font-size: 3.194vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item p {
    font-size: 2.667vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--text {
  padding-top: 120px;
  order: 2;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--text {
    padding-top: 8.333vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--text {
    padding-top: 5.333vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--img {
  padding-left: 52px;
  margin-top: -57px;
  order: 1;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--img {
    padding-left: 3.611vw;
    margin-top: -3.958vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--img {
    padding-left: 9.867vw;
    margin-top: 0;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--img img {
  width: 450px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--img img {
    width: 31.25vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--top .block_trouble__item--img img {
    width: 23.467vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom {
  margin-top: 80px;
  flex-wrap: wrap;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom {
    margin-top: 5.556vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom > h4 {
  margin-bottom: 50px;
  width: 100%;
  text-align: center;
  letter-spacing: var(--spacing220);
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom > h4 {
    margin-bottom: 3.472vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text {
  padding-left: 30px;
  text-align: left;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text {
    padding-left: 2.083vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text {
    padding-left: 3.733vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text p {
  font-size: 20px;
  letter-spacing: 0;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text p {
    font-size: 1.389vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text .item_meta {
  margin-bottom: 50px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text .item_meta {
    margin-bottom: 3.472vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text .item_meta {
    margin-bottom: 1.867vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text .item_meta p {
  line-height: 1.55;
  letter-spacing: 0.06em;
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text dl {
  text-wrap: nowrap;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text dl {
    font-size: 1.389vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text dl {
    line-height: 1.5;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text dl dt {
  width: 20px;
  float: left;
  clear: both;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text dl dt {
    width: 1.389vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text dl dd {
  margin-left: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--text dl dd {
    margin-left: 1.389vw;
    margin-bottom: 0.694vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--img {
    padding-right: 3.733vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--img img {
  margin-left: auto;
  width: 511px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--img img {
    width: 35.486vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__group--bottom .block_trouble__item--img img {
    width: 26.667vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__container {
  margin: 45px auto 0 auto;
  width: 1074px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__container {
    margin-top: 3.125vw;
    width: 74.583vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__container {
    width: 68.533vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__container p {
  padding-left: 6px;
  margin-bottom: 27px;
  font-size: 20px;
  letter-spacing: 0.1em;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__container p {
    padding-left: 0.417vw;
    margin-bottom: 1.875vw;
    font-size: 1.389vw;
  }
}
.sec_targettrouble .block_trouble.point2 .block_trouble__container .img {
  margin-bottom: 12px;
}
@media only screen and (max-width:1440px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__container .img {
    margin-bottom: 0.833vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_targettrouble .block_trouble.point2 .block_trouble__container .img + p {
    text-align: center;
  }
}

/* ----------------------------------------------------
features
---------------------------------------------------- */
.sec_features {
  text-align: center;
}
@media only screen and (max-width:650px) {
  .sec_features {
    margin-bottom: 9.333vw;
  }
}
@media only screen and (max-width:1440px) {
  .sec_features .ttl_area h2.ttl .en:after {
    width: 28.542vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features .ttl_area h2.ttl .en:after {
    width: 22.933vw;
  }
}
.sec_features__head h3 {
  margin: 40px 0;
  font-size: 46px;
  line-height: 1.76;
  color: #004ba0;
  letter-spacing: var(--spacing220);
}
@media only screen and (max-width:1440px) {
  .sec_features__head h3 {
    margin: 2.778vw 0;
    font-size: 3.194vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__head h3 {
    font-size: 2.667vw;
    line-height: 1.6;
  }
}
.sec_features__head img {
  margin: 0 auto;
  display: block;
  width: 788px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_features__head img {
    width: 54.722vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__head img {
    width: 45.867vw;
  }
}
.sec_features__meta h4 {
  margin-bottom: 40px;
  font-size: 47px;
  font-weight: 300;
  line-height: 1.75;
  color: #004ba0;
  letter-spacing: var(--spacing220);
  text-align: center;
}
@media only screen and (max-width:1440px) {
  .sec_features__meta h4 {
    margin-bottom: 2.778vw;
    font-size: 3.264vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__meta h4 {
    margin-bottom: 1.333vw;
    font-size: 2.667vw;
  }
}
.sec_features__meta h4 span {
  margin: 0 auto;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 164px;
  border: 2px solid #004ba0;
  border-radius: 100vw;
  letter-spacing: 0;
}
@media only screen and (max-width:1440px) {
  .sec_features__meta h4 span {
    width: 11.389vw;
    height: 11.389vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__meta h4 span {
    margin-bottom: 0.8vw;
    width: 8.533vw;
    height: 8.533vw;
    border: 1px solid #004ba0;
  }
}
.sec_features__meta h4 span:after {
  margin-left: 7px;
  font-size: 18px;
  line-height: 1.77;
  letter-spacing: var(--spacing220);
  color: #0e0e0e;
}
@media only screen and (max-width:1440px) {
  .sec_features__meta h4 span:after {
    margin-left: 0.486vw;
    font-size: 1.25vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__meta h4 span:after {
    font-size: 1.067vw;
  }
}
.sec_features__item {
  margin-bottom: 110px;
}
@media only screen and (max-width:1440px) {
  .sec_features__item {
    margin-bottom: 7.639vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__item {
    margin-bottom: 5.867vw;
  }
}
.sec_features__item:nth-child(2) h4 span:after {
  content: "SAFETY";
}
.sec_features__item:nth-child(2) .img {
  margin: 48px auto 15px auto;
  width: 680px;
}
@media only screen and (max-width:1440px) {
  .sec_features__item:nth-child(2) .img {
    margin-top: 3.333vw;
    margin-bottom: 1.042vw;
    width: 47.222vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__item:nth-child(2) .img {
    margin-top: 8px;
    width: 35.467vw;
  }
}
.sec_features__item:nth-child(3) h4 span:after {
  content: "RELIEF";
}
.sec_features__item:nth-child(4) h4 span:after {
  content: "EASY";
}
.sec_features__contents {
  margin: 0 auto;
  width: 1000px;
}
@media only screen and (max-width:1440px) {
  .sec_features__contents {
    width: 69.444vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__contents {
    width: 49.333vw;
  }
}
.sec_features__contents p {
  font-size: 27px;
  line-height: 1.51;
  letter-spacing: 0.06em;
}
@media only screen and (max-width:1440px) {
  .sec_features__contents p {
    font-size: 1.875vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__contents p {
    font-size: 1.333vw;
  }
}
.sec_features__contents p.notice {
  font-size: 21px;
  line-height: 1.76;
}
@media only screen and (max-width:1440px) {
  .sec_features__contents p.notice {
    font-size: 1.458vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__contents p.notice {
    font-size: 1.067vw;
  }
}
.sec_features__contents p.large {
  font-size: 70px;
  line-height: 1.75;
  color: #004ba0;
  letter-spacing: var(--spacing220);
}
@media only screen and (max-width:1440px) {
  .sec_features__contents p.large {
    font-size: 4.861vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_features__contents p.large {
    font-size: 3.467vw;
  }
}

/* ----------------------------------------------------
qa
---------------------------------------------------- */
.sec_qa h2.ttl {
  margin-bottom: 80px;
}
@media only screen and (max-width:1440px) {
  .sec_qa h2.ttl {
    margin-bottom: 4.167vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa h2.ttl {
    margin-bottom: 3.2vw;
  }
}
@media only screen and (max-width:1440px) {
  .sec_qa h2.ttl .en:after {
    width: 17.431vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa h2.ttl .en:after {
    width: 16vw;
  }
}
.sec_qa h3 {
  margin-bottom: 30px;
  font-size: 27px;
  line-height: 1.5;
}
@media only screen and (max-width:1440px) {
  .sec_qa h3 {
    margin-bottom: 2.083vw;
    font-size: 1.875vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa h3 {
    font-size: 1.333vw;
  }
}
.sec_qa .qa_list .box {
  margin-bottom: 45px;
}
@media only screen and (max-width:1440px) {
  .sec_qa .qa_list .box {
    margin-bottom: 3.125vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa .qa_list .box {
    margin-bottom: 4vw;
  }
}
.sec_qa .qa_list .box p {
  margin-top: 20px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.36;
  display: none;
  letter-spacing: var(--spacing220);
}
@media only screen and (max-width:1440px) {
  .sec_qa .qa_list .box p {
    margin-top: 1.389vw;
    padding-left: 2.778vw;
    font-size: 2.083vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa .qa_list .box p {
    font-size: 1.6vw;
    padding-left: 2.667vw;
  }
}
.sec_qa .qa_list .box p:before {
  content: "A.";
  display: inline-block;
  text-indent: -40px;
}
@media only screen and (max-width:1440px) {
  .sec_qa .qa_list .box p:before {
    text-indent: -2.778vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa .qa_list .box p:before {
    text-indent: -2.667vw;
  }
}
.sec_qa .qa_list h4 {
  padding-left: 40px;
  padding-bottom: 13px;
  font-size: 30px;
  line-height: 1.36;
  color: #004ba0;
  cursor: pointer;
  letter-spacing: var(--spacing220);
  border-bottom: 2px solid #004ba0;
  position: relative;
}
@media only screen and (max-width:1440px) {
  .sec_qa .qa_list h4 {
    padding-left: 2.778vw;
    padding-bottom: 0.903vw;
    font-size: 2.083vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa .qa_list h4 {
    font-size: 1.6vw;
    padding-left: 2.667vw;
    border-bottom: 1px solid #004ba0;
  }
}
.sec_qa .qa_list h4:before {
  content: "Q.";
  display: inline-block;
  text-indent: -40px;
}
@media only screen and (max-width:1440px) {
  .sec_qa .qa_list h4:before {
    text-indent: -2.778vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_qa .qa_list h4:before {
    text-indent: -2.667vw;
  }
}
.sec_qa .qa_list h4:after {
  content: "";
  display: inline-block;
  width: 21px;
  height: 11px;
  background: url(../images/products/icon_arrow_blue.svg) center center/100% no-repeat;
  transition: 0.2s;
  position: absolute;
  right: 7px;
  bottom: 20px;
}
@media only screen and (max-width:1440px) {
  .sec_qa .qa_list h4:after {
    width: 1.458vw;
    height: 0.764vw;
    right: 0.486vw;
    bottom: 1.389vw;
  }
}
.sec_qa .qa_list h4.open:after {
  transform: rotate(180deg);
}

/* ----------------------------------------------------
ec
---------------------------------------------------- */
@media only screen and (max-width:1440px) {
  .sec_ec h2.ttl .en:after {
    width: 29.375vw;
    height: 2.222vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_ec h2.ttl .en:after {
    width: 25.067vw;
    height: 1.6vw;
  }
}
@media only screen and (max-width:1440px) {
  .sec_ec .ec_inner .box a:after, .sec_ec .ec_inner .box a:before {
    width: 2.431vw;
    height: 2.431vw;
  }
}
@media only screen and (max-width:1440px) {
  .sec_ec .ec_inner .box a .a_inner {
    padding: 1.736vw;
  }
}
.sec_ec .ec_inner .box a .a_inner .icon img {
  display: block;
}
@media only screen and (max-width:1440px) {
  .sec_ec .ec_inner .box a .a_inner p {
    font-size: 1.528vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_ec .ec_inner .box a .a_inner p {
    font-size: 1.6vw;
    letter-spacing: 0.06em;
  }
}
@media only screen and (max-width:1440px) {
  .sec_ec .ec_inner .box a .a_inner p span {
    font-size: 1.111vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_ec .ec_inner .box a .a_inner p span {
    font-size: 1.6vw;
  }
}
.sec_ec .ec_inner .box.signup a .a_inner .icon img {
  width: 115px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_ec .ec_inner .box.signup a .a_inner .icon img {
    width: 7.986vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_ec .ec_inner .box.signup a .a_inner .icon img {
    width: 5.867vw;
  }
}
.sec_ec .ec_inner .box.free a .a_inner .icon img {
  margin-top: 4%;
  width: 155px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_ec .ec_inner .box.free a .a_inner .icon img {
    width: 10.764vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_ec .ec_inner .box.free a .a_inner .icon img {
    width: 8vw;
  }
}
.sec_ec .ec_inner .box.line a .a_inner .icon img {
  width: 110px;
  height: auto;
}
@media only screen and (max-width:1440px) {
  .sec_ec .ec_inner .box.line a .a_inner .icon img {
    width: 7.639vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_ec .ec_inner .box.line a .a_inner .icon img {
    width: 5.867vw;
  }
}
@media only screen and (max-width:650px) {
  .sec_ec .ec_inner .box.line a .a_inner p {
    text-align: left;
  }
}/*# sourceMappingURL=add_animal_water.css.map */