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

#contentsmain {margin: 0 auto 48px;position: relative;background: url('../images/cross-reform/contentsmain-back01.png')no-repeat top center;padding: 120px 0 80px;background-size: cover;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1200px;height: 550px;background: #fff;border-top: 3px solid #F56500;padding: 52px 50px;}
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 10px;right: 552px;}
#contentsmain .inner-Box span.icon img {  }
#contentsmain .inner-Box h2 {font-size: 42px;line-height: 1.2;font-weight: 700;letter-spacing: 2.1px;margin-bottom: 35px;position: relative;}
#contentsmain .inner-Box h2 span {font-size: 32px;letter-spacing: 1.6px;}
#contentsmain .inner-Box figure.photo {position: absolute;top: -64px;right: 50px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 542px;}

#contents01 {margin: 0 auto 90px;position: relative;}
#contents01 h2.ttl01 {text-align: center;position: relative;left: -8px;}
#contents01 h2.ttl01 span{  }
#contents01 h2.ttl01 img {  }
#contents01 .lineBox {margin: 0 auto;position: relative;border: #DFE0D9 20px solid;width: 1100px;padding: 35px 40px 7px 40px;}
#contents01 .inner-Box1 {margin: 0 auto 70px;position: relative;padding: 10px 400px 0 0px;}
#contents01 .inner-Box1 span.point {display: block;line-height: 1;position: relative;margin-bottom: 7px;}
#contents01 .inner-Box1 span.point img {  }
#contents01 .inner-Box1 h3 {font-size: 30px;line-height: 1.5;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;position: relative;border-bottom: #E6E6E6 solid 1px;padding-bottom: 15px;}
#contents01 .inner-Box1 h3 span {color: #F56500;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box2 {margin: 0 auto 71px;position: relative;padding: 10px 0 0px 400px;}
#contents01 .inner-Box2 span.point {display: block;line-height: 1;position: relative;margin-bottom: 7px;}
#contents01 .inner-Box2 span.point img {  }
#contents01 .inner-Box2 h3 {font-size: 30px;line-height: 1.5;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;position: relative;border-bottom: #E6E6E6 solid 1px;padding-bottom: 15px;}
#contents01 .inner-Box2 h3 span {color: #F56500;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 0;left: 0;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box3 {margin: 0 auto;position: relative;padding: 10px 400px 0 0px;}
#contents01 .inner-Box3 span.point {display: block;line-height: 1;position: relative;margin-bottom: 7px;}
#contents01 .inner-Box3 span.point img {  }
#contents01 .inner-Box3 h3 {font-size: 30px;line-height: 1.5;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;position: relative;border-bottom: #E6E6E6 solid 1px;padding-bottom: 15px;}
#contents01 .inner-Box3 h3 span {color: #F56500;}
#contents01 .inner-Box3 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box3 figure.photo2 {position: absolute;right: 0;bottom: 0;}
#contents01 .inner-Box3 figure.photo2 img{  }


#contents02 {margin: 0 auto 68px;position: relative;background: url('../images/cross-reform/contents02-back01.png')no-repeat top center;padding: 49px 0 19px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents02 .inner-Box h2 {font-size: 30px;line-height: 1.5;font-weight: 700;letter-spacing: 1.5px;margin: 0 0px 31px;position: relative;}
#contents02 .inner-Box h2 span {display: inline-block;background: #F56500;color: #FFEE00;padding: 8px 14px;margin-left: 10px;}
#contents02 .inBox {margin: 0 auto 50px;position: relative;background: #fff;width: 1100px;height: 368px;padding: 20px 0 0 38px;}
#contents02 .inBox span.fuki {display: block;line-height: 1;margin-bottom: -100px;}
#contents02 .inBox span.fuki img {  }
#contents02 .inBox p.text1 {font-size: 17px;line-height: 1.65;font-weight: 700;letter-spacing: 0.85px;margin-bottom: 134px;margin-left: 20px;position: relative;}
#contents02 .inBox figure.img {position: absolute!important;top: 16px;right: 31px;}
#contents02 .inBox figure.img2 {position: absolute!important;top: 16px;right: 31px;}
#contents02 .inBox figure.img img{  }
#contents02 .inBox p.text2 {font-size: 15px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: -3px;position: relative;margin-left: 131px;}
#contents02 .inBox p.text3 {font-size: 17px;line-height: 1.53;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;margin-left: 131px;}
#contents02 .inBox p.text3 span {font-size: 14px;}

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

#contentsmgbtm {margin: 0 auto;position: relative;padding: 117px 0 70px;}
#contentsmgbtm .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#contentsmgbtm .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;}
#contentsmgbtm .inner-Box h2.ttl::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;}
#contentsmgbtm .inner-Box h3 {font-size: 20px;line-height: 1.7;font-weight: 700;letter-spacing: 0px;margin-bottom: 34px;position: relative;text-align: center;}
#contentsmgbtm .inner-Box .btn{text-align: center;margin-bottom: 58px;}



}

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

    #contentsmain {margin: 0 auto 9.19vw;position: relative;background: url('../images/cross-reform/sp-contentsmain-back01.png')no-repeat top center;padding: 9.49vw 0 9.32vw;background-size: cover;}
#contentsmain .inner-Box {margin: 0 3vw;position: relative;background: #fff;border-top: 0.72vw solid #F56500;padding: 6.53vw 0vw 0.03vw 0vw;}
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0.72vw;right: -1.9vw;width: 9.7vw;}
#contentsmain .inner-Box span.icon img {  }
#contentsmain .inner-Box h2 {font-size: 6.28vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.31vw;margin: 0 0 4.3vw 6vw;position: relative;}
#contentsmain .inner-Box h2 span {font-size: 4.83vw;letter-spacing: 0.24vw;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0vw;margin-bottom: 4.2vw;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin: 0 6vw 7.25vw;position: relative;}

