.l-main .p-topSec01{background-image:url(//46818616.fs1.hubspotusercontent-na1.net/hubfs/46818616/raw_assets/public/theme-iij-stright/templates/images/top/kv_bg_pc01.png);background-size:cover;padding:3em 2em}@media screen and (max-width:750px){.l-main .p-topSec01{background-image:url(//46818616.fs1.hubspotusercontent-na1.net/hubfs/46818616/raw_assets/public/theme-iij-stright/templates/images/top/kv_bg_sp.png);padding:1em 1em 2em}}.l-main .p-topSec01:after,.l-main .p-topSec01:before{content:none}.l-main .p-topSec01__inner{align-items:center;display:flex;gap:1em;justify-content:center;max-width:1000px;width:100%}@media screen and (max-width:750px){.l-main .p-topSec01__inner{flex-direction:column;padding-bottom:175px}}.l-main .topSec01__text{width:auto}.l-main .topSec01__text .balloon1{background-color:#fff;color:#d7063a}.l-main .topSec01__text .balloon1:before{border-top:10px solid #fff}.l-main .topSec01__text .p-topSec01__ttl{color:#fff}.l-main .topSec01__text .p-topSec01__ttlSpan01{color:#fff9b1;text-decoration-color:hsla(0,0%,100%,.49)}.l-main .topSec01__text .topbtn{margin-top:2em}@media screen and (max-width:750px){.l-main .topSec01__text .topbtn{margin-bottom:1em}}.l-main .topSec01__text .m-btn01{background-color:#fff;color:var(--color_main);font-size:clamp(9.8828696925px,1.4641288433vw,20px);width:clamp(215.2269399707px,27.0863836018vw,370px)}@media screen and (max-width:750px){.l-main .topSec01__text .m-btn01{font-size:3.7333333333vw;width:100%}}.l-main .topSec01__text .m-btn01 .m-btn01__icon{background-color:var(--color_main)}.l-main .topSec01__text .m-btn01 .m-btn01__icon:after{background-color:#fff}.l-main .p-topSec01__list{gap:0;grid-template-columns:1fr;justify-items:stretch;position:static;transform:none;width:52%}@media screen and (max-width:1000px){.l-main .p-topSec01__list{width:50%}}@media screen and (max-width:750px){.l-main .p-topSec01__list{width:100%}}.l-main .p-topSec01__item{align-items:center;display:flex;gap:30px}@media screen and (max-width:750px){.l-main .p-topSec01__item{width:100%}.l-main .p-topSec01__item.-left{justify-self:left}.l-main .p-topSec01__item.-left .p-topSec01__img01{margin-left:0}.l-main .p-topSec01__item.-left .p-topSec01__txtbox{box-shadow:-6px -6px 10px rgba(0,0,0,.2);left:44%;right:0}}.l-main .p-topSec01__item.-left .p-topSec01__txtbox:before{left:-7%;top:50%;transform:translateY(-50%)}@media screen and (max-width:750px){.l-main .p-topSec01__item.-left .p-topSec01__txtbox:before{left:-4%}}.l-main .p-topSec01__item.-right{flex-direction:row-reverse}@media screen and (max-width:750px){.l-main .p-topSec01__item.-right{justify-self:right}.l-main .p-topSec01__item.-right .p-topSec01__txtbox{left:0;right:44%}}.l-main .p-topSec01__item.-right .p-topSec01__txtbox:before{left:auto;right:-7%;top:50%;transform:translateY(-50%) scaleX(-1)}@media screen and (max-width:750px){.l-main .p-topSec01__item.-right .p-topSec01__txtbox:before{right:-4%}}.l-main .p-topSec01__item .p-topSec01__txtbox{background-color:#fff;border:none;border-radius:10px;height:clamp(54.9048316252px,7.3206442167vw,100px);padding:0 10px;width:clamp(186.6764275256px,24.8901903367vw,340px)}@media screen and (max-width:750px){.l-main .p-topSec01__item .p-topSec01__txtbox{height:20vw;width:50vw}}.l-main .p-topSec01__item .p-topSec01__txtbox:before{background-image:url(//46818616.fs1.hubspotusercontent-na1.net/hubfs/46818616/raw_assets/public/theme-iij-stright/templates/images/top/comment_fukidashi_parts.png);height:clamp(13.17715959px,1.756954612vw,24px);width:clamp(16.4714494876px,2.196193265vw,30px)}.l-main .p-topSec01__item .p-topSec01__txt02{font-size:clamp(10.980966325px,1.4641288433vw,20px)}@media screen and (max-width:750px){.l-main .p-topSec01__item .p-topSec01__txt02{font-size:3.7333333333vw}}.l-main .p-topSec01__item .p-topSec01__img01{margin:0;width:30%;will-change:filter}@media screen and (max-width:750px){.l-main .p-topSec01__item .p-topSec01__img01{width:42.6666666667vw}}.l-main .chara{bottom:-25%;display:block;position:absolute;right:-28%;width:clamp(130px,16.3vw,180px);z-index:99}@media screen and (min-width:1300px){.l-main .chara{right:-32%}}@media screen and (max-width:1200px){.l-main .chara{right:-22%}}@media screen and (max-width:1100px){.l-main .chara{right:-20%}}@media screen and (max-width:850px){.l-main .chara{bottom:-38%}}@media screen and (max-width:750px){.l-main .chara{left:0;text-align:center;top:100%;width:100%}}.index_pattern{display:flex;flex-wrap:wrap;margin:70px auto 0;width:clamp(592.972181552px,79.0629575403vw,1080px)}@media screen and (max-width:750px){.index_pattern{margin-top:40px;width:86.6666666667vw}}.index_pattern .pattern_text{font-size:clamp(13.17715959px,1.756954612vw,24px);font-weight:700;margin-bottom:1.5em;text-align:center;width:100%}.index_pattern .pattern_text__ttl01{color:var(--color_main);font-size:clamp(21.9619326501px,2.9282576867vw,40px);font-weight:900;letter-spacing:.1em;line-height:1.4;margin-bottom:.5em;text-align:center}.index_pattern .pattern_example{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;text-align:center}.index_pattern .pattern_example .pattern_example__txt{margin-bottom:.5em;width:100%}.index_pattern .pattern_example a{display:inline-block;font-size:clamp(12.8828696925px,1.317715959vw,13px);margin-top:5px;text-decoration:underline}.index_pattern .pattern_example .pattern_example__txt .lead{background-color:#000;border-radius:5px;color:#fff;display:inline-block;font-size:clamp(10.980966325px,1.4641288433vw,20px);padding:.3em 1em}@media screen and (max-width:750px){.index_pattern .pattern_example .pattern_example__txt .lead{font-size:clamp(13.17715959px,1.756954612vw,24px)}}.index_pattern .example{width:calc(33.33333% - 13.33333px)}@media screen and (max-width:750px){.index_pattern .example{width:100%}}.index_pattern .example .example_txt{color:var(--color_main);font-size:clamp(15.8828696925px,1.317715959vw,18px);font-weight:700;margin-top:.75em}@media screen and (max-width:750px){.index_pattern .example .example_txt{font-size:clamp(14.17715959px,1.756954612vw,24px)}.index_pattern .pattern_example a{font-size:clamp(12.17715959px,1.756954612vw,18px)}.index_pattern .pattern_example img{padding:0 30px}}