.m-sketch-plan{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.m-sketch-plan a{text-decoration:none}@media screen and (max-width:768px){.m-sketch-plan{display:block;padding:0}}.m-sketch-plan .plan{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.m-sketch-plan .plan:nth-child(n+2){margin-left:12px}@media screen and (max-width:768px){.m-sketch-plan .plan:nth-child(n+2){margin:48px 0 0}}.m-sketch-plan .plan.-blue .plan-name span{background:#47afd7}.m-sketch-plan .plan.-blue .grade-title{background:linear-gradient(135deg,#b7e2f2 20%,#fff)}.m-sketch-plan .plan.-blue .line-bg div{background-color:#dee7f4}.m-sketch-plan .plan.-red .plan-name span{background:#f77d7c}.m-sketch-plan .plan.-red .grade-title{background:linear-gradient(135deg,#fdb5b4 -10%,#fff)}.m-sketch-plan .plan.-red .line-bg div{background-color:#f7e9e9}@media screen and (min-width:769px){.m-sketch-plan .plan.-col2{width:calc(39.26% + 2px)}}.m-sketch-plan .plan.-col2 .grade-title{margin:0 1px;width:calc(50% - 2px)}.m-sketch-plan .plan.-col2 .function.-col1{width:calc(50% - 16px)}.m-sketch-plan .plan.-col2 .function.-col2{width:100%}@media screen and (max-width:767px){.m-sketch-plan .plan.-col2 .function.-col1{width:calc(50% - 8px)}}@media screen and (min-width:769px){.m-sketch-plan .plan.-col3{width:calc(58.89% + 4px)}}.m-sketch-plan .plan.-col3 .grade-title{margin:0 1px;width:calc(33.33% - 2px)}.m-sketch-plan .plan.-col3 .function.-col1{width:calc(33.33333% - 21px)}@media screen and (max-width:768px){.m-sketch-plan .plan.-col3 .function.-col1{width:calc(33.33333% - 10px)}}.m-sketch-plan .plan.-col3 .function.-col2{width:calc(66.66667% - 11px)}@media screen and (max-width:768px){.m-sketch-plan .plan.-col3 .function.-col2{width:calc(66.66667% - 4px)}}.m-sketch-plan .plan.-col3 .function.-col3{width:100%}@media screen and (max-width:767px){.m-sketch-plan .plan.-col3 .functions,.m-sketch-plan .plan.-col3 .grade,.m-sketch-plan .plan.-col3 .line-bg{width:100%}}.m-sketch-plan .plan .plan-name{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:2.7rem;height:144px;justify-content:center;margin:0 auto 22px;position:relative;width:167px}@media screen and (max-width:768px){.m-sketch-plan .plan .plan-name{font-size:2rem}}.m-sketch-plan .plan .plan-name>span{height:100%;left:0;-webkit-mask-image:url(https://www.ubsecure.jp/hubfs/images/products/secure-sketch/mask-hexagon.svg);mask-image:url(https://www.ubsecure.jp/hubfs/images/products/secure-sketch/mask-hexagon.svg);-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;position:absolute;top:0;width:100%;z-index:-1}.m-sketch-plan .plan .download-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:63px}@media screen and (max-width:768px){.m-sketch-plan .plan .download-button{margin-bottom:24px}}.m-sketch-plan .plan .download-button .l-button{border-radius:36px;font-size:2.2rem;line-height:1.1;max-width:240px;min-height:66px;padding:20px;width:100%}@media screen and (max-width:768px){.m-sketch-plan .plan .download-button .l-button{font-size:2rem;min-height:47px;padding:10px}}.m-sketch-plan .plan .download-button .l-button:after{border:5px solid transparent;border-left-color:currentcolor;bottom:0;content:"";height:0;margin:auto 0;position:absolute;right:20px;top:0;width:0}@media screen and (max-width:767px){.m-sketch-plan .plan .plan-name{height:109px;margin:0 auto 16px;width:126px}.m-sketch-plan .plan .download-button{margin-bottom:16px}}.m-sketch-plan .background-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;position:relative}.m-sketch-plan .background-wrap .line-bg{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.m-sketch-plan .background-wrap .line-bg div{height:100%;margin:0 1px;width:100%}@media screen and (max-width:767px){.m-sketch-plan .background-wrap{width:100%}}.m-sketch-plan .grade{display:-webkit-box;display:-ms-flexbox;display:flex}.m-sketch-plan .grade .grade-title{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:96px;padding:20px;position:relative}.m-sketch-plan .grade .grade-title .stars{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:4px}.m-sketch-plan .grade .grade-title .stars img{display:block;margin:0 5px;width:29px}.m-sketch-plan .grade .grade-title .name{color:#012858;line-height:1.6;margin:0;text-align:center}@media screen and (max-width:768px){.m-sketch-plan .grade .grade-title .name{font-size:1.2rem}}@media screen and (max-width:767px){.m-sketch-plan .grade .grade-title{height:54px;padding:8px 0;position:inherit;z-index:2}.m-sketch-plan .grade .grade-title .stars img{margin:0 2.5px;width:20px}}.m-sketch-plan .functions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;padding:14px;position:relative}@media screen and (max-width:768px){.m-sketch-plan .functions{padding:16px 9px 24px}}.m-sketch-plan .functions .background{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.m-sketch-plan .functions .background div{width:100%}.m-sketch-plan .functions .background div:not(:first-child){border-left:1px solid #fff}@media screen and (min-width:769px){.m-sketch-plan .functions .background div:not(:last-child){border-right:1px solid #fff}}.m-sketch-plan .functions .function{background:#fff;color:#012858;line-height:1.6;padding:10px 6px 4px;text-align:center}.m-sketch-plan .functions .function:not(:last-child){margin-bottom:10px}.m-sketch-plan .functions .function.-left{-ms-flex-item-align:start;align-self:flex-start}.m-sketch-plan .functions .function.-center{-ms-flex-item-align:center;align-self:center}.m-sketch-plan .functions .function.-right{-ms-flex-item-align:end;align-self:flex-end}.m-sketch-plan .functions .function .info{font-size:1.2rem;margin:0}.m-sketch-plan .functions .function .info+.name{margin-top:8px}.m-sketch-plan .functions .function .name{font-size:1.8rem;font-weight:500;margin:0}.m-sketch-plan .functions .function .add{background:#f3f6fa;margin-top:12px;padding:5px 10px 10px;position:relative}@media screen and (max-width:767px){.m-sketch-plan .functions{padding:8px 9px}.m-sketch-plan .functions .function{padding:6px 5px}.m-sketch-plan .functions .function:not(:last-child){margin-bottom:8px}.m-sketch-plan .functions .function .info{font-size:1.6rem;line-height:1.5}.m-sketch-plan .functions .function .name{font-size:1.6rem}.m-sketch-plan .functions .function .add{margin-top:3px;padding:6px 10px 12px}}