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

.backk{background: #F5F5F5;padding: 92px 0 10px;}

#contentsmain {margin: 0 auto;position: relative;background: url('../images/reform/contentsmain-back01.png')no-repeat top center;padding: 300px 0 73px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 852px;height: 460px;background: #fff;text-align: center;padding: 56px 76px;}
#contentsmain .inner-Box h2.ttl01 {position: relative;left: -12px;margin-bottom: 15px;}
#contentsmain .inner-Box h2.ttl01 span{  }
#contentsmain .inner-Box h2.ttl01 img {  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: left;}

#contents01 h2.f-min-02 {font-size: 44px;line-height: 1.68;font-weight: 600;letter-spacing: 2.2px;margin-bottom: 70px;position: relative;text-align: center;}
#contents01 .inner-Box1 {margin: 0 auto 50px;position: relative;width: 1100px;height: 420px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 100px 500px 100px 110px;}
#contents01 .inner-Box1 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 30px;}
#contents01 .inner-Box1 span.icon img {  }
#contents01 .inner-Box1 h3 {font-size: 40px;line-height: 1.43;font-weight: 400;letter-spacing: 2px;margin-bottom: 14px;position: relative;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 60px;right: 50px;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 .inner-Box2 {margin: 0 auto 50px;position: relative;width: 1100px;height: 420px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 100px 500px 100px 110px;}
#contents01 .inner-Box2 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 30px;}
#contents01 .inner-Box2 span.icon img {  }
#contents01 .inner-Box2 h3 {font-size: 40px;line-height: 1.43;font-weight: 400;letter-spacing: 2px;margin-bottom: 14px;position: relative;margin-right: -20px;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 60px;right: 50px;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 .inner-Box3 {margin: 0 auto 50px;position: relative;width: 1100px;height: 420px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 100px 500px 100px 110px;}
#contents01 .inner-Box3 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 30px;}
#contents01 .inner-Box3 span.icon img {  }
#contents01 .inner-Box3 h3 {font-size: 40px;line-height: 1.43;font-weight: 400;letter-spacing: 2px;margin-bottom: 14px;position: relative;}
#contents01 .inner-Box3 figure.photo {position: absolute;top: 60px;right: 50px;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 .inner-Box4 {margin: 0 auto 50px;position: relative;width: 1100px;height: 420px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 100px 500px 100px 110px;}
#contents01 .inner-Box4 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 30px;}
#contents01 .inner-Box4 span.icon img {  }
#contents01 .inner-Box4 h3 {font-size: 40px;line-height: 1.43;font-weight: 400;letter-spacing: 2px;margin-bottom: 14px;position: relative;}
#contents01 .inner-Box4 figure.photo {position: absolute;top: 60px;right: 50px;}
#contents01 .inner-Box4 figure.photo img{  }
#contents01 .inner-Box4 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 .inner-Box5 {margin: 0 auto 50px;position: relative;width: 1100px;height: 420px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 100px 500px 100px 110px;}
#contents01 .inner-Box5 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 30px;}
#contents01 .inner-Box5 span.icon img {  }
#contents01 .inner-Box5 h3 {font-size: 40px;line-height: 1.43;font-weight: 400;letter-spacing: 2px;margin-bottom: 14px;position: relative;margin-right: -70px;}
#contents01 .inner-Box5 figure.photo {position: absolute;top: 60px;right: 50px;}
#contents01 .inner-Box5 figure.photo img{  }
#contents01 .inner-Box5 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 .inner-Box6 {margin: 0 auto 50px;position: relative;width: 1100px;height: 420px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 100px 500px 100px 110px;}
#contents01 .inner-Box6 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 30px;}
#contents01 .inner-Box6 span.icon img {  }
#contents01 .inner-Box6 h3 {font-size: 40px;line-height: 1.43;font-weight: 400;letter-spacing: 2px;margin-bottom: 14px;position: relative;margin-right: -30px;}
#contents01 .inner-Box6 figure.photo {position: absolute;top: 60px;right: 50px;}
#contents01 .inner-Box6 figure.photo img{  }
#contents01 .inner-Box6 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents02 { margin: 0 auto; position: relative; 
        margin-top: 131px;
}
#contents02 h2.f-min-02 {font-size: 44px;line-height: 1.68;font-weight: 400;letter-spacing: 2.2px;margin-bottom: 40px;position: relative;text-align: center;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1200px;height: 636px;background: #fff;padding: 44px 75px;margin-bottom: 74px;}
#contents02 .inner-Box h3 {font-size: 46px;line-height: 1.68;font-weight: 700;letter-spacing: 2.3px;margin-bottom: 41px;position: relative;text-align: center;}
#contents02 .inner-Box h3::before{ content: "";width: 80px; height: 6px; background: #DC000C; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#contents02 .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;}
#contents02 .inner-Box ul li {position: relative;margin-right: 50px;width: 500px;text-align: center;}
#contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);}
#contents02 .inner-Box span.icon img {  }
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 161px;right: -40px;}
#contents02 .inner-Box span.arr img {  }

