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

#contentsmain {margin: 30px auto 76px auto;position: relative;background: url('../images/dinoc/contentsmain-back01.png')no-repeat top center;}
#contentsmain h2.ttl {text-align: center;position: relative;top: -20px;margin-bottom: -146px;z-index: 3;}
#contentsmain h2.ttl span{  }
#contentsmain h2.ttl img {  }
#contentsmain figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: -27px;}
#contentsmain figure.photo01 img{width: 100%;height:  auto;}
#contentsmain .inner-Box {margin: 0 auto 50px;position: relative;width: 1100px;height: 156px;background: #FFFFFF;box-shadow: 0px 3px 6px #00000029;padding: 47px 125px;text-align: center;}
#contentsmain .inner-Box 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 47px;position: relative;background: #FFEE00;width: 970px;height: 426px;padding: 30px 0 0;}
#contentsmain .inner-Box2 h3 {font-size: 21px;line-height: 1.5;font-weight: 700;letter-spacing: 0px;margin-bottom: 25px;position: relative;text-align: center;}
#contentsmain .inner-Box2 ul{margin: 0 auto 17px;width: 807px;}
#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 p.text2 {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin: 0 auto 30px;position: relative;width: 850px;}

#contents01 {margin: 0 auto;position: relative;background: url('../images/dinoc/contents01-back01.png')no-repeat top center;padding: 50px 0;background-size: cover;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 414px;background: #fff;border-top: #0A9293 14px solid;padding: 50px 559px 50px 70px;}
#contents01 .inner-Box h2 {font-size: 32px;line-height: 1.5;font-weight: 700;letter-spacing: 0px;margin-bottom: 29px;position: relative;}
#contents01 .inner-Box figure.photo {position: absolute;top: 50px;right: 70px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents02 {margin: 0 auto;position: relative;background: url('../images/dinoc/contents02-back01.png')repeat top center;padding: 36px 0 33px;background-size: cover;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1000px;}
#contents02 .inner-Box figure.photo {position: absolute;top: -68px;right: 70px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h2 {text-align: center;margin-bottom: 12px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box ul.point-slide {}
#contents02 .inner-Box ul li {position: relative;background: #FFFFFF;border-radius: 16px;padding: 28px 70px 25px 159px;margin-bottom: 20px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box figure.img {position: absolute;top: 43px;left: 29px;}
#contents02 .inner-Box figure.img img{  }
#contents02 .inner-Box h3 {font-size: 32px;line-height: 1.5;font-weight: 700;letter-spacing: 0px;margin-bottom: 8px;position: relative;}
#contents02 .inner-Box h3 span {background: #FFEE00;display: inline-block;padding: 0px 10px;}
#contents02 .inner-Box p.ltext {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;position: relative;}


#contents03 {margin: 0 auto 100px;position: relative;width: 1180px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding: 60px 0 0;}
#contents03 .inner-Box h2 {text-align: center;margin-bottom: 10px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box p.subtext {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 42px;position: relative;text-align: center;}
#contents03 .inner-Box p.btn {text-align: center;}
#contents03 .inner-Box p.btn img {  }

#case .system-list{margin-bottom: 68px;}
#case .system-list li{line-height: 1.4;width: 360px;margin: 0 25px;background: #fff;position: relative;margin-bottom: 20px;}
#case .system-list li a:hover{ text-decoration: none; }
#case .text1{ font-size: 14px; width: 100%; border: 1px solid #DEDEDE; background: #F8F7F5; height: 40px; text-align: center; padding: 9px; margin-bottom: 10px; font-weight: 400; }
#case .text2{color: #B3B3B3;font-size: 15px;margin-bottom: 10px;font-weight: 400;}
#case .system-pic {width: 100%;aspect-ratio: 36 / 27;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#case .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case .system-ttl-01{font-size: 18px;margin-bottom: 6px;line-height: 1.56;font-weight: 500;letter-spacing: 0px;}
#case .system-list li .system-text{font-size: 11px;color: #808080;margin-bottom: 12px;}
#case .system-list li .system-text2{margin-bottom: 10px;position: relative;min-height: 25px;border-top: #E6E6E6 1px solid;margin-top: 47px;padding-top: 20px;}
#case .system-list li .system-text2 .koki{font-size: 16px;color: #1A1A1A;text-decoration: underline;display: block;width: 188px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#case .system-list li .system-text2 .prise{font-size: 22px;color: #DE1A23;font-weight: bold;position: absolute;top: 12px;right: 0px;}
#case .system-list li .system-text2 .prise span{ font-size: 16px; }

