@media screen and (min-width: 768px), print {

#contentsmain {margin: 0 auto -341px;position: relative;background: url('../images/reform/contentsmain-back01.png')no-repeat top 247px center;z-index: 3;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1060px;padding: 49px 0 100px;}
#contentsmain .inner-Box h2.f_m {margin-bottom: 518px;position: relative;color: #1A1A1A;text-align: center;font-size: 42px;font-weight: 600;letter-spacing: 0.05em;line-height: 1.6;}
#contentsmain .inner-Box h3 {text-align: center;padding-right: 29px;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .min-Box {margin: 0 auto 72px;position: relative;background: #2F4E61;padding: 46px 0 31px;}
#contentsmain .min-Box ul.f_m { width: 690px; margin: 0 auto; }
#contentsmain .min-Box ul li {position: relative;background: #fff;border-radius: 10px;padding: 15px 6px 19px 56px;margin-bottom: 11px;}
#contentsmain .min-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .min-Box span.ch {display: block;line-height: 1;position: absolute;top: 20px;left: 25px;}
#contentsmain .min-Box span.ch img {  }
#contentsmain .min-Box p.ltext {position: relative;color: #1A1A1A;font-size: 20px;font-weight: 400;letter-spacing: 0em;line-height: 1.25;}
#contentsmain .min-Box2 { margin: 0 auto; position: relative; }
#contentsmain .min-Box2 h4.f_m {margin-bottom: 36px;position: relative;color: #1A1A1A;text-align: center;font-size: 36px;font-weight: 600;letter-spacing: 0.05em;line-height: 1.6;}
#contentsmain .min-Box2 p.text2 {margin-bottom: 37px;position: relative;color: #1A1A1A;text-align: center;font-size: 15px;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}
#contentsmain .min-Box2 figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .min-Box2 figure.photo img{  }

#contents01 {margin: 0 auto;position: relative;background: #F5F5F5;padding: 260px 0 54px;}
#contents01 h2.f_m {margin-bottom: 21px;position: relative;color: #1A1A1A;text-align: center;font-size: 24px;font-weight: 600;letter-spacing: 0.05em;line-height: 1.6;}
#contents01 p.subttl {margin-bottom: 50px;position: relative;color: #1A1A1A;text-align: center;font-size: 15px;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}
#contents01 .inner-Box {margin: 0 auto 40px;position: relative; 2width: 1100px;background: #fff;width: 1100px;height: 380px;padding: 82px 480px 50px 50px;}
#contents01 .inner-Box h3.f_m {margin-bottom: 36px;position: relative;color: #1A1A1A;font-size: 32px;font-weight: 500;letter-spacing: 0em;line-height: 1;}
#contents01 .inner-Box h3.f_m span {display: block;color: #1A1A1A;font-size: 16px;font-weight: 500;letter-spacing: 0em;line-height: 1.6;margin-bottom: 13px;}
#contents01 .inner-Box figure.photo {position: absolute;top: 50px;right: 50px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {margin-bottom: 30px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contentsbafore {margin: 0 auto 133px;position: relative;padding: 80px 0 0;}
#contentsbafore .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbafore .inner-Box h2.f_m {margin-bottom: 68px;position: relative;color: #1A1A1A;text-align: center;font-size: 18px;font-weight: 500;letter-spacing: 0em;line-height: 1;}
#contentsbafore .inner-Box h2.f_m span {color: #1A1A1A;font-size: 42px;font-weight: 500;letter-spacing: 0em;display: block;line-height: 1;margin-bottom: 19px;}
#contentsbafore .inner-Box p.beaf {margin-bottom: 12px;position: relative;color: #1A1A1A;font-size: 16px;font-weight: 500;letter-spacing: 0.05em;line-height: 1;}
#contentsbafore .inner-Box p.beaf span.bef {  }
#contentsbafore .inner-Box p.beaf span.after {position: absolute;top: 0;right: 0;}
#contentsbafore .inner-Box p.btmtext {margin-bottom: 107px;position: relative;color: #1A1A1A;text-align: center;font-size: 15px;font-weight: 400;letter-spacing: 0em;line-height: 1.87;padding: 11px 0 0;}
#contentsbafore .compare-box{position: relative;width: 100%;max-width: 1100px;overflow: hidden;margin: 0 auto;}
#contentsbafore .compare-box img{width: 100%;height: auto;display: block;object-fit: cover;   /* 保険 */}
#contentsbafore .compare-before{position: absolute;top: 0;left: 0;}
#contentsbafore .compare-after{clip-path: inset(0 50% 0 0); /* 初期は半分表示 */}
#contentsbafore .compare-slider{position: absolute;bottom: 50%;left: 0;width: 100%;transform: translateY(50%);appearance: none;background: none;z-index: 10;height: 0px;}
#contentsbafore .compare-slider::-webkit-slider-thumb{appearance: none !important;width: 104px !important;height: 640px !important;background: url('../images/reform/ba-icon.png') no-repeat center center;background-size: contain !important;border: none !important;cursor: pointer !important;}

#contents02 {margin: 0 auto 120px;position: relative;background: url('../images/reform/contents02-back01.png')no-repeat top center;height: 681px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 278px 0 0;}
#contents02 .inner-Box h2.f_m {margin-bottom: 0px;position: relative;color: #FFF;text-align: center;font-size: 42px;font-weight: 500;letter-spacing: 0em;line-height: 1.5;}

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


#contentsmain {margin: 0 auto -68vw;position: relative;background: url('../images/reform/sp-contentsmain-back01.png')no-repeat top 25.76vw center;z-index: 3;background-size: 100% auto;}
#contentsmain .inner-Box {margin: 0 0vw;position: relative;}
#contentsmain .inner-Box h2.f_m {margin-bottom: 98.6vw;position: relative;color: #000;text-align: center;font-size: 6.04vw;font-weight: 600;letter-spacing: 0.05em;line-height: 1.56;}
#contentsmain .inner-Box h3 {text-align: center;margin: 0 6vw -4.6vw 3vw;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .min-Box {margin: 0 4.1vw 11.69vw;position: relative;background: #2F4E61;padding: 10.01vw 2vw 6.19vw;}
#contentsmain .min-Box ul.f_m {  margin: 0 4vw; }
#contentsmain .min-Box ul li {position: relative;background: #fff;border-radius: 0.52vw;padding: 2.02vw 1.45vw 2.49vw 10.83vw;margin-bottom: 3.66vw;}
#contentsmain .min-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .min-Box span.ch {display: block;line-height: 1;position: absolute;top: 4.83vw;left: 4.54vw;width: 2.4vw;}
#contentsmain .min-Box span.ch img {  }
#contentsmain .min-Box p.ltext {position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.47;}
#contentsmain .min-Box2 { margin: 0 4vw; position: relative; }
#contentsmain .min-Box2 h4.f_m {margin-bottom: 4.7vw;position: relative;color: #1A1A1A;text-align: center;font-size: 5.80vw;font-weight: 600;letter-spacing: 0em;line-height: 1.6;}
#contentsmain .min-Box2 p.text2 {margin-bottom: 8.94vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;margin: 0 2.4vw 4.3vw;}
#contentsmain .min-Box2 figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .min-Box2 figure.photo img{  }

#contents01 {position: relative;background: #F5F5F5;padding: 70.8vw 0 4.74vw;}
#contents01 h2.f_m {margin-bottom: 5.07vw;position: relative;color: #1A1A1A;text-align: center;font-size: 5.31vw;font-weight: 600;letter-spacing: 0em;line-height: 1.6;}
#contents01 p.subttl {margin: 0 4.1vw 6.88vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}
#contents01 .inner-Box {margin: 0 4.1vw 4.96vw;position: relative; 2background: #fff;background: #fff;padding: 5vw 5vw 0.1vw;}
#contents01 .inner-Box h3.f_m {margin-bottom: 4.7vw;position: relative;color: #1A1A1A;text-align: center;font-size: 5.31vw;font-weight: 500;letter-spacing: 0em;line-height: 1.6;}
#contents01 .inner-Box h3.f_m span {display: block;margin-bottom: 1.14vw;color: #1A1A1A;font-size: 3.86vw;font-weight: 500;letter-spacing: 0em;line-height: 1.6;}
#contents01 .inner-Box figure.photo {position: relative;margin-bottom: 5.2vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {margin-bottom: 6.45vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0em;line-height: 1.87;}

#contentsbafore {margin: 0 auto 14.73vw;position: relative;padding: 13.02vw 0 0;}
#contentsbafore .inner-Box {margin: 0;position: relative;}
#contentsbafore .inner-Box h2.f_m {margin-bottom: 12.43vw;position: relative;color: #000;font-size: 4.35vw;font-weight: 500;letter-spacing: 0em;line-height: 1.1;text-align: center;}
#contentsbafore .inner-Box h2.f_m span {margin-bottom: 3.69vw;color: #1A1A1A;font-size: 5.80vw;font-weight: 700;letter-spacing: 0em;line-height: 1;display: block;}
#contentsbafore .inner-Box p.beaf {margin: 0 2.3vw 1.3vw;position: relative;color: #1A1A1A;font-size: 3.86vw;font-weight: 500;letter-spacing: 0.05em;line-height: 1;}
#contentsbafore .inner-Box p.beaf span.bef {  }
#contentsbafore .inner-Box p.beaf span.after {position: absolute;top: 0;right: 0;}
#contentsbafore .inner-Box p.btmtext {margin-bottom: 8.35vw;position: relative;padding: 1.66vw 0 0;color: #1A1A1A;text-align: center;font-size: 3.38vw;font-weight: 400;letter-spacing: 0em;line-height: 1.71;}

#contents02 {margin: 0 auto 8.59vw;position: relative;background: url('../images/reform/sp-contents02-back01.png')no-repeat top center;background-size: 100% auto;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;padding: 17.55vw 0 31vw;}
#contents02 .inner-Box h2.f_m {margin-bottom: 0.0vw;position: relative;color: #FFF;text-align: center;font-size: 5.31vw;font-weight: 500;letter-spacing: 0em;line-height: 1.59;}

.compare-box{position: relative;width: 100%;max-width: 1100px;overflow: hidden;margin: 0 auto;}
.compare-box img{width: 100%;height: auto;display: block;object-fit: cover;   /* 保険 */}
.compare-before{position: absolute;top: 0;left: 0;}
.compare-after{clip-path: inset(0 50% 0 0); /* 初期は半分表示 */}
.compare-slider{position: absolute;bottom: 50%;left: 0;width: 100%;transform: translateY(50%);appearance: none;background: none;z-index: 10;height: 0px;}
.compare-slider::-webkit-slider-thumb{appearance: none !important;width: 104px !important;height: 640px !important;background: url('../images/reform/ba-icon.png') no-repeat center center;background-size: contain !important;border: none !important;cursor: pointer !important;}


}