#casereform h2{text-align: center;font-size: 44px;letter-spacing: 2.2px;font-weight: 600;margin-bottom: 44px;}
#casereform .system-list{width: 1100px;margin: 0 auto 81px;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;}
#casereform .system-list li{ width: 260px; margin-right: 20px; }
#casereform .system-list li:nth-child(4n){ margin-right: 0; }
#casereform .system-list li .system-pic{margin-bottom: 8px;}
#casereform .system-list li .system-pic img{ width: 100%; height: 185px; }
#casereform .system-list li .system-date{font-size: 12.2px;margin-bottom: 5px;}
#casereform .system-list li .system-ttl-01{ }

#casereform {margin: 0 auto;position: relative;padding: 58px 0 0;}
#casereform .inner-Box {margin: 0 auto 110px;position: relative;text-align: center;}
#casereform .inner-Box p.btn {  }
#casereform .inner-Box p.btn img {  }
#casereform .inner-Box2 {margin: 0 auto;position: relative;background: #F9F9F4;text-align: center;padding: 51px 0 96px 0;}
#casereform .inner-Box2 ul.bannerli {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: 1100px;margin: 0 auto;}
#casereform .inner-Box2 ul li {margin-right: 60px;}
#casereform .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
#casereform .inner-Box2 ul li figure {  }
#casereform .inner-Box2 ul li a {  }
#casereform .inner-Box2 ul li a:hover {  }
#casereform .inner-Box2 h3{font-size: 30px;font-weight: 600;letter-spacing: 1.5px;line-height: 1.8;margin-bottom: 9px;}
#casereform .inner-Box2 p.text{font-size: 16px;letter-spacing: 0.8px;margin-bottom: 55px;}

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

    .backk{background: #F5F5F5;padding: 13.12vw 0 2.42vw;}

    #contentsmain {margin: -4.3vw 0 0vw;position: relative;background: url('../images/reform/sp-contentsmain-back01.png')no-repeat top center;padding: 35.66vw 0 12.93vw;background-size: 100% auto;}
    #contentsmain .inner-Box {margin: 0 0.8vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h2.ttl01 {position: relative;left: 0vw;margin-bottom: 4.62vw;}
    #contentsmain .inner-Box h2.ttl01 span{  }
    #contentsmain .inner-Box h2.ttl01 img {  }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8vw 7.25vw;position: relative;text-align: left;}
    
    #contents01 {margin: 0 auto 24.2vw;position: relative;}
    #contents01 h2.f-min-02 {font-size: 6.52vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.33vw;margin-bottom: 4.71vw;position: relative;text-align: center;}
    #contents01 .inner-Box1 {margin: 0 3vw 12.08vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 1vw 4.8vw 4.8vw;}
    #contents01 .inner-Box1 span.icon {display: block;line-height: 1;margin: 0 34.4vw 5.7vw;}
    #contents01 .inner-Box1 span.icon img {  }
    #contents01 .inner-Box1 h3 {font-size: 7.25vw;line-height: 1.43;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.68vw;text-align: center;position: relative;}
    #contents01 .inner-Box1 figure.photo {position: relative;margin-bottom: 6vw;}
    #contents01 .inner-Box1 figure.photo img{  }
    #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.25vw;position: relative;}
    
    #contents01 .inner-Box2 {margin: 0 3vw 12.08vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 1vw 4.8vw 4.8vw;}
    #contents01 .inner-Box2 span.icon {display: block;line-height: 1;margin: 0 34.4vw 5.7vw;}
    #contents01 .inner-Box2 span.icon img {  }
    #contents01 .inner-Box2 h3 {font-size: 7.25vw;line-height: 1.43;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.68vw;text-align: center;position: relative;}
    #contents01 .inner-Box2 figure.photo {position: relative;margin-bottom: 6vw;}
    #contents01 .inner-Box2 figure.photo img{  }
    #contents01 .inner-Box2 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.25vw;position: relative;}
    
    #contents01 .inner-Box3 {margin: 0 3vw 12.08vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 1vw 4.8vw 4.8vw;}
    #contents01 .inner-Box3 span.icon {display: block;line-height: 1;margin: 0 34.4vw 5.7vw;}
    #contents01 .inner-Box3 span.icon img {  }
    #contents01 .inner-Box3 h3 {font-size: 7.25vw;line-height: 1.43;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.68vw;text-align: center;position: relative;}
    #contents01 .inner-Box3 figure.photo {position: relative;margin-bottom: 6vw;}
    #contents01 .inner-Box3 figure.photo img{  }
    #contents01 .inner-Box3 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.25vw;position: relative;}
    
    #contents01 .inner-Box4 {margin: 0 3vw 12.08vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 1vw 4.8vw 4.8vw;}
    #contents01 .inner-Box4 span.icon {display: block;line-height: 1;margin: 0 34.4vw 5.7vw;}
    #contents01 .inner-Box4 span.icon img {  }
    #contents01 .inner-Box4 h3 {font-size: 7.25vw;line-height: 1.43;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.68vw;text-align: center;position: relative;}
    #contents01 .inner-Box4 figure.photo {position: relative;margin-bottom: 6vw;}
    #contents01 .inner-Box4 figure.photo img{  }
    #contents01 .inner-Box4 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.25vw;position: relative;}
    
    #contents01 .inner-Box5 {margin: 0 3vw 12.08vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 1vw 4.8vw 4.8vw;}
    #contents01 .inner-Box5 span.icon {display: block;line-height: 1;margin: 0 34.4vw 5.7vw;}
    #contents01 .inner-Box5 span.icon img {  }
    #contents01 .inner-Box5 h3 {font-size: 7.25vw;line-height: 1.43;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.68vw;text-align: center;position: relative;}
    #contents01 .inner-Box5 figure.photo {position: relative;margin-bottom: 6vw;}
    #contents01 .inner-Box5 figure.photo img{  }
    #contents01 .inner-Box5 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.25vw;position: relative;}
    
    #contents01 .inner-Box6 {margin: 0 3vw 12.08vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 1vw 4.8vw 4.8vw;}
    #contents01 .inner-Box6 span.icon {display: block;line-height: 1;margin: 0 34.4vw 5.7vw;}
    #contents01 .inner-Box6 span.icon img {  }
    #contents01 .inner-Box6 h3 {font-size: 7.25vw;line-height: 1.43;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.68vw;text-align: center;position: relative;}
    #contents01 .inner-Box6 figure.photo {position: relative;margin-bottom: 6vw;}
    #contents01 .inner-Box6 figure.photo img{  }
    #contents01 .inner-Box6 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.25vw;position: relative;}
    
    
    #contents02 { margin: 0 4vw; position: relative; }
    #contents02 h2.f-min-02 {font-size: 6.52vw;line-height: 1.26;font-weight: 400;letter-spacing: 0.33vw;margin-bottom: 4.66vw;position: relative;text-align: center;}
    #contents02 .inner-Box {position: relative;background: #fff;padding: 6.93vw 3.72vw 0vw 3.72vw;margin-bottom: 8.87vw;}
    #contents02 .inner-Box h3 {font-size: 7.25vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.56vw;margin-bottom: 10.4vw;position: relative;text-align: center;}
    #contents02 .inner-Box h3::before{content: "";width: 19.32vw;height: 1.05vw;background: #DC000C;position: absolute;bottom: -2.6vw;left: 50%;transform: translateX(-50%);}
    #contents02 .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;}
    #contents02 .inner-Box ul li {position: relative;margin-bottom: 14.08vw;text-align: center;}
    #contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents02 .inner-Box span.icon {display: block;line-height: 1;position: relative;text-align: left;margin-bottom: 4vw;}
    #contents02 .inner-Box span.icon img {height: 5.2vw;}
    #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
    #contents02 .inner-Box figure.photo img{  }
    #contents02 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: -13.61vw;right: 37.8vw;width: 9vw;}
    #contents02 .inner-Box span.arr img {  }
    
    #casereform h2{text-align: center;font-size: 6.52vw;letter-spacing: 0.53vw;font-weight: 600;margin-bottom: 10.63vw;}
    #casereform .system-list{margin: 0 auto 19.57vw;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;}
    #casereform .system-list li{margin-right: 2%;width: 49%;margin-bottom: 7vw;}
    #casereform .system-list li:nth-child(2n){ margin-right: 0; }
    #casereform .system-list li .system-pic{margin-bottom: 1.93vw;}
    #casereform .system-list li .system-pic img{ width: 100%; height: 44.69vw; }
    #casereform .system-list li .system-date{font-size: 2.95vw;margin-bottom: 1.21vw;}
    #casereform .system-list li .system-ttl-01{ }
    
    #casereform {margin: 0 4vw;position: relative;padding: 14.01vw 0 0;}
    #casereform .inner-Box {margin: 0 3.8vw 18.67vw;position: relative;text-align: center;}
    #casereform .inner-Box p.btn {  }
    #casereform .inner-Box p.btn img {  }
    #casereform .inner-Box2 {margin: 0 -4vw;position: relative;background: #F9F9F4;text-align: center;padding: 11.22vw 0 23.19vw 0;}
    #casereform .inner-Box2 ul.bannerli {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 7.7vw;}
    #casereform .inner-Box2 ul li {margin-bottom: 6.29vw;}
    #casereform .inner-Box2 ul li:nth-child(2) { margin-right: 0.0vw; }
    #casereform .inner-Box2 ul li figure {  }
    #casereform .inner-Box2 ul li a {  }
    #casereform .inner-Box2 ul li a:hover {  }
    #casereform .inner-Box2 h3{font-size: 5.07vw;font-weight: 600;letter-spacing: 0.36vw;line-height: 1.8;margin-bottom: 3.57vw;}
    #casereform .inner-Box2 p.text{font-size: 3.86vw;letter-spacing: 0.19vw;margin-bottom: 8.29vw;}
    


}