@charset "UTF-8";body.technology{background:#fff}body.technology #loader{top:0}body.technology #fv{position:relative}body.technology #fv .base{line-height:0}body.technology #fv .inner{position:relative;z-index:2}body.technology #fv .inner .area .r{width:30%;float:left}body.technology #fv .inner .area .c{width:37%;float:left;position:relative}body.technology #fv .inner .area .c img{position:relative;z-index:1}body.technology #fv .inner .area .c .shine{position:absolute;top:0;left:0;z-index:2}body.technology #fv .inner .area .l{width:33%;float:left}body.technology #fv .inner .area .l img{float:left}body.technology .box{width:84%;margin:8%}body.technology .box h3{line-height:0}body.technology .box .area{background:#fff;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 7%}body.technology .box .area .figure{line-height:0}body.technology #intro{background:#f1f1f1;float:left;width:100%}body.technology #intro .box{margin:8% 8% 6% 8%}body.technology #intro .box .area{margin:0 0 6% 0}body.technology #intro .figure{margin:0 0 12% 0;position:relative}body.technology #intro .figure .over{position:absolute;top:0;left:0;width:100%}body.technology #intro .figure .damage{width:8%;position:absolute}body.technology #intro .figure .damage .inner{width:100%;position:relative}body.technology #intro .figure .damage .inner img{position:relative}body.technology #intro .figure .damage .inner img.d_bg,body.technology #intro .figure .damage .inner img.d_ten{position:absolute;top:0;left:0}body.technology #intro .figure.figure1 .damage1{top:37%;left:58%}body.technology #intro .figure.figure1 .damage2{top:51%;left:37%}body.technology #intro .figure.figure2 .damage{width:10%}body.technology #intro .figure.figure2 .damage1{top:50%;left:58%}body.technology #intro .figure.figure2 .damage2{top:64%;left:30%}body.technology #detail{width:84%;margin:8%;float:left}body.technology #detail h3{line-height:0}body.technology #detail ul li{margin:0 0 2% 0}body.technology #detail ul li a{line-height:0}body.technology .point{float:left;margin:0 0 12% 0}body.technology .point h3{line-height:0}body.technology .point .desc{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;width:84%;margin:8%;float:left}body.technology .point .desc h4{font-size:1.2em;color:#d7063b;text-align:center;margin:0 0 1em 0;line-height:1.4em;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif}body.technology .point .desc p{font-size:0.9em;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif}body.technology .point .check{width:100%;float:left;position:relative;margin:0 0 3% 0}body.technology .point .figure{float:left;position:relative}body.technology .point#point1 .figure{position:relative;line-height:0}body.technology .point#point1 .figure .arr{position:absolute;width:21.7%;line-height:0}body.technology .point#point1 .figure .arr{position:absolute;width:21.7%;line-height:0;top:6.5%;left:9.5%}body.technology .point#point1 .figure .damage{width:5%;position:absolute;line-height:0}body.technology .point#point1 .figure .damage.damage1{top:28.5%;left:7%}body.technology .point#point1 .figure .damage.damage2{top:26%;left:32%}body.technology .point#point1 .figure .damage.damage3{top:33%;left:36%}body.technology .point#point1 .figure .damage.damage4{top:32%;left:15.5%}body.technology .point#point1 .figure .damage.damage5{top:38.5%;left:11%}body.technology .point#point1 .figure .damage.damage6{top:51.5%;left:13%;top:56%;left:13%}body.technology .point#point1 .figure .damage.damage7{top:49%;left:28%}body.technology .point#point1 .figure .damage.damage8{top:58.5%;left:21%}body.technology .point#point1 .figure .name1{position:absolute;width:24.4%;top:41%;left:13.5%}body.technology .point#point1 .figure .kusumi{position:absolute;width:46.5%;top:80%;left:1%}body.technology .point#point1 .figure .skin{position:absolute;line-height:0;width:34.8%;top:47.5%;left:6.7%}body.technology .point#point1 .figure .skin .inner{width:100%;margin:0}body.technology .point#point1 .figure .skin .skin2{position:absolute;top:0;left:0}body.technology .point#point1 .figure .skin .name2{position:absolute;width:47.1%;z-index:10;top:56%;left:29%}body.technology .point#point1 .figure .step1{position:absolute;line-height:0;top:29%;width:47.4%;left:47%}body.technology .point#point1 .figure .step2{position:absolute;line-height:0;top:48.5%;width:47.4%;left:47%}body.technology .point#point1 .figure .step3{position:absolute;line-height:0;top:74.5%;width:47.4%;left:47%}body.technology .point#point2{margin:0}body.technology .point#point2 .desc p{margin:0 0 8% 0}body.technology .point#point2 .area .figure{margin:0 0 8% 0}body.technology .point#point2 .area .copy{margin:8% 0 0 0}body.technology .point#point2 .area .cir{text-align:center;position:relative;margin:17% 0 12% 0}body.technology .point#point2 .area .cir .base{position:relative}body.technology .point#point2 .area .cir .circle{width:47.3%;position:absolute;left:28%;top:-26%}body.technology .point#point2 .area p.txt{font-size:0.7em;text-align:left}body.technology .point#point2 .notice_2{float:left;width:100%;padding:0 0 5% 8%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.technology .point#point3{margin:0}body.technology .point#point3 .desc p{margin:0 0 8% 0}body.technology .point#point3 .area{padding:7% 7% 0 7%}body.technology .point#point3 .figure{text-align:center;width:100%;margin:0;position:relative}body.technology .point#point3 .figure .cap{width:33%;display:inline-block;position:relative;line-height:0}body.technology .point#point3 .figure .ama{position:absolute;width:13.1%;top:29%;left:31%}body.technology .point#point3 .figure .fe{position:absolute;width:6%;top:47%;left:61%}body.technology .point#point3 .figure .name{position:absolute;width:35%;top:73%;left:62%}body.technology .point#point3 p{float:left}body.technology .point#point3 p.copy4{margin:0 0 8% 0}body.technology .point .gray{background:#f1f1f1;float:left}body.technology .notice{background:#f1f1f1}body.technology .notice p{color:#9c9b9b;margin:0 4% 8% 4%}body.technology .bg{width:100%;height:100%;overflow:hidden;float:left;position:fixed;z-index:1;top:0;left:0}body.technology .bg .img{width:100%;float:left;position:absolute;top:0;left:0}body.technology .bg .img img{position:absolute;top:0;left:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}body.technology .bg .img img.s1{z-index:2}body.technology .bg .img img.s2{z-index:3}body.technology .bg .img img.s3{z-index:4}body.technology .bg .img img.s4{z-index:5}body.technology .bg .img img.s5{z-index:6}body.technology .bg .img img.base{z-index:1;position:relative}