.tf-intro{height:480px;margin-top:50px}.tf-intro>img{width:101.59%;max-width:none;height:155.21%;position:absolute;top:-34.17%;left:-.28%}.tf-intro:after{content:"";background:#0006;position:absolute;inset:0}.tf-intro p{z-index:1;text-align:center;letter-spacing:-.02em;color:#fff;justify-content:center;align-items:center;padding:0 20px;font-size:43px;font-weight:700;line-height:1.3;display:flex;position:absolute;inset:0}.tf-band{background:#fbfbfb;padding-block:150px}.tf-band .sb-spec,.tf-band+.sb-sec .sb-spec{margin-top:50px}.tf-block{margin-top:110px}.tf-block h4{margin:0}.tf-panel{background:#f0f3fa;border-radius:28px;margin-top:30px}.tf-dim{padding:102px 100px 102px 105px}.tf-tabs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tf-tabs button{border:1px solid var(--sg-line);letter-spacing:-.02em;color:var(--sg-text);transition:background-color .4s var(--mo-ease),border-color .4s var(--mo-ease),color .4s var(--mo-ease);background:0 0;border-radius:41px;padding:10px 20px;font-size:17px;line-height:1.4}.tf-tabs button:hover{border-color:var(--sg-blue);color:var(--sg-blue)}.tf-tabs button.is-active{background:var(--sg-blue);border-color:var(--sg-blue);color:#fff}.tf-dim__unit{text-align:right;color:#888;margin-top:12px;font-size:15px}.tf-dim__body{grid-template-columns:700fr 780fr;align-items:start;gap:75px;margin-top:50px;display:grid}.tf-dim__img{width:100%;height:auto}.tf-dim__info{padding-top:11px}.tf-dim__info h4{letter-spacing:-.02em;color:var(--sg-black);font-size:35px;font-weight:700;line-height:1.4}.tf-dim__table{border-collapse:collapse;border-bottom:1px solid var(--sg-line);table-layout:fixed;width:100%;margin-top:25px}.tf-dim__table th{letter-spacing:-.02em;color:#fff;text-align:center;background:#323232;height:60px;font-size:20px;font-weight:600;line-height:1.4}.tf-dim__table th:first-child{width:430px}.tf-dim__table th+th{border-left:1px solid #e3e3e36e}.tf-dim__table td{border-top:1px solid var(--sg-line);letter-spacing:-.02em;height:55px;color:var(--sg-text);text-align:center;font-size:18px;line-height:1.4}.tf-dim__table td[rowspan]{width:90px}.tf-dim__table td+td{border-left:1px solid var(--sg-line)}.tf-install{padding:96px 160px}.tf-install__h{color:var(--sg-black);font-size:30px;font-weight:700;line-height:1.4}.tf-steps+.tf-install__h{margin-top:120px}.tf-install__h+.tf-steps,.tf-install__h+.tf-joint{margin-top:40px}.tf-steps{grid-template-columns:repeat(3,1fr);gap:0 83px;display:grid}.tf-steps+.tf-steps{margin-top:50px}.tf-step__img{position:relative}.tf-step__img>img:first-child{width:100%;height:auto;display:block}.tf-step__img>span{color:#b2b2b2;font-size:15px;font-weight:700;line-height:1.3;position:absolute;top:20px;left:20px}.tf-step__arrow{width:43px;height:43px;position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%)}.tf-step p{letter-spacing:-.02em;color:var(--sg-text);margin-top:25px;font-size:18px;line-height:1.45}.tf-joint{grid-template-columns:720fr 700fr;max-width:1420px;display:grid}.tf-joint>img{width:100%;height:auto}.tf-joint__box{background:var(--sg-blue);color:#fff;border-radius:0 10px 10px 0;flex-direction:column;justify-content:center;padding:0 40px 0 80px;display:flex}.tf-joint__box strong{letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.45}.tf-joint__box p{letter-spacing:-.02em;margin-top:7px;font-size:20px;line-height:1.45}.tf-caution{margin-top:35px}.tf-caution strong{letter-spacing:-.02em;color:var(--sg-blue);font-size:20px;font-weight:600;line-height:1.45}.tf-caution ul{letter-spacing:-.02em;color:var(--sg-text);margin-top:10px;font-size:18px;line-height:1.5}.tf-sec{padding:2.84091% 0 55px}.tf-sec__row{align-items:flex-start;display:flex}.tf-sec__item{margin:0}.tf-sec__item--1{width:28.4091%;margin-left:10.2273%}.tf-sec__item--2{width:48.0114%;margin-left:4.26136%}.tf-sec__item--3{width:83.2386%;margin:25px 0 0 7.67045%}.tf-sec figcaption{text-align:center;letter-spacing:-.02em;color:#002683;margin-top:24px;font-size:18px;font-weight:500;line-height:1.4}.tf-sec figcaption span{display:block}.tf-sec figcaption span+span{margin-top:5px}.tf-sec__item--1 figcaption{padding:0 .6% 0 19.4%}.tf-sec__item--2 figcaption{padding:0 .591716% 0 11.8343%}.tf-sec__item--3 figcaption{margin-top:-7px;padding:0 .341297% 0 6.82594%}@media (max-width:1600px){.tf-dim{padding:80px 60px}.tf-dim__table th:first-child{width:55%}.tf-install{padding:80px}.tf-steps{gap:0 60px}.tf-step__arrow{width:43px;left:calc(100% + 8px)}}@media (max-width:1024px){.tf-intro{height:320px}.tf-intro p{font-size:28px}.tf-band{padding-block:90px}.tf-block{margin-top:70px}.tf-dim{padding:50px 24px}.tf-dim__body{grid-template-columns:1fr;gap:30px}.tf-install{padding:50px 24px}.tf-steps{grid-template-columns:1fr 1fr;gap:30px 24px}.tf-steps+.tf-steps{margin-top:30px}.tf-step__arrow{display:none}.tf-steps+.tf-install__h{margin-top:70px}.tf-joint{grid-template-columns:1fr}.tf-joint__box{border-radius:0 0 10px 10px;padding:30px}.tf-sec figcaption,.tf-sec__item--3 figcaption{margin-top:12px;font-size:15px}}@media (max-width:767px){.tf-intro p{font-size:20px}.tf-intro p br{display:none}.tf-dim__info h4{font-size:26px}.tf-dim__table th{font-size:16px}.tf-dim__table td{font-size:15px}.tf-dim__table td[rowspan]{width:50px}.tf-install__h{font-size:22px}.tf-steps{grid-template-columns:1fr}.tf-step p{font-size:16px}.tf-step p br{display:none}.tf-joint__box strong{font-size:22px}.tf-joint__box p{font-size:16px}.tf-caution ul{font-size:15px}.tf-sec{padding:16px 16px 24px}.tf-sec__row{display:block}.tf-sec__item--1,.tf-sec__item--2,.tf-sec__item--3{width:100%;margin:0}.tf-sec__item+.tf-sec__item,.tf-sec__row+.tf-sec__item{margin-top:28px}.tf-sec figcaption,.tf-sec__item--3 figcaption{margin-top:10px}}