#contents01 {margin: 0 auto 9.84vw;position: relative;}
#contents01 h2.ttl01 {text-align: center;position: relative;left: 0vw;margin: 0 9.8vw 0 1.6vw;}
#contents01 h2.ttl01 span{  }
#contents01 h2.ttl01 img {  }
#contents01 .lineBox {position: relative;border-top: #DFE0D9 4.83vw solid;border-bottom: #DFE0D9 4.83vw solid;padding: 5.75vw 8.76vw 1.69vw;}
#contents01 .inner-Box1 {margin: 0 auto;position: relative;}
#contents01 .inner-Box1 span.point {display: block;line-height: 1;position: relative;margin-bottom: 0.89vw;}
#contents01 .inner-Box1 span.point img {width: auto;height: 9.2vw;}
#contents01 .inner-Box1 h3 {font-size: 5.56vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.28vw;margin-bottom: 4.11vw;position: relative;border-bottom: #E6E6E6 solid 0.24vw;padding-bottom: 2.92vw;}
#contents01 .inner-Box1 h3 span {color: #F56500;}
#contents01 .inner-Box1 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4vw;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .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; }

#contents01 .inner-Box2 {margin: 0 auto;position: relative;}
#contents01 .inner-Box2 span.point {display: block;line-height: 1;position: relative;margin-bottom: 1.69vw;}
#contents01 .inner-Box2 span.point img {width: auto;height: 9.2vw;}
#contents01 .inner-Box2 h3 {font-size: 5.56vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.28vw;margin-bottom: 4.11vw;position: relative;border-bottom: #E6E6E6 solid 0.24vw;padding-bottom: 2.92vw;}
#contents01 .inner-Box2 h3 span {color: #F56500;}
#contents01 .inner-Box2 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4vw;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 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-Box3 {margin: 0 auto 16.91vw;position: relative;}
#contents01 .inner-Box3 span.point {display: block;line-height: 1;position: relative;margin-bottom: 1.69vw;}
#contents01 .inner-Box3 span.point img {width: auto;height: 9.2vw;}
#contents01 .inner-Box3 h3 {font-size: 5.56vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.28vw;margin-bottom: 4.11vw;position: relative;border-bottom: #E6E6E6 solid 0.24vw;padding-bottom: 2.92vw;}
#contents01 .inner-Box3 h3 span {color: #F56500;}
#contents01 .inner-Box3 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4vw;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 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-Box3 figure.photo2 {position: relative;right: 0;bottom: 0;}
#contents01 .inner-Box3 figure.photo2 img{  }


#contents02 {margin: 0 auto 10.03vw;position: relative;background: url('../images/cross-reform/contents02-back01.png')repeat top center;padding: 6.84vw 0 4.59vw;background-size: 200% auto;}
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box h2 {font-size: 7.25vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.36vw;margin: 0 0.0vw 5.49vw;position: relative;text-align: center;}
#contents02 .inner-Box h2 span {display: inline-block;background: #F56500;color: #FFEE00;padding: 1.93vw 3.38vw;font-size: 5.4vw;}
#contents02 .inBox {margin: 0 auto 7.08vw;position: relative;background: #fff;padding: 4.83vw 0 1vw 6.18vw;}
#contents02 .inBox span.fuki {display: block;line-height: 1;margin: 0vw 5vw -24.1vw 5vw;}
#contents02 .inBox span.fuki img {  }
#contents02 .inBox p.text1 {font-size: 4.11vw;line-height: 1.65;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 11.37vw;margin-left: 9.83vw;position: relative;}
#contents02 .inBox figure.img {position: relative;margin-bottom: 12vw;}
#contents02 .inBox figure.img2 {position: relative;margin-bottom: 12vw;}
#contents02 .inBox figure.img img,#contents02 .inBox figure.img2 img{width: auto;height: 81vw;}
#contents02 .inBox p.text2 {font-size: 3.62vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0vw;position: relative;margin-left: -0.06vw;}
#contents02 .inBox p.text3 {font-size: 4.11vw;line-height: 1.53;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;margin-left: -0.06vw;}
#contents02 .inBox p.text3 span {font-size: 3.38vw;}

#contentsflow {margin: 0 auto 21.26vw;position: relative;}
#contentsflow .inner-Box {position: relative;}
#contentsflow .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;}
#contentsflow .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;}
#contentsflow .inner-Box figure.flowimg {position: relative;top: 0;left: 0;margin-left: 5vw;}
#contentsflow .inner-Box figure.flowimg img{ width: auto; height: 46.4vw; }

#contentsfaq{ }
#contentsfaq h2{margin: 0 16.8vw;}

#contentsmgbtm {position: relative;padding: 10.51vw 0 16.91vw;}
#contentsmgbtm .inner-Box {position: relative;}
#contentsmgbtm .inner-Box h2 {font-size: 4.83vw;line-height: 1.63;font-weight: 700;letter-spacing: 0vw;margin-bottom: 2.79vw;position: relative;text-align: center;}
#contentsmgbtm .inner-Box h2.ttl::before{content: "";background: url(../images/petreform/contents03-img01.svg)no-repeat;display: block;width: 21.74vw;height: 19.32vw;position: absolute;top: -6.6vw;right: 5.5vw;z-index: -1;background-size: 100% auto;}
#contentsmgbtm .inner-Box h3 {font-size: 3.86vw;line-height: 1.94;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 4.59vw;position: relative;text-align: center;}
#contentsmgbtm .inner-Box .btn{margin-bottom: 10.6vw;}    

}