#case .case-slider .slick-dots {position: absolute;bottom: -28px;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
#case .case-slider .slick-dots li {position: relative;display: inline-block;width: 10px!important;height: 10px!important;margin: 0 7px!important;padding: 0;cursor: pointer;}
#case .case-slider .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
#case .case-slider .slick-dots li button:hover, #case .case-slider .slick-dots li button:focus { outline: none; }
#case .case-slider .slick-dots li button:hover:before, #case .case-slider .slick-dots li button:focus:before { opacity: 1; }
#case .case-slider .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#case .case-slider .slick-dots li.slick-active button { background: #000; }


#contents04 {margin: 0 auto 70px;position: relative;width: 1100px;height: 426px;border: 4px solid #0A9293;background: #FFFDF5;}
#contents04 .inner-Box {margin: 0 auto;position: relative;padding: 80px 63px 63px 65px;}
#contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 0;z-index: 3;}
#contents04 .inner-Box span.icon img {  }
#contents04 .inner-Box h3 {font-size: 30px;line-height: 1.5;font-weight: 700;letter-spacing: 0px;margin-bottom: 10px;position: relative;}
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;}
#contents04 .inner-Box p.text2 {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 5px;position: relative;}
#contents04 .inner-Box figure.img {position: relative;top: 0;left: 0;padding: 0 0 0 9px;margin-bottom: 14px;}
#contents04 .inner-Box figure.img img{  }
#contents04 .inner-Box figure.photo {position: absolute;top: 66px;right: 66px;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.btn {  }
#contents04 .inner-Box p.btn img {  }

#contents05 {margin: 0 auto 88px;position: relative;width: 1100px;}
#contents05 .inner-Box { margin: 0 auto; position: relative; }
#contents05 .inner-Box h2 {font-size: 30px;line-height: 1.5;font-weight: 700;letter-spacing: 1.5px;margin: 0 7px 31px;position: relative;}
#contents05 .inner-Box h2 span {display: inline-block;background: #F56500;color: #FFEE00;padding: 8px 14px;margin-left: 10px;}
#contents05 .inner-Box figure.flowimg {position: relative;top: 0;left: 0;}
#contents05 .inner-Box figure.flowimg img{  }

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

