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

.backk{background:#FAF7F0;padding: 109px 0 0px;}
#contentsmain {margin: -49px auto 0 auto;position: relative;background: url('../images/seismic-diagnosis/contentsmain-back01.png')no-repeat top center #FAF7F0;text-align: center;padding: 32px 0 0;}
#contentsmain h2 {margin-bottom: 33px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain figure.photo {position: absolute;top: 66px;left: 50%;margin-left: 228px;}
#contentsmain figure.photo img{  }
#contentsmain .inner-Box{margin: 0 auto;position: relative;background: url('../images/seismic-diagnosis/contentsmain-back02.png')no-repeat top center;width: 1100px;height: 323px;color: #fff;padding: 47px 0 0;}
#contentsmain .inner-Box h3 {margin-bottom: 17px;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .inner-Box p.text {margin-bottom: 24px;position: relative;color: #FFF;text-align: center;font-size: 14px;font-weight: 500;letter-spacing: 0.04em;line-height: 2;}
#contentsmain .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 auto;width: 657px;}
#contentsmain .inner-Box ul li {position: relative;right: 0px;}
#contentsmain .inner-Box ul li:nth-child(2) {margin-right: 0px;right: -30px;}
#contentsmain .inner-Box ul li figure {  }
#contentsmain .inner-Box ul li a {  }
#contentsmain .inner-Box ul li a:hover {  }

#contents01 {margin: 0 auto 130px;position: relative;border-radius: 20px;border: 10px solid #847A7A;background: #FFF;width: 1120px;padding: 0 32px;}
#contents01 span.bin {display: block;line-height: 1;text-align: center;position: relative;top: -20px;}
#contents01 span.bin img {  }
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 23px 0 106px;}
#contents01 .inner-Box h2 {margin-bottom: 20px;position: relative;color: #303030;text-align: center;font-size: 32px;font-weight: 700;letter-spacing: 0em;line-height: 1.94;}
#contents01 .inner-Box h3 {margin-bottom: 7px;position: relative;color: #E96323;text-align: center;font-size: 18px;font-weight: 500;letter-spacing: 0em;line-height: 1.78;}
#contents01 .inner-Box p.text {margin-bottom: 24px;position: relative;color: #303030;text-align: center;font-size: 14px;font-weight: 500;letter-spacing: 0em;line-height: 1.86;}
#contents01 .js-scrollable { margin: 0 auto; position: relative; }
#contents01 .js-scrollable figure.flowimg {position: relative;top: 0;left: 0;margin-bottom: 43px;}
#contents01 .js-scrollable figure.flowimg img{  }
#contents01 .js-scrollable ul.flowlist { display: flex; flex-wrap: wrap; gap: 3.4749%; }
#contents01 .js-scrollable ul li { position: relative; width: 31.0167%; box-sizing: border-box; border-radius: 10px; border: 1.452px solid #CFCCC4; background: #FFF; padding: 53px 16px 0px; }

#contents01 .js-scrollable span.ttlicon {display: block;line-height: 1;position: absolute;top: -30px;left: 50%;transform: translateX(-50%);}
#contents01 .js-scrollable span.ttlicon img {  }
#contents01 .js-scrollable h4 {margin-bottom: 9px;position: relative;color: #443E3E;text-align: center;font-size: 16px;font-weight: 700;letter-spacing: 0.13em;line-height: 1.5;}
#contents01 .js-scrollable p.ltext {margin-bottom: 24px;position: relative;color: #000;font-size: 14px;font-weight: 400;letter-spacing: 0.04em;line-height: 1.57;}
#contents01 .js-scrollable p.ltext span {font-weight: 700;}
#contents01 .js-scrollable p.cltext {position: absolute;border-radius: 10px;border: 1px solid #000;background: #FFE000;width: 87%;left: 50%;bottom: -57px;transform: translateX(-50%);color: #443E3E;text-align: center;font-size: 16px;font-weight: 700;letter-spacing: 0.13em;padding: 20px 0;line-height: 1.5;}

#contents01 .js-scrollable ul li:nth-child(2) p.cltext { background: #90C320; color: #fff; }
#contents01 .js-scrollable ul li:nth-child(3) p.cltext { background: #5997D0; color: #fff; }

