/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: "Source Sans 3", sans-serif; overflow-x: hidden; position: relative; background: #2d5f75;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { box-sizing: border-box;}

.content-Box { max-width:1280px; width: 100%; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 17px; line-height:1.4; color: #decebd; letter-spacing: 0; font-weight: 400; padding-top: 120px;}
#content p{ margin-bottom: 30px; margin-top: 0; font-size: 17px;line-height:1.4;  font-weight: 400;}
p, td, li, label { font-size: 17px;line-height:1.4;  font-weight: 400;}

.photo-fit img { object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;}

.photo {line-height: 0; height: 0; padding-bottom: 40%; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0px;}
.imgCenter {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.imgCenter img {max-height: 100%;}

.demo-section { padding-left: 5%; padding-right: 5%;}

.font-family-Special { font-family: "Special Gothic Expanded One", sans-serif; font-weight: 400;}
.bg-blue { background: #2d5f75;}
.title01 { color: #ce9f48; font-size:clamp(22px, 2.7vw, 37px); line-height: 1.2; text-transform: uppercase;}
.align-center { text-align: center !important;}


.ad-banner-pc {}
.ad-banner-pc { width: 100% ;}
.ad-banner-mobile { display: none !important;}

.color-white { color: #fff;}
.color-yellow { color: #ce9f48;}

.btn01 { max-width: 380px; width: 100%; display: inline-block; text-align: center; border-radius: 30px; line-height: 1.1;  background: #decebd; color: #2d5f75; text-transform: uppercase; padding: 20px 20px; border-width: 0;transition: all 0.4s ease-out 0s;}
.btn01:hover { max-width: 320px;background: #ce9f48; color: #decebd;}

/*about*/
.about-video { padding: 0;}

.about-section-1 { background: url("../images/about-bg-1.jpg") no-repeat top center / cover; min-height: 800px; padding: calc(40px + 5%) 5%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;margin-top: -9px;}
.about-section-1-content { max-width: 1400px; margin: 0 auto; font-size:clamp(18px, 2.1vw, 26px);text-shadow: 0px 0px 20px #333, -1px 0px 5px #333, 0px -1px 5px #333;}
.about-section-1-content h1 { font-weight: 400; color: #decebd; font-size:clamp(30px, 6vw, 74px); line-height: 1.2; padding: 0 0 calc(20px + 2%) 0; margin:0;}
.about-section-1-content h1 span { color: #e47132;}

/*.about-section-2 { padding: 36px 0;}*/
.about-section-2 { padding: 36px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.about-section-2 > div { width: 45%; padding-bottom: 36px;display: flex; flex-direction: column; flex-wrap: wrap;}
.about-section-2 > div:nth-child(even) > div:nth-of-type(1) { order: 2;}
.about-section-2 > div:nth-child(even) > div:nth-of-type(2) { order: 1;}
.about-section-2 > div:nth-child(even) .about-section-2-pto { box-shadow: -10px 10px 20px 0px rgba(0,0,0,0.5);}
.about-section-2 > div:nth-child(even) { padding-top:35px; }
.about-section-2 > div:nth-child(even) .about-section-2-data { padding-top: 40px; padding-bottom: 40px; }
.about-section-2-pto { border-radius: 0 85px; overflow: hidden;box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); margin-bottom: 25px;}
.about-section-2-data { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 0 20px;}
.about-section-2-data > div:nth-of-type(1) { position: relative; padding: 10px 30px 10px 0; text-transform: uppercase; font-weight: 900; white-space: nowrap;}
.about-section-2-data > div:nth-of-type(1):after { position: absolute; content: ""; right: 0; top:0; width: 1px; height: 100%; background: #decebd;}
.about-section-2-data > div:nth-of-type(1) span { color: #e47132;}
.about-section-2-data > div:nth-of-type(2) { padding-left: 30px;}

.about-why-section { position: relative; padding: calc(20px + 5%) 40px;}
.about-why-section .title01{ position: absolute; z-index: 3; width: 100%; left: 0; top:45px;}
.about-why-section:before { position: absolute;z-index: 2; content: ""; background: url("../images/about-why-top.png") no-repeat top center; background-size: cover; width: 100%; height: 243px; top: 0; left: 0;}
.about-why-section:after { position: absolute;z-index: 2; content: ""; background: url("../images/about-why-bottom.png") no-repeat bottom center; background-size: cover; width: 100%; height: 231px; bottom: 0; left: 0;}

.loop2 { margin:0 0 0 0; }
.loop2 .owl-dots { display: none !important;}
.loop2 .owl-item {position: relative;  }
.loop2 .owl-nav { position: absolute; top: calc(50% - 25px); transform: translateY(-50%); left: 0%; width: 100%; z-index: 11;}
.loop2 .owl-prev, .loop2 .owl-next { position:absolute; z-index:100;  width: 60px !important; height: 60px !important; background: rgba(45,95,117,1) !important; border: 0px solid #074151 !important; transition: all 0.4s ease-out 0s; top:50%; transform: translateY(-70%); margin: 0 !important; border-radius: 100% !important}
.loop2 .owl-prev:hover, .loop2 .owl-next:hover { background: rgba(45,95,117,1) !important; }
.loop2 .owl-prev:hover:before, .loop2 .owl-next:hover:before { border-color: #fff;}
.loop2 .owl-prev { left:-30px; }
.loop2 .owl-next { right:-30px;}
.loop2 .owl-prev:before, .loop2 .owl-next:before { content: ""; position: absolute; width: 18px; height: 18px; border-width: 4px 4px 0 0; border-style: solid; border-color: #fff; background-size: contain; background-repeat: no-repeat; top:50%; left: 50%; transition: all 0.4s ease-out 0s;}
.loop2 .owl-prev:before { transform:translate(-30%, -50%) rotate(-135deg);}
.loop2 .owl-next:before { transform:translate(-70%, -50%) rotate(45deg);;}
.loop2 .owl-prev:hover:before, .loop2 .owl-next:hover:before { }
.loop2 .owl-stage-outer {z-index: 2;}
.loop2 .owl-dots { position: absolute; z-index: 100; bottom:24px; left:0; width: 100%; text-align: left !important; padding: 0 0px; }
.loop2 .owl-dots .owl-dot { border: 0px solid #c10000; background: transparent; margin-left: 8px;  margin-right: 8px; border-radius: 100%;}
.loop2 .owl-dots .owl-dot.active {  }
.loop2 .owl-dots .owl-dot span, .loop2  .owl-dots .owl-dot span { background: #c0c7cb !important; width: 10px !important; height: 10px !important; margin: 0 auto!important;transition: all 0.4s ease-out 0s !important;}
.loop2 .owl-dots .owl-dot.active span/*, .loop2  .owl-dots .owl-dot:hover span*/ { background: #114375 !important; }

.about-why-content { position: relative; height: 583px;}
.about-why-content img { object-fit: cover; width: 100%; height: 100%;}
.about-why-data { position: absolute; width: 80%; padding: 0 0; top:50%; left: 50%; transform: translate(-50%, -50%); color: #fff; line-height: 1.3; text-align: center;}

/*products-dog*/
.products-dog-section-1 { padding: calc(20px + 2%) 5%;}
.products-dog-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding-top: 20px;}
.products-dog-list > div:nth-of-type(1) { width: 30%; padding-top: calc(10px + 1%); text-align: center;}
.products-dog-list > div:nth-of-type(2) { width: 40%; padding: 0 3%;}
.products-dog-list > div:nth-of-type(3) { width: 30%; padding-top: calc(10px + 1%); text-align: center;}

.products-dog-title { text-align: center; padding: 5px 15px; background: #decebd; border-radius: 15px; color: #2d5f75; font-weight: 700; min-width: 235px; margin: 0 auto calc(20px + 3%) auto; display: inline-block;}

.products-dog-section-2 { display: flex; flex-direction: row; flex-wrap: wrap;}
.products-dog-section-2 > div { width: 50%;}
.products-dog-section-2 > div:nth-of-type(2) { padding: calc(20px + 4%) 5%;}

.title02 { text-align: center; padding: 5px 15px; background: #decebd; border-radius: 15px; color: #2d5f75; font-weight: 700; min-width: 210px; margin: 20px auto calc(20px + 5%) auto; display: inline-block; text-transform: uppercase;}

.products-dog-section-2-content {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: calc(20px + 2%);}
.products-dog-section-2-content > div {width: 27%; text-align: center; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center;}
.products-dog-section-2-content > div > img { display: inline-block; margin-bottom: 8px;}

.products-dog-section-3 { padding: calc(20px + 4%) 5%; position: relative;}
.products-dog-section-3-content { max-width: 1080px; margin: 0 auto;position: relative; z-index:4;}
.products-dog-section-3-left { position: absolute; left: 3%; top:20%;}
.products-dog-section-3-right { position: absolute; right: 3%; top:20%;}

.products-dog-section-4 { height: 800px; position: relative; background: url("../images/dog-pto-4.jpg") no-repeat top center / cover;}
.products-dog-section-4 .title01 { text-align: center; padding-top:calc(20px + 3%);}
.products-dog-section-4-content { position: relative; width: 100%; height: 100%; top:0%; left: 0; padding: 0 5%;}
.products-dog-section-4-content h1{text-shadow: 0px 0px 20px #4B433E, -1px 0px 5px #666, 0px -1px 5px #666;}
.products-dog-section-4-data { position: relative; width: 50%; margin: 0 0 0 auto; padding-top:calc(20px + 4%); }
.products-dog-section-4-data > div { background: url("../images/title-icon-1.png") no-repeat 0 5px; padding-left: 30px; margin-bottom: calc(20px + 1%); font-weight: 700; color: #2d5f75;font-size:clamp(18px, 2.1vw, 25px);}

.products-dog-section-5 { background: url("../images/dog-pto-5.jpg") no-repeat top left / cover; padding-bottom: calc(20px + 4%);}
.products-dog-section-5-data { position: relative; width: 60%; margin: 0 0 0 auto; background: rgba(0,0,0,.5); padding:calc(20px + 2%); color: #decebd; }

/*products-dog-detail*/
.products-dog-detail-section-1 { padding: calc(20px + 2%) 3%; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.products-dog-detail-section-1 > div { width: 48%;}

.font-size-25 { font-size:clamp(18px, 2.1vw, 25px);}
.font-size-28 { font-size:clamp(20px, 2.1vw, 28px);}
.font-size-37 { font-size:clamp(22px, 2.2vw, 37px);}
.font-size-74 { font-size:clamp(25px, 4vw, 74px); line-height: 1.1; padding:0  0 calc(10px + 2%) 0; margin:0;}

.products-detail-tool { position: relative;}
   .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: inline-block;
       width: 100%;
      /*height: 100%;
      object-fit: cover;*/
    }

    .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center; padding: 0 0px;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%; margin-bottom: 25px;
    }
.swiper-pagination-bullet { width: 15px !important; height: 15px !important; background: #decebd !important; margin: 0 7px !important;}
.swiper-pagination {  bottom: -50px !important}

    .mySwiper {
      height: auto;
      box-sizing: border-box;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

.swiper-next, .swiper-prev, .swiper-button-next, .swiper-button-prev { width: 26px !important; height: 26px !important; border-radius: 100%; background: #333333; position: absolute; z-index: 2; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; top:50%; transform: translateY(-50%);}
.swiper-next:after, .swiper-prev:after, .swiper-button-next:after, .swiper-button-prev:after { content: ""; display: block; width: 6px; height: 6px ; border-width: 1px 1px 0 0; border-color: #fff; border-style: solid; position: relative;}
.swiper-prev:after, .swiper-button-prev:after { transform: rotate(-135deg); left: 1px;}
.swiper-next:after, .swiper-button-next:after { transform: rotate(45deg); right: 1px;}
.swiper-prev, .swiper-button-prev { left: -30px;}
.swiper-next, .swiper-button-next { right: -30px;}

.swiper-button-next, .swiper-button-prev { text-indent: -9999999999px;}

.products-dog-detail-section-2 { padding-top: calc(20px + 1%); padding-bottom: calc(20px + 2%); display:flex; flex-direction: column; flex-wrap: wrap;}
.products-dog-detail-section-2 > div { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: calc(10px + 1%);}
.products-dog-detail-section-2 > div > div { width: 47%;}
.products-dog-detail-section-2 > div > div:nth-of-type(2) { text-align: center;}
.products-dog-detail-section-2 > div:nth-child(even) > div:nth-of-type(1) { order: 2;}
.products-dog-detail-section-2 > div:nth-child(even) > div:nth-of-type(2) { order: 1;text-align: center;}
.products-dog-detail-section-2 > div > div .font-size-25 { display: inline-block; padding: 8px 30px;background: #decebd; color: #2d5f75;font-weight: 700;border-radius: 25px; margin: 0 auto 20px auto;}

.products-dog-detail-section-3 { max-width: 1030px; margin: 0 auto; padding-bottom: calc(20px + 3%);}
.products-dog-detail-section-3 .title01 { padding-bottom: calc(10px + 1%);}

.products-dog-spec { border-radius: 10px; overflow: hidden; border: 1px solid #d7af3b; background: #fff;}
.products-dog-spec-top { color: #fff; background: #d7af3b; padding:12px 20px;}
.products-dog-spec-bottom { padding:0 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.products-dog-spec-bottom > div { width: calc(33.33% - 7px);display: flex; flex-direction: column; flex-wrap: nowrap; }
.products-dog-spec-bottom > div > div { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; color: #2d5f75; padding: 8px 0; border-bottom: 1px solid #d7af3b;}
.no-border { border-bottom: 0px solid #d7af3b !important; }
.products-dog-spec-bottom > div > div > div:nth-of-type(1) { width: calc(100% - 110px);}
.products-dog-spec-bottom > div > div > div:nth-of-type(2) { width: 110px; text-align: center;}

/*products-cat*/
.products-cat-section-4 { background: url("../images/cat-pto-4.jpg") no-repeat top right / cover;}

.products-cat-section-4-data { margin: 0 auto 0 0; padding-left: 10%; }
.products-cat-section-4-data > div { background: url("../images/title-icon-2.png") no-repeat 0 5px; color: #decebd; }

.products-cat-section-5 { background: url("../images/cat-pto-5.jpg") no-repeat top left / cover; padding-bottom: calc(20px + 4%);}

/*contact*/
.banner-contact { background: url("../images/banner-contact.jpg") no-repeat top center / cover; padding-bottom: calc(20px + 4%); padding-top: calc(20px + 4%); height: 714px;}
.banner-contact .products-dog-section-5-data { width: 42%;}

.contact-section { padding-top:calc(20px + 3%); padding-bottom:calc(20px + 3%);}
.contact-section .title01 { padding-bottom:calc(20px + 4%);}

.contact-form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 15px; }
.contact-form > div { position: relative; padding: 0 0 15px 22px; margin-bottom: 10px; width: 48%;}
.contact-form > div > span { position: absolute;  width: 7px; height: 7px; border-radius: 100%; background: #decebd; left: 0; top: 15px}
.contact-form-list {  margin-bottom: 0px;display: flex; flex-direction: column; flex-wrap: nowrap; padding: 0px 0px 5px 0; }

.contact-form input::placeholder, .contact-form textarea::placeholder { color: #decebd; opacity: 1;}
.contact-form input[type="text"], .contact-form input[type="number"], .contact-form input[type="tel"], .contact-form input[type="phone"], .contact-form input[type="date"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form input[type="button"], .contact-form textarea { font-size: clamp(20px, 2.2vw, 32px); border-width:0px; border-style: solid; border-color: #cccccc; margin: 0px 0 0px 0; width: 100%; padding:0px 0 ; color:#decebd; background: transparent; font-family: "Special Gothic Expanded One", sans-serif; line-height: 35px; border-radius: 5px; }
.contact-form textarea { height:150px; padding:3px 0 0 0; resize:none; line-height: 140%;}
.contact-form select{ margin: 0 0 0px 0;  width:100%; max-width: 100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: calc(100% - 5px) 10px; background-size: 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background-color: transparent; font-size: clamp(20px, 2.2vw, 32px); border-width:0px; border-style: solid; border-color: #cccccc; color:#decebd; font-family: "Special Gothic Expanded One", sans-serif;  padding:0px 35px 0px 0;  line-height: 35px; border-radius: 5px;}
.contact-form option { padding:1px 5px;}
.contact-form select::-ms-expand {
    display: none;
}
.contact-form-btn .btn01 { padding: 12px 20px; max-width: 320px;}
.contact-100 { width: 100% !important;}

@media only screen and (max-width: 1279px) {
	#content {  padding-top: 60px;}
	#content, #content p, p, td, li, label { font-size: 16px; }
	
	.about-video { padding: 0;}
	
	.products-dog-title { min-width: inherit;}
	
	.products-dog-detail-section-1 { padding: calc(20px + 2%) 5%; }
	.swiper-pagination-bullet { width: 10px !important; height: 10px !important; }
	.swiper-pagination {  bottom: -40px !important}
	
	.about-section-2-data { flex-direction: column; align-items: flex-start;}
	.about-section-2-data > div:nth-of-type(1) { padding-right: 0;}
	.about-section-2-data > div:nth-of-type(1):after { display: none;}
	.about-section-2-data > div:nth-of-type(2) { padding-left: 0;}
}

@media only screen and (max-width: 980px) {
	.about-section-1  { min-height: inherit;}
	
	/*.about-section-2 { padding: 20px 0;}*/
	
	.loop2 .owl-nav { width: 100%;}
	.loop2 .owl-prev, .loop2 .owl-next { transform:translateY(-70%) scale(0.7);}
	
	.about-why-content { height: 500px;}
	.about-why-section:before { height: 180px;}
	.about-why-section:after { height: 140px;}
	
	.products-dog-list { justify-content: space-between;}
	.products-dog-list > div:nth-of-type(1) { order: 2; width: 48%;}
	.products-dog-list > div:nth-of-type(2) { order: 1; width: 100%; padding: 0 0 calc(20px + 3%) 0; text-align: center; }
	.products-dog-list > div:nth-of-type(3) { order: 3; width: 48%;}
	.products-dog-title { display: block;}
	
	.products-dog-section-2 > div { width: 100%;}
	
	.products-dog-section-4 { height: 600px; }
	.products-dog-section-4-data {  width: 65%; padding-bottom: calc(20px + 4%);}
	
	.products-dog-section-5-data { width: 100%;}
	
	.products-dog-detail-section-1 > div { width: 100%;}
	.products-dog-detail-section-1 > div:nth-of-type(1) { padding-bottom: 35px;}
	
	.products-dog-detail-section-2 > div > div { width: 100%;}
	.products-dog-detail-section-2 > div:nth-child(even) > div:nth-of-type(1) { order: 1; padding-bottom: 15px;}
	.products-dog-detail-section-2 > div:nth-child(even) > div:nth-of-type(2) { order: 2; }
	.products-dog-detail-section-2 > div:nth-child(odd) > div:nth-of-type(1) {  padding-bottom: 15px;}
	
	.products-dog-spec-bottom > div { width: 100%; }
	.products-dog-spec-bottom > div .no-border { border-bottom-width: 0px !important ;}
	
	.banner-contact { height: auto;}
	.banner-contact .products-dog-section-5-data { width: 100%;}
	
	.contact-form > div { width: 100%;}
}
@media only screen and (max-width: 768px) {
	.ad-banner-pc { display: none !important}
	.ad-banner-mobile { display: block !important;}
	
	.loop2 .owl-nav { top: auto; transform: translateY(0%) translateX(-50%) scale(0.8); bottom: 90px; width: 110px; left: 50%; }
	
	.about-section-2 > div { width: 100%; padding-bottom: 50px;}
	.about-section-2 > div:nth-of-type(1) { order: 2;}
	.about-section-2 > div:nth-of-type(2) { order: 1;}
	.about-section-2 > div:nth-of-type(3) { order: 4;}
	.about-section-2 > div:nth-of-type(4) { order: 3;}
	.about-section-2 > div:nth-child(even) { padding-top: 0;}
	.about-section-2 > div:nth-child(even) > div:nth-of-type(1) { order: 1;}
	.about-section-2 > div:nth-child(even) > div:nth-of-type(2) { order: 2;}
	.about-section-2 > div:nth-child(even) .about-section-2-data { padding-top: 0px; padding-bottom: 0px; }
	.about-section-2-pto { margin-bottom: 15px; border-radius: 0 50px;}
}
@media only screen and (max-width: 640px) {
	.about-why-section { padding: calc(20px + 5%) 0px;}
	.loop2 .owl-prev { left:0px; }
	.loop2 .owl-next { right:0px;}
	
	.products-dog-section-4 { height: auto; }
	.products-dog-section-4-data > div { background: url("../images/title-icon-1.png") no-repeat 0 1px; }
	
	.products-cat-section-4 { background: url("../images/cat-pto-4-m.jpg") no-repeat 80% 0% / cover;
	background-image: linear-gradient(90deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.1) 100%), url("../images/cat-pto-4-m.jpg");
  background-position: top left, 80% 0%;
  background-repeat: no-repeat, no-repeat;
		background-size: auto, cover;
	}
	.products-cat-section-4-data { padding-left: 0; }
	.products-cat-section-4-data > div { background: url("../images/title-icon-2.png") no-repeat 0 1px; }
}
@media only screen and (max-width: 570px) {
	.products-dog-list > div:nth-of-type(1) { width: 100%;}
	.products-dog-list > div:nth-of-type(3) { width: 100%;}
	
	.products-dog-section-3-left img { width: 100px;}
	.products-dog-section-3-right img { width: 100px;}
}

@media only screen and (max-width: 414px) {
	
}

@media only screen and (max-width: 320px) {
	.products-dog-section-4-data {  width: 80%; }
	
}