.lcl-section{margin-bottom:100px;overflow:hidden}@media screen and (max-width: 767px){.lcl-section{width:100%;margin-bottom:13.3333333333vw}}.lcl-section .lcl-section__cnt{width:1000px;margin:0 auto}@media screen and (max-width: 767px){.lcl-section .lcl-section__cnt{width:100%;padding:0 4vw}}.lcl-ttl{width:1000px;font-size:2.5rem;line-height:1.5;letter-spacing:.1em;font-weight:bold;margin:40px auto;padding:10px 30px;color:#333;background:#edeade;border-radius:5px}@media screen and (max-width: 767px){.lcl-ttl{border-radius:0;width:100%;font-size:1.8rem;line-height:1.7;letter-spacing:.1em;margin:4vw auto;padding:1.3333333333vw 4vw}}.lcl-txt{width:1000px;margin:30px auto 50px;padding:15px 20px 10px;border:1px solid #999;background:#fff;border-radius:5px;position:relative}@media screen and (max-width: 767px){.lcl-txt{width:auto;padding:4vw;margin:8vw 4vw 10.6666666667vw;border-radius:1.3333333333vw}}.lcl-txt::before{content:"補足説明";font-size:1.2rem;line-height:1;border:1px solid #999;height:20px;width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;position:absolute;left:15px;top:-10px}@media screen and (max-width: 767px){.lcl-txt::before{height:5.3333333333vw;width:21.3333333333vw;left:4vw;top:-2.6666666667vw}}.lcl-line{font-weight:bold;display:inline-block;background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(254, 182, 69, 0)), color-stop(60%, rgb(241, 231, 103)), to(rgb(241, 231, 103)));background:linear-gradient(to bottom, rgba(254, 182, 69, 0) 60%, rgb(241, 231, 103) 60%, rgb(241, 231, 103) 100%)}.lcl-btn01{width:300px}@media screen and (max-width: 767px){.lcl-btn01{width:64vw}}.lcl-code{padding:20px 30px;display:block;background:#333;color:#fff}@media screen and (max-width: 767px){.lcl-code{padding:2.6666666667vw 4vw}}.lcl-hover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:400px;height:50px;border:1px solid #000;-webkit-transition:all .25s ease;transition:all .25s ease;cursor:help}@media screen and (max-width: 767px){.lcl-hover{width:100%;height:13.3333333333vw}}@media(hover: hover){.lcl-hover:hover{background:#000;color:#fff}}@media screen and (min-width: 768px)and (-ms-high-contrast: none),screen and (min-width: 768px)and (-ms-high-contrast: active){.lcl-hover:hover{background:#000;color:#fff}}.lcl-fadearea{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lcl-fade{width:calc((100% - 50px)/5);height:200px;font-size:2rem;line-height:1.6;background:#333;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 10px 10px 0;text-align:center;padding:10px}.lcl-fade:nth-child(5n){margin-right:0}@media screen and (max-width: 767px){.lcl-fade{width:100%;height:40vw;margin-right:0;margin-bottom:4vw}}.icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.5%;width:100%}.icons .icons__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;width:18%;border:1px solid #999;cursor:pointer}.icons .icons__item:nth-of-type(n + 6){margin-top:2%}.icons .icons__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;padding:40px 10%;background-color:rgba(238,238,238,.4)}.icons .icons__box .ico_svg{margin:0 auto}.icons .icons__box img{display:block;width:50%;margin:0 auto}.icons .icons__box .icons__box{display:block;width:50%;margin:0 auto}.icons .icons__txt{padding:5px 0;border-top:1px solid #ccc;text-align:center}.icons .icons__toast{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;top:20%;left:0;right:0;margin:auto;text-align:center;width:50%;height:40px;font-size:1.6rem;font-weight:700;color:#fff;border-radius:100vw;background-color:rgba(0,0,0,.7);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;pointer-events:none}.icons .icons__toast.icons__toast--done{opacity:1}.clipboard{position:relative;cursor:copy}@media(hover: hover){.clipboard:hover::before{opacity:1}}@media screen and (min-width: 768px)and (-ms-high-contrast: none),screen and (min-width: 768px)and (-ms-high-contrast: active){.clipboard:hover::before{opacity:1}}.clipboard.clipboard--copied::after{opacity:1}.clipboard::before{content:"";position:absolute;top:0;right:50px;width:24px;height:24px;background:url(../../common/img/svg/ioc_clipboard.svg) center/contain no-repeat;opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.clipboard::after{content:"コピー！";position:absolute;top:0;right:0;font-size:1rem;line-height:1.8;text-align:center;opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}