.home-example{margin:0 auto 100px;max-width:1200px;padding:0 40px}.home-example .example-main{align-items:center;display:flex;justify-content:space-between}.home-example a.example-main{color:#333;text-decoration:none}.home-example .example-main .img{border:1px solid #c3c3c3;overflow:hidden;width:48.5%}.home-example a.example-main .img img{transition:all .5s ease-out 0s}.home-example a.example-main:hover .img img{transform:scale(1.2)}.home-example .example-main .txt{width:48.5%}.home-example .example-main .txt .homettl03{color:#333;font-size:1.563rem;margin-bottom:25px}.home-example .example-main .txt .point-list{display:flex;justify-content:space-between;margin-top:25px}.home-example .example-main .txt .point-list .point-item{background-color:#003c83;border-radius:10px;padding:15px 0;text-align:center;width:31.4%}.home-example .example-main .txt .point-list .point-item .ttl{color:#fff;font-size:.813rem;font-weight:700}.home-example .example-main .txt .point-list .point-item .point{color:#ff0;font-weight:700;line-height:1.3}.home-example .example-sub{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:45px}.home-example .example-sub .example-item{display:block;margin-bottom:20px;text-decoration:none;width:31.4%}.home-example .example-sub .example-item .img{border:1px solid #c3c3c3;overflow:hidden}.home-example .example-sub .example-item .img .img-item{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;transition:all .5s ease-out 0s}.home-example .example-sub .example-item .img .img-item:before{content:"";display:block;padding-top:66.8%;width:100%}.home-example .example-sub .example-item .txt{color:#000;font-size:1.125rem;font-weight:700;line-height:1.5;margin-top:15px}.home-example .example-sub .example-item:hover .img .img-item{transform:scale(1.2)}.home-example .example-sub .example-item:hover .txt{text-decoration:underline}.home-example .gray-box{border:1px solid #dedede;margin:65px 0 0;padding:40px 30px 30px;position:relative}.home-example .gray-box .ttl_wrap{left:20px;position:absolute;top:-20px}.home-example .gray-box .ttl_wrap:after{background-color:#fff;content:"";height:5px;left:0;position:absolute;top:17px;width:100%;z-index:2}.home-example .gray-box .ttl_wrap .ttl{font-size:1.125rem;font-weight:700;margin-bottom:0;padding:0 10px;position:relative;z-index:5}.home-example .gray-box .txt{font-size:1.125rem;font-weight:500}.home-example .gray-box .list-box{display:flex;margin-top:20px}.home-example .gray-box .list-box .list{margin:0;padding:0;width:50%}.home-example .gray-box .list-box .list li{line-height:1.8;list-style:none}.home-example .btn-blue{margin:40px 0 0}.home-example .btn-blue a{background-color:#003c83;display:block;margin:0 auto;max-width:100%;padding:18px 10px;text-align:center;text-decoration:none;width:280px}.home-example .btn-blue a span{background:url(https://20502561.fs1.hubspotusercontent-na1.net/hubfs/20502561/marketing2024/common/arrow-white.svg) no-repeat 0;background-size:6.26px 12.52px;color:#fff;padding-left:15px}.home-example .btn-blue a:hover{background-color:#0068b2}@media screen and (max-width:1024px){.home-example{margin-bottom:60px;padding:0 80px}.home-example .example-main{display:block}.home-example .example-main .img{margin:0 auto 30px;max-width:452px;width:100%}.home-example .example-main .txt{width:100%}.home-example .example-main .txt .homettl03{font-size:1.125rem;margin-bottom:15px}.home-example .example-sub{margin-top:65px}.home-example .example-sub .example-item{width:46.7%}.home-example .gray-box{margin-top:30px;padding:30px 20px 20px}.home-example .gray-box .ttl_wrap{left:10px}.home-example .gray-box .list-box{display:block}.home-example .gray-box .list-box .list{width:100%}.home-example .btn-blue{margin:25px 0 0}}@media screen and (max-width:767px){.home-example{padding:0 15px}.home-example .example-main .txt .point-list{display:block}.home-example .example-main .txt .point-list .point-item{align-items:center;display:flex;justify-content:center;margin:0 auto 5px;max-width:274px;padding:8px 0;width:100%}.home-example .example-main .txt .point-list .point-item .ttl{margin-right:10px}.home-example .example-sub{display:block;margin-top:40px}.home-example .example-sub .example-item{margin-bottom:30px;width:100%}.home-example .gray-box{margin-top:50px}.home-example .btn-blue{margin-top:25px}}