.installation-record{background-color:#14202c;padding:50px 0}.installation-record .title{font-size:18px;font-size:1.8rem;text-align:center;color:#fff;letter-spacing:.1em;margin-bottom:35px}.installation-record .switch-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;height:50px;border-radius:25px}.installation-record .switch-group .btn-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%;cursor:pointer;font-size:12px;font-size:1.2rem;z-index:+1;-webkit-transition:color .2s;transition:color .2s}.installation-record .switch-group .btn-switch:before{content:"";height:50px;background-repeat:no-repeat;background-position:center;margin-right:10px}.installation-record .switch-group .btn-switch[data-switch='pc']:before{width:21px;background-image:url(../images/icon/icon_pc_blue.svg);background-size:21px 15px}.installation-record .switch-group .btn-switch[data-switch='sp']:before{width:9px;background-image:url(../images/icon/icon_sp_blue.svg);background-size:9px 15px}.installation-record .switch-group.js-active-pc [data-switch='pc']{color:#fff}.installation-record .switch-group.js-active-pc [data-switch='pc']:before{background-image:url(../images/icon/icon_pc_white.svg)}.installation-record .switch-group.js-active-pc:before{left:0}.installation-record .switch-group.js-active-sp [data-switch='sp']{color:#fff}.installation-record .switch-group.js-active-sp [data-switch='sp']:before{background-image:url(../images/icon/icon_sp_white.svg)}.installation-record .switch-group.js-active-sp:before{left:calc(50% - 5px)}.installation-record .switch-group:before{content:"";position:absolute;top:0;left:0;display:block;width:calc(50% + 5px);height:100%;background-color:#14202c;border:5px solid #fff;border-radius:25px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:left .2s;transition:left .2s}.installation-record .graph-area{margin-top:35px}.installation-record .graph-area .graph-inner{display:none;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:calc(100% + 30px);margin-left:-30px}.installation-record .graph-area .graph-inner.js-active-graph{display:-webkit-box;display:-ms-flexbox;display:flex}.installation-record .graph-area .graph-inner .vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;height:176px}.installation-record .graph-area .graph-inner .vertical div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.installation-record .graph-area .graph-inner .vertical div span{font-size:8px;font-size:.8rem;color:#b2b2b2}.installation-record .graph-area .graph-inner .graph{position:relative;width:calc(100% - 60px);height:176px;background-color:#fff}.installation-record .graph-area .graph-inner .graph .graph-line{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.installation-record .graph-area .graph-inner .graph .graph-line div{height:calc(176px / 8);width:100%;border-bottom:1px solid #e1e3e5;-webkit-box-sizing:border-box;box-sizing:border-box}.installation-record .graph-area .graph-inner .graph .graph-line div:nth-last-of-type(1){border:none}.installation-record .graph-area .graph-inner .graph .parts-bar{position:absolute;top:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:176px}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit p{color:#0080a2;font-size:8px;font-size:.8rem;line-height:1;margin-bottom:5px;opacity:0}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit span{position:relative;display:block;background-color:#0080a2;height:0;width:15px}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit span:before{content:"";position:absolute;top:0;right:-5px;display:block;width:0;height:0;border-style:solid;border-width:5px 0 0 5px;border-color:transparent transparent transparent rgba(0,128,162,0.6)}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit span:after{content:"";position:absolute;top:5px;right:-5px;display:block;width:5px;height:100%;background-color:rgba(0,128,162,0.6)}.installation-record .graph-area .graph-inner .horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:calc(100% - 60px);margin:5px 0 0 auto}.installation-record .graph-area .graph-inner .horizontal span{font-size:8px;font-size:.8rem;color:#b2b2b2}.installation-record .note{font-size:12px;font-size:1.2rem;line-height:1.75;letter-spacing:0.05em;color:#fff;margin-top:35px}@media all and (min-width: 769px){.installation-record{padding:150px 0}.installation-record .title{font-size:30px;font-size:3rem;margin-bottom:90px}.installation-record .switch-group{width:84%;height:80px;border-radius:40px;margin:0 auto}.installation-record .switch-group .btn-switch{font-size:16px;font-size:1.6rem}.installation-record .switch-group .btn-switch:before{height:80px;margin-right:15px}.installation-record .switch-group .btn-switch[data-switch='pc']:before{width:42px;background-size:42px 30px}.installation-record .switch-group .btn-switch[data-switch='sp']:before{width:18px;background-size:18px 30px}.installation-record .switch-group.js-active-sp:before{left:calc(50% - 10px)}.installation-record .switch-group:before{width:calc(50% + 10px);border-width:10px;border-radius:40px}.installation-record .graph-area{margin-top:100px}.installation-record .graph-area .graph-inner{width:calc(100% + 60px);margin-left:-60px}.installation-record .graph-area .graph-inner .vertical{height:504px}.installation-record .graph-area .graph-inner .vertical div span{font-size:12px;font-size:1.2rem}.installation-record .graph-area .graph-inner .graph{height:504px}.installation-record .graph-area .graph-inner .graph .graph-line div{height:calc(504px / 8)}.installation-record .graph-area .graph-inner .graph .parts-bar{padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit{height:504px}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit p{font-size:16px;font-size:1.6rem;margin-bottom:20px}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit span{width:44px;margin-left:-15px}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit span:before{right:-15px;border-width:15px 0 0 15px}.installation-record .graph-area .graph-inner .graph .parts-bar .parts-bar-unit span:after{top:15px;right:-15px;width:15px}.installation-record .graph-area .graph-inner .horizontal{width:calc(100% - 140px);padding:0 40px;margin-top:15px}.installation-record .graph-area .graph-inner .horizontal span{font-size:14px;font-size:1.4rem}.installation-record .note{font-size:16px;font-size:1.6rem;line-height:2.11;margin-top:80px}}