@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 69px;position: relative;background: url('../images/petreform/contentsmain-back01.png')no-repeat top center;}
#contentsmain h2 {text-align: center;padding: 46px 0 0;margin-bottom: 245px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box1 {margin: 0 auto 50px;position: relative;box-shadow: 0px 3px 6px #00000029;background: #fff;width: 1100px;height: 279px;padding: 47px 120px;}
#contentsmain .inner-Box1 p.text { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2 {margin: 0 auto 68px;position: relative;width: 1200px;height: 688px;background: #E3C093;padding: 41px 0;}
#contentsmain .inner-Box2 h3 {font-size: 20px;line-height: 1.5;font-weight: 600;letter-spacing: 0px;margin-bottom: 15px;position: relative;text-align: center;}
#contentsmain .inner-Box2 p.text2 {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 37px;position: relative;text-align: center;}
#contentsmain .inner-Box2 ul {margin: 0 auto 17px;width: 802px;}
#contentsmain .inner-Box2 ul li {border-radius: 16px;background: #fff;position: relative;padding: 12px 12px 12px 117px;margin-bottom: 11px;}
#contentsmain .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 16px;left: 66px;}
#contentsmain .inner-Box2 span.ch img {  }
#contentsmain .inner-Box2 p.ltext {font-size: 20px;line-height: 1.94;font-weight: 700;letter-spacing: 0px;position: relative;}
#contentsmain .inner-Box2 figure.img01 {position: absolute;bottom: 0;left: 40px;}
#contentsmain .inner-Box2 figure.img01 img{  }
#contentsmain .inner-Box2 figure.img02 {position: absolute;bottom: -18px;right: 83px;}
#contentsmain .inner-Box2 figure.img02 img{  }
#contentsmain p.text3 {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: center;}

#contents01 {margin: 0 auto -1px;position: relative;background: url('../images/petreform/contents01-back01.png')no-repeat top center;padding: 34px 0 70px;}
#contents01 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents01 .inner-Box h2 {text-align: center;margin-bottom: 69px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box ul.reason-slide {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box ul li {position: relative;background: #FFFFFF;width: 340px;margin-right: 40px;padding: 43px 25px 14px;border-radius: 16px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box span.no {display: block;line-height: 1;position: absolute;top: -29px;left: 137px;z-index: 3;}
#contents01 .inner-Box span.no img {  }
#contents01 .inner-Box h3 {font-size: 24px;line-height: 1.3;font-weight: 700;letter-spacing: 0px;margin-bottom: 18px;position: relative;text-align: center;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 17px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.ltext {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}



#contents03 {margin: 0 auto;position: relative;padding: 100px 0 0;}
#contents03 h2 span{  }
#contents03 h2 img {  }

#contents03 .inner-Box {margin: 0 auto 50px;position: relative;text-align: center;}
#contents03 .inner-Box h3 {font-size: 30px;line-height: 1.53;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 19px;position: relative;}
#contents03 .inner-Box h3::before{content: "";background: url(../images/petreform/contents03-img01.svg)no-repeat;display: block;width: 90px;height: 80px;position: absolute;top: -78px;left: 50%;margin-left: 256px;}
#contents03 .inner-Box p.text {font-size: 20px;line-height: 1.94;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;}



}