#contents01 .js-scrollable span.arr {display: block;line-height: 1;position: absolute;top: 72px;right: -33px;}
#contents01 .js-scrollable span.arr img {  }

#contents02 {margin: 0 auto 120px;position: relative;background: #FFF;background: #fff;max-width: 1280px;padding-bottom: 30px;}
#contents02 h2 {text-align: center;position: relative;top: -40px;margin-bottom: 6px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 752px;}
#contents02 .inner-Box ul{}
#contents02 .inner-Box ul::before{content: "";display: block;width: 3px;height: 84%;background: #52A136;position: absolute;top: 20px;left: 25px;}

#contents02 .inner-Box ul li {position: relative;min-height: 120px;padding: 0 0 0 95px;margin-bottom: 40px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box p.notx { position: absolute; display: block; width: 54px; height: 54px; background: linear-gradient(180deg, #12A747 0%, #56BC31 100%); box-shadow: inset 0 0 0 0.745px #FFF, 0 0.994px 2.484px rgba(0, 0, 0, 0.25); text-align: center; color: #fff; border-radius: 50%; padding: 10px 0 0; top: 0; left: 0; }
#contents02 .inner-Box p.notx span {  }
#contents02 .inner-Box h3 {margin-bottom: 17px;position: relative;color: #443E3E;font-size: 16px;font-weight: 700;letter-spacing: 0.13em;line-height: 1.5;}
#contents02 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.ltext {margin-bottom: 30px;position: relative;color: #000;font-size: 14px;font-weight: 400;letter-spacing: 0.04em;line-height: 1.57;width: 437px;}
#contents02 .inner-Box p.ltext span {font-weight: 700;}

#contents03 {margin: 0 auto 99px;position: relative;background: #FFF;background: #fff;max-width: 1280px;padding-bottom: 70px;}
#contents03 h2 {text-align: center;position: relative;top: -40px;margin-bottom: 16px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 987px;}
#contents03 .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-bottom: 63px;}
#contents03 .inner-Box ul li {position: relative;border-radius: 10px;border: 1.452px solid #CFCCC4;background: #FFF;width: 478px;margin: 0 30px 30px 0;padding: 60px 30px 30px;}
#contents03 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents03 .inner-Box h3 {margin-bottom: 15px;position: relative;color: #303030;text-align: center;font-size: 24px;font-weight: 700;letter-spacing: 0.08em;line-height: 0.82;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 21px;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.ltext {margin-bottom: 8px;position: relative;color: #000;font-size: 14px;font-weight: 400;letter-spacing: 0.04em;line-height: 1.57;}
#contents03 .inner-Box h4 {margin-bottom: 0px;position: relative;color: #303030;text-align: center;font-size: 24px;font-weight: 500;letter-spacing: 0em;line-height: 1.5;}
#contents03 .inner-Box figure.img {position: absolute;bottom: -70px;left: 146px;}
#contents03 .inner-Box figure.img img{  }

#contents04 { margin: 0 auto; position: relative; }
#contents04 .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contents04 .inner-Box h2 {margin-bottom: 39px;position: relative;color: #52A136;text-align: center;font-size: 33.64px;font-weight: 700;letter-spacing: 0.12em;line-height: 1.68;}
#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 18px;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.text {position: relative;color: #303030;text-align: center;font-size: 16px;font-weight: 500;letter-spacing: 0em;line-height: 1.75;}

.form-Box_bg_wap .fmicon{display: block;margin-bottom: 31px;text-align: center;}

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