#contents07 .inner-Box p.btn {margin: 0 0 63px;}
#contents07 .inner-Box p.btn img {  }
#contents07 .inner-Box ul.list {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;width: 720px;margin: 0 auto;}
#contents07 .inner-Box ul li {margin-right: 40px;}
#contents07 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents07 .inner-Box ul li figure {  }
#contents07 .inner-Box ul li a {  }
#contents07 .inner-Box ul li a:hover {  }


}

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

    #contentsmain {margin: 24.65vw auto 7.31vw auto;position: relative;background: url('../images/dinoc/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;}
    #contentsmain h2.ttl {text-align: center;position: relative;top: -7vw;margin: 0 4vw -25.6vw;z-index: 3;}
    #contentsmain h2.ttl span{  }
    #contentsmain h2.ttl img {  }
    #contentsmain figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: -8.5vw;}
    #contentsmain figure.photo01 img{width: 100%;height:  auto;}
    #contentsmain .inner-Box {margin: 0 3vw 9.48vw;position: relative;background: #FFFFFF;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 6.25vw 5.99vw 2.25vw 5.99vw;}
    #contentsmain .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; }
    #contentsmain .inner-Box2 {margin: 0 auto 6.35vw;position: relative;background: #FFEE00;padding: 7.25vw 3vw 5vw;}
    #contentsmain .inner-Box2 h3 {font-size: 5.07vw;line-height: 1.3;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.04vw;position: relative;text-align: center;}
    #contentsmain .inner-Box2 ul.list1 {margin: 0 2.7vw 4.11vw;}
    #contentsmain .inner-Box2 ul li {border-radius: 0.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 p.text2 {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin: 0 9vw 7.25vw;position: relative;}
    
    #contents01 {position: relative;background: url('../images/dinoc/sp-contents01-back01.png')no-repeat top center;padding: 10.48vw 0 21.38vw 0;background-size: cover;}
    #contents01 .inner-Box {margin: 0 3vw;position: relative;background: #fff;border-top: #0A9293 3.38vw solid;padding: 7.1vw 5.8vw 0.1vw 5.8vw;}
    #contents01 .inner-Box h2 {font-size: 4.83vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 7.0vw;position: relative;text-align: center;}
    #contents01 .inner-Box figure.photo {position: relative;margin-bottom: 6.2vw;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .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; }
    
    #contents02 {position: relative;background: url('../images/dinoc/sp-contents02-back01.png')repeat top center;padding: 7.5vw 0 15.94vw;background-size: 100% auto;margin-bottom: 6.2vw;}
    #contents02 .inner-Box {position: relative;}
    #contents02 .inner-Box figure.photo {position: absolute;top: -36.3vw;right: 11.91vw;width: 20vw;}
    #contents02 .inner-Box figure.photo img{  }
    #contents02 .inner-Box h2 {text-align: center;margin: 0 6.4vw 7.3vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h2 img {  }
    #contents02 .inner-Box ul.point-slide {}
    #contents02 .inner-Box ul li {position: relative;background: #FFFFFF;border-radius: 3.86vw;padding: 4.1vw 6.9vw;margin: 0 1.21vw;width: 77.29vw;height: 133vw;}
    #contents02 .inner-Box figure.img {position: relative;margin: 0 18.9vw 0vw;height: 31.1vw;}
    #contents02 .inner-Box figure.img img{  }
    #contents02 .inner-Box h3 {font-size: 5.80vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.83vw;position: relative;}
    #contents02 .inner-Box h3 span {background: #FFEE00;display: inline;padding: 0.0vw 2.42vw;}
    #contents02 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;position: relative;}
    
    #contents02 .inner-Box .slick-dots {position: absolute;bottom: -9.5vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
    #contents02 .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;}
    #contents02 .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;}
    #contents02 .inner-Box .slick-dots li button:hover,     #contents02 .inner-Box .slick-dots li button:focus { outline: none; }
    #contents02 .inner-Box .slick-dots li button:hover:before,     #contents02 .inner-Box .slick-dots li button:focus:before { opacity: 1; }
    #contents02 .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; }
    #contents02 .inner-Box .slick-dots li.slick-active button { background: #000; }
    
    #contents22 {position: relative;background: #F2F2F2;padding: 10.08vw 0 14.01vw;}
    #contents22 .inner-Box {margin: 0 4vw;position: relative;}
    #contents22 .inner-Box h2 {font-size: 4.83vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 5.36vw;position: relative;text-align: center;}
    #contents22 .inner-Box ul{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;margin: 0 5vw;}
    #contents22 .inner-Box ul li {position: relative;background: #fff;text-align: center;margin-bottom: 14.36vw;}
    #contents22 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents22 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.52vw;}
    #contents22 .inner-Box figure.photo img{  }
    #contents22 .inner-Box h3 {font-size: 4.83vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1vw;position: relative;}
    #contents22 .inner-Box p.text {font-size: 3.86vw;line-height: 1.54;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 2.66vw;position: relative;}
    
    #contents03 {margin: 0 auto 14.05vw;position: relative;}
    #contents03 .inner-Box {position: relative;padding: 9.59vw 0 0;}
    #contents03 .inner-Box h2 {text-align: center;margin: 0 13.4vw 1.42vw;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box h2 img {  }
    #contents03 .inner-Box p.subtext {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 4.14vw;position: relative;text-align: center;}
    #contents03 .inner-Box p.btn {text-align: center;margin: 0 9vw;}
    #contents03 .inner-Box p.btn img {  }
    
    #case .system-list{margin-bottom: 16.43vw;}
    #case .system-list li{line-height: 1.4;margin: 0 6.04vw;background: #fff;position: relative;margin-bottom: 4.83vw;}
    #case .system-list li a:hover{ text-decoration: none; }
    #case .text1{ font-size: 3.38vw; width: 100%; border: 0.24vw solid #DEDEDE; background: #F8F7F5; height: 9.66vw; text-align: center; padding: 2.17vw; margin-bottom: 2.42vw; font-weight: 400; }
    #case .text2{color: #B3B3B3;font-size: 3.62vw;margin-bottom: 2.42vw;font-weight: 400;}
    #case .system-pic {width: 100%;aspect-ratio: 36 / 27;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;}
    #case .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
    #case .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
    #case .system-ttl-01{font-size: 4.35vw;margin-bottom: 1.45vw;line-height: 1.56;font-weight: 500;letter-spacing: 0.0vw;}
    #case .system-list li .system-text{font-size: 2.66vw;color: #808080;margin-bottom: 2.9vw;}
    #case .system-list li .system-text2{margin-bottom: 2.42vw;position: relative;border-top: #E6E6E6 0.24vw solid;margin-top: 11.35vw;padding-top: 4.83vw;}
    #case .system-list li .system-text2 .koki{font-size: 3.86vw;color: #1A1A1A;text-decoration: underline;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #case .system-list li .system-text2 .prise{font-size: 5.31vw;color: #DE1A23;font-weight: bold;position: absolute;top: 2.9vw;right: 0.0vw;}
    #case .system-list li .system-text2 .prise span{ font-size: 3.86vw; }
    
    #case .slick-dots {position: absolute;bottom: -1.2vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
    #case .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;}
    #case .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: #D8D8D8;}
    #case .slick-dots li button:hover, #case .slick-dots li button:focus { outline: none; }
    #case .slick-dots li button:hover:before, #case .slick-dots li button:focus:before { opacity: 1; }
    #case .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; }
    #case .slick-dots li.slick-active button { background: #000; }
    
    
    #contents04 {margin: 0 3vw 9.51vw;position: relative;border: 0.97vw solid #0A9293;background: #FFFDF5;}
    #contents04 .inner-Box {position: relative;padding: 10.5vw 5vw 7.5vw 5vw;}
    #contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 0;width: 28vw;z-index: 3;}
    #contents04 .inner-Box span.icon img {  }
    #contents04 .inner-Box h3 {font-size: 5.80vw;line-height: 1.25;font-weight: 700;letter-spacing: 0.00vw;margin-bottom: 2.42vw;position: relative;text-align: center;}
    #contents04 .inner-Box p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 1.9vw;position: relative;text-align: center;}
    #contents04 .inner-Box p.text2 {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: -2.79vw;position: relative;}
    #contents04 .inner-Box figure.img {position: relative;top: 0;left: 0;padding: 0 14.4vw 0 0vw;margin-bottom: 2.18vw;}
    #contents04 .inner-Box figure.img img{  }
    #contents04 .inner-Box figure.photo {position: relative;margin-bottom: 4.7vw;}
    #contents04 .inner-Box figure.photo img{  }
    #contents04 .inner-Box p.btn {  }
    #contents04 .inner-Box p.btn img {  }
    
    #contents05 {margin: 0 auto 21.26vw;position: relative;}
    #contents05 .inner-Box {position: relative;}
    #contents05 .inner-Box h2 {font-size: 7.25vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.36vw;margin: 0 1.69vw 6.79vw;position: relative;text-align: center;}
    #contents05 .inner-Box h2 span {display: inline-block;background: #F56500;color: #FFEE00;padding: 1.53vw 3.18vw;margin-left: 2.42vw;font-size: 5.56vw;position: relative;left: -1.2vw;top: 0.7vw;}
    #contents05 .inner-Box figure.flowimg {position: relative;top: 0;left: 0;margin-left: 5vw;}
    #contents05 .inner-Box figure.flowimg img{ width: auto; height: 46.4vw; }
    #contents07 {position: relative;padding: 15.91vw 0 16.91vw;}
    #contents07 .inner-Box {position: relative;}
    #contents07 .inner-Box h2 {font-size: 4.83vw;line-height: 1.63;font-weight: 700;letter-spacing: 0vw;margin-bottom: 4.59vw;position: relative;text-align: center;}
    #contents07 .inner-Box h2::before{content: "";background: url(../images/petreform/contents03-img01.svg)no-repeat;display: block;width: 21.74vw;height: 19.32vw;position: absolute;top: -13.4vw;right: 5.5vw;z-index: -1;background-size: 100% auto;}
    
    #contents07 .inner-Box p.btn {margin: 0 0 9.92vw;}
    #contents07 .inner-Box p.btn img {  }
    #contents07 .inner-Box ul.list {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;margin: 0 8.7vw;}
    #contents07 .inner-Box ul li {margin-bottom: 7.16vw;}
    #contents07 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents07 .inner-Box ul li figure {  }
    #contents07 .inner-Box ul li a {  }
    #contents07 .inner-Box ul li a:hover {  }
    
}