@media screen and (max-width: 767px) {

    #contentsmain {margin: 0 auto 10.07vw;position: relative;background: url('../images/petreform/sp-contentsmain-back01.png')no-repeat top -1.4vw center;background-size: 100% auto;}
    #contentsmain h2 {text-align: center;padding: 7.11vw 0 0;margin: 0 7.1vw 66.58vw 12.4vw;}
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain .inner-Box1 {margin: 0 3vw 12.08vw;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;background: #fff;padding: 9.15vw 5.99vw 1.85vw 5.99vw;}
    #contentsmain .inner-Box1 p.text { font-size: 3.86vw; line-height: 1.94; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contentsmain .inner-Box2 {margin: 0 auto 8.43vw;position: relative;background: #E3C093;padding: 6.3vw 0 36.8vw 0;}
    #contentsmain .inner-Box2 h3 {font-size: 3.86vw;line-height: 1.94;font-weight: 600;letter-spacing: 0.19vw;margin-bottom: 5.52vw;position: relative;text-align: center;}
    #contentsmain .inner-Box2 p.text2 {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin: 0 9.1vw 6.74vw;position: relative;}
    #contentsmain .inner-Box2 ul {margin: 0 2.7vw 4.11vw;}
    #contentsmain .inner-Box2 ul li {border-radius: 1.86vw;background: #fff;position: relative;padding: 3.9vw 2.9vw 4vw 13.26vw;margin-bottom: 2.66vw;}
    #contentsmain .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 3.86vw;left: 3.64vw;width: 7.2vw;}
    #contentsmain .inner-Box2 span.ch img {  }
    #contentsmain .inner-Box2 p.ltext {font-size: 3.86vw;line-height: 1.94;font-weight: 700;letter-spacing: 0.0vw;position: relative;}
    #contentsmain .inner-Box2 figure.img01 {position: absolute;bottom: 0vw;width: 39.2vw;left: 47.4%;transform: translateX(-50%);}
    #contentsmain .inner-Box2 figure.img01 img{  }
    #contentsmain .inner-Box2 figure.img02 {display: none;}
    #contentsmain .inner-Box2 figure.img02 img{  }
    #contentsmain p.text3 {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
    
    #contents01 {margin: 0 auto 0vw;position: relative;background: url('../images/petreform/sp-contents01-back01.png')no-repeat top center;padding: 7.21vw 0 20.11vw;background-size: 100% auto;}
    #contents01 .inner-Box {position: relative;}
    #contents01 .inner-Box h2 {text-align: center;margin: 0 6.3vw -8.33vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inner-Box ul.reason-slide {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    #contents01 .inner-Box ul li {border-radius: 4vw;position: relative;background: #FFFFFF;margin: 21vw 2.42vw 0;padding: 10.4vw 6.01vw 0;width: 82.13vw;height: 148vw;}
    #contents01 .inner-Box span.no {display: block;line-height: 1;position: absolute;top: -10vw;z-index: 3;left: 50%;transform: translateX(-50%);width: 16.4vw;}
    #contents01 .inner-Box span.no img {  }
    #contents01 .inner-Box h3 {font-size: 5.07vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 3.38vw;position: relative;text-align: center;}
    #contents01 .inner-Box figure.photo {position: relative;margin-bottom: 5vw;top: 0;left: 0;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    

    #contents03 {position: relative;padding: 19.35vw 0 0;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }

    #contents03 .inner-Box {margin: 0 auto 12.08vw;position: relative;text-align: center;}
    #contents03 .inner-Box h3 {font-size: 4.83vw;line-height: 1.53;font-weight: 700;letter-spacing: 0vw;margin-bottom: 4.59vw;position: relative;}
    #contents03 .inner-Box h3::before{content: "";background: url(../images/petreform/contents03-img01.svg)no-repeat;display: block;width: 21.74vw;height: 19.32vw;position: absolute;top: -15.2vw;right: 6vw;z-index: -1;background-size: 100% auto;}
    #contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    

#contents01 .inner-Box .slick-dots {position: absolute;bottom: -9.5vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
#contents01 .inner-Box .slick-dots li {position: relative;display: inline-block;width: 2.42vw!important;height: 2.42vw!important;margin: 0 1.61vw!important;padding: 0;cursor: pointer;}
#contents01 .inner-Box .slick-dots li button {width: 2.42vw;font-size: 0;line-height: 0;display: block;height: 2.42vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;}
#contents01 .inner-Box .slick-dots li button:hover,     #contents01 .inner-Box .slick-dots li button:focus { outline: none; }
#contents01 .inner-Box .slick-dots li button:hover:before,     #contents01 .inner-Box .slick-dots li button:focus:before { opacity: 1; }
#contents01 .inner-Box .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#contents01 .inner-Box .slick-dots li.slick-active button { background: #000; }




}