.backk{background:#FAF7F0;padding: 16.23vw 0 13.2vw;}
#contentsmain {margin: -5.9vw auto 0 auto;position: relative;background: url('../images/seismic-diagnosis/sp-contentsmain-back01.png')no-repeat top center #FAF7F0;text-align: center;padding: 9.73vw 0 0;background-size: 100% auto;}
#contentsmain h2 {margin: 0 12.5vw 5.37vw;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain figure.photo {position: relative;right: 0;width: 23vw;margin: 0 auto;}
#contentsmain figure.photo img{  }
#contentsmain .inner-Box{margin: 0 9.1vw;position: relative;background: url('../images/seismic-diagnosis/sp-contentsmain-back02.png')no-repeat top center;color: #fff;padding: 13.75vw 0 8.2vw;background-size: 100% auto;}
#contentsmain .inner-Box h3 {margin: 0 8.8vw 5.71vw;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .inner-Box p.text {margin-bottom: 6.8vw;position: relative;color: #FFF;text-align: center;font-size: 3.38vw;font-weight: 500;letter-spacing: 0.04em;line-height: 2;}
#contentsmain .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 5vw;}
#contentsmain .inner-Box ul li {position: relative;right: 0.0vw;margin-bottom: 3.3vw;}
#contentsmain .inner-Box ul li:nth-child(2) {margin-right: 0.0vw;right: 0vw;}
#contentsmain .inner-Box ul li figure {  }
#contentsmain .inner-Box ul li a {  }
#contentsmain .inner-Box ul li a:hover {  }

#contents01 {margin: 0 6.5vw 20.4vw;position: relative;border-radius: 2.83vw;border: 1.22vw solid #847A7A;background: #FFF;}
#contents01 span.bin {display: block;line-height: 1;text-align: center;position: relative;top: -7.4vw;margin: 0 17.9vw 0vw;}
#contents01 span.bin img {  }
#contents01 .inner-Box {position: relative;padding: 2.36vw 0 10.4vw;}
#contents01 .inner-Box h2 {margin-bottom: 4.83vw;position: relative;font-style: normal; /* 238.462% */color: #303030;text-align: center;font-size: 6.28vw;font-weight: 700;letter-spacing: 0em;line-height: 2.38;}
#contents01 .inner-Box h3 {margin-bottom: 1.69vw;position: relative;color: #E96323;text-align: center;font-size: 3.86vw;font-weight: 500;letter-spacing: 0em;line-height: 2;}
#contents01 .inner-Box p.text {margin: 0 4.7vw 5vw;position: relative;color: #303030;font-size: 3.38vw;font-weight: 500;letter-spacing: 0em;line-height: 1.86;text-align: left;}
#contents01 .js-scrollable {margin: 0 0vw 0 3.2vw;}
#contents01 .js-scrollable div.hintb{width: 253.13vw;}
#contents01 .js-scrollable figure.flowimg {position: relative;top: 0;left: 0;margin-bottom: 10.39vw;}
#contents01 .js-scrollable figure.flowimg img{  }
#contents01 .js-scrollable ul.flowlist {display: flex;flex-wrap: wrap;gap: 3.4749%;padding-bottom: 15vw;padding-right: 5vw;}
#contents01 .js-scrollable ul li { position: relative; width: 31.0167%; box-sizing: border-box; border-radius: 2.42vw; border: 0.35vw solid #CFCCC4; background: #FFF; padding: 12.8vw 3.86vw 0.0vw; }

#contents01 .js-scrollable span.ttlicon {display: block;line-height: 1;position: absolute;top: -7.4vw;left: 50%;transform: translateX(-50%);width: 15.37vw;}
#contents01 .js-scrollable span.ttlicon img {width: 100%;}
#contents01 .js-scrollable h4 {margin-bottom: 2.17vw;position: relative;color: #443E3E;text-align: center;font-size: 3.86vw;font-weight: 700;letter-spacing: 0.13em;line-height: 1.5;}
#contents01 .js-scrollable p.ltext {margin-bottom: 5.8vw;position: relative;color: #000;font-size: 3.38vw;font-weight: 400;letter-spacing: 0.04em;line-height: 1.57;}
#contents01 .js-scrollable p.ltext span {font-weight: 700;}
#contents01 .js-scrollable p.cltext {position: absolute;border-radius: 2.42vw;border: 0.24vw solid #000;background: #FFE000;width: 87%;left: 50%;bottom: -13.6vw;transform: translateX(-50%);color: #443E3E;text-align: center;font-size: 3.86vw;font-weight: 700;letter-spacing: 0.13em;padding: 4.83vw 0;line-height: 1.5;}

#contents01 .js-scrollable ul li:nth-child(2) p.cltext { background: #90C320; color: #fff; }
#contents01 .js-scrollable ul li:nth-child(3) p.cltext { background: #5997D0; color: #fff; }

#contents01 .js-scrollable span.arr {display: block;line-height: 1;position: absolute;top: 17.39vw;right: -7.3vw;width: 5vw;}
#contents01 .js-scrollable span.arr img {width: 100%;}

#contents02 {margin: 0 6.3vw 20.99vw;position: relative;background: #fff;padding-bottom: 4.25vw;}
#contents02 h2 {text-align: center;position: relative;top: -7.7vw;margin: 0 8.5vw -1.45vw;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box {margin: 0 6vw;position: relative;}
#contents02 .inner-Box ul{}
#contents02 .inner-Box ul::before{content: "";display: block;width: 0.72vw;height: 82%;background: #52A136;position: absolute;top: 4.83vw;left: 3.74vw;}

#contents02 .inner-Box ul li {position: relative;padding: 0 1vw 0 13.45vw;margin-bottom: 12.26vw;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents02 .inner-Box p.notx {position: absolute;display: block;width: 8.24vw;height: 8.24vw;background: linear-gradient(180deg, #12A747 0%, #56BC31 100%);box-shadow: inset 0 0 0 0.18vw #FFF, 0 0.24vw 0.6vw rgba(0, 0, 0, 0.25);text-align: center;color: #fff;border-radius: 50%;padding: 1.02vw 0 0;top: 0vw;font-size: 3.1vw;left: 0;}
#contents02 .inner-Box p.notx span {  }
#contents02 .inner-Box h3 {margin-bottom: 2.11vw;position: relative;color: #443E3E;font-size: 4.35vw;font-weight: 700;letter-spacing: 0.13em;line-height: 1.53;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;margin-bottom: 2.4vw;right: 0;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.ltext {margin-bottom: 7.25vw;position: relative;color: #000;font-size: 3.86vw;font-weight: 400;letter-spacing: 0.04em;line-height: 1.5;}
#contents02 .inner-Box p.ltext span {font-weight: 700;}

#contents03 {margin: 0 6.3vw 14.39vw;position: relative;background: #fff;padding-bottom: 0;}
#contents03 h2 {text-align: center;position: relative;top: -7.7vw;margin: 0 8.5vw -1.45vw;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box {margin: 0 2.8vw;position: relative;}
#contents03 .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-bottom: 8.52vw;}
#contents03 .inner-Box ul li {position: relative;border-radius: 2.42vw;border: 0.35vw solid #CFCCC4;background: #FFF;margin: 0 0vw 4.75vw 0;padding: 10.49vw 4.45vw 7.25vw;}
#contents03 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents03 .inner-Box h3 {margin-bottom: 3.62vw;position: relative;color: #303030;text-align: center;font-size: 4.83vw;font-weight: 700;letter-spacing: 0.10em;line-height: 0.98;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.07vw;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.ltext {margin-bottom: 1.93vw;position: relative;color: #000;font-size: 3.38vw;font-weight: 400;letter-spacing: 0.04em;line-height: 1.57;}
#contents03 .inner-Box h4 {margin-bottom: 1vw;position: relative;color: #303030;text-align: center;font-size: 4.83vw;font-weight: 500;letter-spacing: 0em;line-height: 1.7;}
#contents03 .inner-Box figure.img {position: relative;bottom: 0;margin: 0vw 27vw 0 32.2vw;}
#contents03 .inner-Box figure.img img{  }

#contents04 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box {margin: 0 5vw;position: relative;text-align: center;}
#contents04 .inner-Box h2 {margin-bottom: 4.82vw;position: relative;color: #52A136;text-align: center;font-size: 4.83vw;font-weight: 700;letter-spacing: 0.20em;line-height: 1.7;}
#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.35vw;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.text {position: relative;color: #303030;text-align: center;font-size: 3.86vw;font-weight: 500;letter-spacing: 0em;line-height: 1.75;}



.form-Box_bg_wap .fmicon{display: block;margin: 0 auto 6.19vw;text-align: center;width: 15.1vw;}

}