html,body,p,h1,h2,h3,ul,div{margin:0;padding:0;line-height:1.47;}
html,body{width:100%;height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;font-size:100%}
ul{list-style:none !important}
img{max-width:100%;height:auto;vertical-align:middle;position:relative;}

.dis_res{display: none}
.res_tel{display:none;}


body{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;color:#fff;font-size:18px;line-height:1.44em}
h1,h2,h3,p,ul,li{font-weight:400;font-size:1em}
a{text-decoration:none;}

.history{background-image: url(img/slider_top_1.jpg);background-size:cover;height: 100%;text-align:center;z-index: 5;} 
.ld_logo{display: none;width:400px;}
.count{font-size: 170px;font-weight: 400;color: #f7f7f7;line-height: 1em;}


#top{width:100%;height:auto;background-color:#fff;background-image: url(img/pet_bg.png); background-size:cover; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:40px 20px 0;}
#top h1{font-size:40px;color:#111;font-weight:700;line-height:1.2em;margin-bottom:20px;}
.logo{width:520px;}
.pet_img{width:500px;}
#top p{font-size:24px;color:#444;margin-bottom:20px;}
#top h3{font-weight:bold;color:#000;font-size:24px;}
.pet_text{width:100%;padding:80px 15px;text-align:center;}
.pet_text h2{font-size:28px;color:#000;line-height:1.7em;font-weight:500;}
.pet_border{ max-width:800px;width: 100%;margin: 0 auto;border: solid 2px #444;padding: 40px;}
.pet_border p{color:#000;font-size:24px;line-height:1.8em;}
.pet_border p small{display: block;font-size:20px;}
.title{margin-top: 40px;}
.title h2{margin-bottom: 40px;background-size:880px 250px;padding: 60px 40px 20px;background-position:center;background-image: url(img/title.svg);background-repeat: no-repeat;color: #000;font-size: 40px;font-weight:600;}
.title h2 span{display: block;font-size:54px;}
.pet_one{background-image: url(img/pet_one.png); background-size:100% 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:60px 20px 140px;}
.pet_two{margin-top: -80px;background-image: url(img/pet_two.png); background-size:100% 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:60px 20px 140px;}
.pet_three{margin-top: -80px;background-image: url(img/pet_three.png); background-size:100% 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:60px 20px 140px;}
.pet_four{margin-top: -80px;background-image: url(img/pet_four.png); background-size:100% 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:60px 20px 140px;}
.pet_five{margin-top: -80px;background-image: url(img/pet_five.png); background-size:100% 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:60px 20px 140px;}
.pet_six{margin-top: -80px;background-image: url(img/pet_six.png); background-size:100% 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:60px 20px 140px;}
.pet_two .title h2{padding: 60px 40px;margin-bottom:10px;}
.pet_three .title h2{background-image: url(img/title3.svg);margin-bottom: 40px;padding: 60px 40px 80px;margin-top: 80px;background-size: 880px 280px;}
.pet_three .title h2 small{display: block;font-size: 24px;font-weight: 400;margin-top: 20px;}
.pet_four .title h2{padding:20px 40px 20px;margin-top:100px;}
.pet_five .title h2{background-size: 500px auto;padding: 60px 40px;margin-bottom:10px;}
.pet_six .title h2{background-size: 700px auto; padding: 60px 40px; margin-bottom: 10px;margin-top: 100px;}
.pet_seven{background-image: url(img/pet_seven.png); background-size:100% 100%; text-align: center; position: relative; background-repeat: no-repeat; background-position:center top;padding:160px 20px 40px;}
.pet_seven h3{font-size:26px;color:#000;}
.pet_seven h4{color:#000;font-size:22px;font-weight:600;}
.pet_seven h4 a{font-size:28px;color: #000;}


.price {
    width:100%;
    max-width:920px;
    margin:0 auto;
}
.price table{
    border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  margin-bottom: 60px;
}
.price tr{
    font-weight: 500;
    font-size: 22px;
}
.price tr.tr-bt{
    background:#188ea7;
    font-weight:bold;
    font-size:24px;
}
.price td{
   
padding: 16px 20px;
border: solid 2px #fff;
box-sizing: border-box;
margin: 0;

}
.price td.red{
    color: #fff;
background: #ff7bab;
}
.tyui{
    width:100%;
    background:#fff;
    text-align: left;
    padding:40px 15px 60px;

}
.price2 table{
    border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  max-width:500px;
  margin:0 auto;
  margin-bottom: 60px;
}
.price2 td{
    font-weight: 600;
font-size: 28px;
padding: 16px 20px;
border: solid 2px #fff;
box-sizing: border-box;
margin: 0;

}
.tyui .inner{
    width:100%;
    max-width:900px;
    margin:0 auto;
}
.tyui h3{
    font-size:28px;line-height:1.6em;margin-bottom:0.5em;margin-top:30px;font-weight:300;color: #000;
}
.tyui li{
    list-style: none;
    padding-left: 1em;text-indent: -1em;font-size:14px;
    color: #000;
    line-height:1.6em;
}




@media (min-width:1440px){
	
	}
@media (max-width:680px){
p{font-size:0.8rem;line-height:1.4em;}
.dis_pc{display:none!important}
.dis_res{display:block!important}
.logo{width:180px;}
#top{padding: 40px 20px 0;}
#top h1{margin-bottom: 10px;font-size:20px;}
#top p{font-size: 16px;margin-bottom:15px;}
#top h3{font-size: 14px;}
.pet_img{width:200px;}
.title h2,.pet_one{font-size: 18px;margin-bottom: 10px;background-size: 100% auto;padding: 40px 10px 20px;}
.pet_one,.pet_two,.pet_three,.pet_four,.pet_five,.pet_six,.pet_seven{background-size: auto 100%;padding: 30px 15px 60px;}
.title{margin-top: 20px;}
.pet_three,.pet_four,.pet_five{margin-top: -40px;}
.title h2 span{font-size:24px;}
.pet_text{padding:40px 10px;}
.pet_text h2{font-size:15px;line-height:1.5em;}
.pet_border{border:solid 1px #444;padding: 20px 10px;}
.pet_border p{font-size: 14px;}
.pet_border p small{font-size:13px;}
.pet_two .title h2{background-size: 90% auto;padding: 40px 20px;}
.pet_three .title h2{margin-bottom: 10px;padding:20px 40px 20px;margin-top: 40px;background-size: 100% auto;}
.pet_four .title h2{background-size: 100% auto;padding: 25px 20px 20px;margin-top: 40px;}
.pet_five .title h2{background-size: 80% auto;padding: 40px 20px;}
.pet_six{margin-top: -50px;}
.pet_six .title h2{background-size: 100% auto;padding: 40px 40px;margin-bottom: 10px;margin-top: 50px;}
.pet_seven{background-size: auto 100%;padding: 80px 15px 40px;margin-top: -20px;}
.pet_seven h3{font-size:14px;}
.pet_seven h4{font-size:16px;}
.pet_seven h4 a{font-size:20px;}
.pet_six .title h2{margin-top: 20px;}
.pet_three .title h2 small{display: block;margin-top:5px;font-size:14px;}


}
@media (max-width:400px){

}
@media (max-width:330px){

.dis_se{display:block;}
}



@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}
