//--------------------------------------------------------------------------- // >>> TABLE OF CONTENTS: //--------------------------------------------------------------------------- // # Include Bootstrap Configuration // # Heading // # Contents //--------------------------------------------------------------------------- // Include Bootstrap Configuration // !!! Do NOT edit !!! //--------------------------------------------------------------------------- @import "./variable"; @import "./config"; @import "./append"; //--------------------------------------------------------------------------- // Heading //--------------------------------------------------------------------------- //--------------------------------------------------------------------------- // Contents //--------------------------------------------------------------------------- @mixin line_merit_home { mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODMxLjUwNyIgd2lkdGg9IjgzMS41MDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0xMzk1Ljk3IDE5MjguMTljLTY1LjA4IDAtMTE3LjczIDUyLjc0LTExNy43MyAxMTcuNzQgMCA2NS4xNSA1Mi42NSAxMTcuODkgMTE3LjczIDExNy44OSA2NS4wOCAwIDExNy44MS01Mi43NCAxMTcuODEtMTE3Ljg5IDAtNjUtNTIuNzMtMTE3Ljc0LTExNy44MS0xMTcuNzR6bTAgNDIyLjg5Yy0xNjguNTEgMC0zMDUuMDgtMTM2LjU2LTMwNS4wOC0zMDUuMTUgMC0xNjguNDQgMTM2LjU3LTMwNS4wOCAzMDUuMDgtMzA1LjA4IDE2OC40NCAwIDMwNS4wOCAxMzYuNjQgMzA1LjA4IDMwNS4wOCAwIDE2OC41OS0xMzYuNjQgMzA1LjE1LTMwNS4wOCAzMDUuMTVNMzcyNy4zIDE5MjguMTljLTY1LjA4IDAtMTE3LjgxIDUyLjc0LTExNy44MSAxMTcuNzQgMCA2NS4xNSA1Mi43MyAxMTcuODkgMTE3LjgxIDExNy44OSA2NS4wOCAwIDExNy44MS01Mi43NCAxMTcuODEtMTE3Ljg5IDAtNjUtNTIuNzMtMTE3Ljc0LTExNy44MS0xMTcuNzR6bTAgNDIyLjg5Yy0xNjguNDQgMC0zMDUuMTYtMTM2LjU2LTMwNS4xNi0zMDUuMTUgMC0xNjguNDQgMTM2LjcyLTMwNS4wOCAzMDUuMTYtMzA1LjA4IDE2OC41MiAwIDMwNS4wOCAxMzYuNjQgMzA1LjA4IDMwNS4wOCAwIDE2OC41OS0xMzYuNTYgMzA1LjE1LTMwNS4wOCAzMDUuMTVNNDQ2MC41OCAxOTI4LjE5Yy02NSAwLTExNy44MSA1Mi43NC0xMTcuODEgMTE3Ljc0IDAgNjUuMTUgNTIuODEgMTE3Ljg5IDExNy44MSAxMTcuODkgNjUuMDggMCAxMTcuODEtNTIuNzQgMTE3LjgxLTExNy44OSAwLTY1LTUyLjczLTExNy43NC0xMTcuODEtMTE3Ljc0em0wIDQyMi44OWMtMTY4LjQ0IDAtMzA1LjE2LTEzNi41Ni0zMDUuMTYtMzA1LjE1IDAtMTY4LjQ0IDEzNi43Mi0zMDUuMDggMzA1LjE2LTMwNS4wOCAxNjguNTIgMCAzMDUuMTYgMTM2LjY0IDMwNS4xNiAzMDUuMDggMCAxNjguNTktMTM2LjY0IDMwNS4xNS0zMDUuMTYgMzA1LjE1IiB0cmFuc2Zvcm09Im1hdHJpeCguMTMzMzMgMCAwIC0uMTMzMzMgMCA4MzEuNTA3KSIvPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0xODYyLjA3IDMyODIuMThoLTYwMS40MXY0MzkuNTNoNjAxLjQxem0zMTQ2LjA5LTYwMS40OUgyMDk3LjE0djExNzAuNTVjMCA0My40NC0zNS4yMyA3OC42Ny03OC43NSA3OC42N0g3NjEuMjAzYy00My41MTUgMC03OC43NS0zNS4yMy03OC43NS03OC42N1YyNDg2LjRoLTQ4LjI4MWMtNDMuNDM4IDAtNzguNzUtMzUuMzItNzguNzUtNzguODN2LTMxOC44M2MwLTQzLjU5IDM1LjMxMi03OC44MyA3OC43NS03OC44M2g5OS41MzFjNC44NDQgMCA5LjA2NyAxLjk2IDEzLjgyOCAyLjc0IDQuNjE0LS43OCA4LjgyOC0yLjc0IDEzLjY3Mi0yLjc0aDI1NC41MzdjLTEuMTcgMTIuMTEtMy42NyAyMy43NS0zLjY3IDM2LjAyIDAgMjExLjY0IDE3Mi4yNiAzODMuOSAzODMuOSAzODMuOSAyMTEuNTYgMCAzODMuODMtMTcyLjI2IDM4My44My0zODMuOSAwLTEyLjI3LTIuNDItMjMuOTEtMy42Ny0zNi4wMmgxNTcxLjAxYy0xLjE3IDEyLjExLTMuNjcgMjMuNzUtMy42NyAzNi4wMiAwIDIxMS42NCAxNzIuMjcgMzgzLjkgMzgzLjgzIDM4My45IDE3NC4wNiAwIDMxOS43Ny0xMTcuMTggMzY2LjY0LTI3Ni40IDQ2Ljk1IDE1OS4yMiAxOTIuNTggMjc2LjQgMzY2LjY0IDI3Ni40IDIxMS41NiAwIDM4My45MS0xNzIuMjYgMzgzLjkxLTM4My45IDAtMTIuMjctMi41OC0yMy45MS0zLjY3LTM2LjAyaDE2Ny4zNGM0My41MSAwIDc4LjgzIDM1LjI0IDc4LjgzIDc4LjgzdjUxMy4yOGMwIDQzLjQ0LTM1LjMyIDc4LjY3LTc4LjgzIDc4LjY3IiB0cmFuc2Zvcm09Im1hdHJpeCguMTMzMzMgMCAwIC0uMTMzMzMgMCA4MzEuNTA3KSIvPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik01MDAwLjc0IDM0NTAuM0gyMzg4LjE2djQ0Ni42NGgtMTcxLjE3VjI3ODAuNDZoMjc4My43NXY2NjkuODQiIHRyYW5zZm9ybT0ibWF0cml4KC4xMzMzMyAwIDAgLS4xMzMzMyAwIDgzMS41MDcpIi8+PC9zdmc+); -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODMxLjUwNyIgd2lkdGg9IjgzMS41MDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0xMzk1Ljk3IDE5MjguMTljLTY1LjA4IDAtMTE3LjczIDUyLjc0LTExNy43MyAxMTcuNzQgMCA2NS4xNSA1Mi42NSAxMTcuODkgMTE3LjczIDExNy44OSA2NS4wOCAwIDExNy44MS01Mi43NCAxMTcuODEtMTE3Ljg5IDAtNjUtNTIuNzMtMTE3Ljc0LTExNy44MS0xMTcuNzR6bTAgNDIyLjg5Yy0xNjguNTEgMC0zMDUuMDgtMTM2LjU2LTMwNS4wOC0zMDUuMTUgMC0xNjguNDQgMTM2LjU3LTMwNS4wOCAzMDUuMDgtMzA1LjA4IDE2OC40NCAwIDMwNS4wOCAxMzYuNjQgMzA1LjA4IDMwNS4wOCAwIDE2OC41OS0xMzYuNjQgMzA1LjE1LTMwNS4wOCAzMDUuMTVNMzcyNy4zIDE5MjguMTljLTY1LjA4IDAtMTE3LjgxIDUyLjc0LTExNy44MSAxMTcuNzQgMCA2NS4xNSA1Mi43MyAxMTcuODkgMTE3LjgxIDExNy44OSA2NS4wOCAwIDExNy44MS01Mi43NCAxMTcuODEtMTE3Ljg5IDAtNjUtNTIuNzMtMTE3Ljc0LTExNy44MS0xMTcuNzR6bTAgNDIyLjg5Yy0xNjguNDQgMC0zMDUuMTYtMTM2LjU2LTMwNS4xNi0zMDUuMTUgMC0xNjguNDQgMTM2LjcyLTMwNS4wOCAzMDUuMTYtMzA1LjA4IDE2OC41MiAwIDMwNS4wOCAxMzYuNjQgMzA1LjA4IDMwNS4wOCAwIDE2OC41OS0xMzYuNTYgMzA1LjE1LTMwNS4wOCAzMDUuMTVNNDQ2MC41OCAxOTI4LjE5Yy02NSAwLTExNy44MSA1Mi43NC0xMTcuODEgMTE3Ljc0IDAgNjUuMTUgNTIuODEgMTE3Ljg5IDExNy44MSAxMTcuODkgNjUuMDggMCAxMTcuODEtNTIuNzQgMTE3LjgxLTExNy44OSAwLTY1LTUyLjczLTExNy43NC0xMTcuODEtMTE3Ljc0em0wIDQyMi44OWMtMTY4LjQ0IDAtMzA1LjE2LTEzNi41Ni0zMDUuMTYtMzA1LjE1IDAtMTY4LjQ0IDEzNi43Mi0zMDUuMDggMzA1LjE2LTMwNS4wOCAxNjguNTIgMCAzMDUuMTYgMTM2LjY0IDMwNS4xNiAzMDUuMDggMCAxNjguNTktMTM2LjY0IDMwNS4xNS0zMDUuMTYgMzA1LjE1IiB0cmFuc2Zvcm09Im1hdHJpeCguMTMzMzMgMCAwIC0uMTMzMzMgMCA4MzEuNTA3KSIvPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0xODYyLjA3IDMyODIuMThoLTYwMS40MXY0MzkuNTNoNjAxLjQxem0zMTQ2LjA5LTYwMS40OUgyMDk3LjE0djExNzAuNTVjMCA0My40NC0zNS4yMyA3OC42Ny03OC43NSA3OC42N0g3NjEuMjAzYy00My41MTUgMC03OC43NS0zNS4yMy03OC43NS03OC42N1YyNDg2LjRoLTQ4LjI4MWMtNDMuNDM4IDAtNzguNzUtMzUuMzItNzguNzUtNzguODN2LTMxOC44M2MwLTQzLjU5IDM1LjMxMi03OC44MyA3OC43NS03OC44M2g5OS41MzFjNC44NDQgMCA5LjA2NyAxLjk2IDEzLjgyOCAyLjc0IDQuNjE0LS43OCA4LjgyOC0yLjc0IDEzLjY3Mi0yLjc0aDI1NC41MzdjLTEuMTcgMTIuMTEtMy42NyAyMy43NS0zLjY3IDM2LjAyIDAgMjExLjY0IDE3Mi4yNiAzODMuOSAzODMuOSAzODMuOSAyMTEuNTYgMCAzODMuODMtMTcyLjI2IDM4My44My0zODMuOSAwLTEyLjI3LTIuNDItMjMuOTEtMy42Ny0zNi4wMmgxNTcxLjAxYy0xLjE3IDEyLjExLTMuNjcgMjMuNzUtMy42NyAzNi4wMiAwIDIxMS42NCAxNzIuMjcgMzgzLjkgMzgzLjgzIDM4My45IDE3NC4wNiAwIDMxOS43Ny0xMTcuMTggMzY2LjY0LTI3Ni40IDQ2Ljk1IDE1OS4yMiAxOTIuNTggMjc2LjQgMzY2LjY0IDI3Ni40IDIxMS41NiAwIDM4My45MS0xNzIuMjYgMzgzLjkxLTM4My45IDAtMTIuMjctMi41OC0yMy45MS0zLjY3LTM2LjAyaDE2Ny4zNGM0My41MSAwIDc4LjgzIDM1LjI0IDc4LjgzIDc4LjgzdjUxMy4yOGMwIDQzLjQ0LTM1LjMyIDc4LjY3LTc4LjgzIDc4LjY3IiB0cmFuc2Zvcm09Im1hdHJpeCguMTMzMzMgMCAwIC0uMTMzMzMgMCA4MzEuNTA3KSIvPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik01MDAwLjc0IDM0NTAuM0gyMzg4LjE2djQ0Ni42NGgtMTcxLjE3VjI3ODAuNDZoMjc4My43NXY2NjkuODQiIHRyYW5zZm9ybT0ibWF0cml4KC4xMzMzMyAwIDAgLS4xMzMzMyAwIDgzMS41MDcpIi8+PC9zdmc+); } @mixin line_merit_talk { mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODMxLjUwNyIgd2lkdGg9IjgzMS41MDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0xMzYwLjQyIDE5ODUuNzdjLTY1IDAtMTE3LjcyIDUyLjc0LTExNy43MiAxMTcuODEgMCA2NS4xNiA1Mi43MiAxMTcuODIgMTE3LjcyIDExNy44MiA2NS4wOCAwIDExNy44MS01Mi42NiAxMTcuODEtMTE3LjgyIDAtNjUuMDctNTIuNzMtMTE3LjgxLTExNy44MS0xMTcuODF6bTAgNDIyLjk3Yy0xNjguNDQgMC0zMDUuMDgtMTM2LjY0LTMwNS4wOC0zMDUuMTYgMC0xNjguNDMgMTM2LjY0LTMwNS4wNyAzMDUuMDgtMzA1LjA3IDE2OC41OSAwIDMwNS4wOCAxMzYuNjQgMzA1LjA4IDMwNS4wNyAwIDE2OC41Mi0xMzYuNDkgMzA1LjE2LTMwNS4wOCAzMDUuMTZNMzY5MS44MyAxOTg1Ljc3Yy02NS4wOCAwLTExNy44MiA1Mi43NC0xMTcuODIgMTE3LjgxIDAgNjUuMTYgNTIuNzQgMTE3LjgyIDExNy44MiAxMTcuODIgNjUuMDcgMCAxMTcuODEtNTIuNjYgMTE3LjgxLTExNy44MiAwLTY1LjA3LTUyLjc0LTExNy44MS0xMTcuODEtMTE3Ljgxem0wIDQyMi45N2MtMTY4LjUyIDAtMzA1LjI0LTEzNi42NC0zMDUuMjQtMzA1LjE2IDAtMTY4LjQzIDEzNi43Mi0zMDUuMDcgMzA1LjI0LTMwNS4wNyAxNjguNDMgMCAzMDUuMTUgMTM2LjY0IDMwNS4xNSAzMDUuMDcgMCAxNjguNTItMTM2LjcyIDMwNS4xNi0zMDUuMTUgMzA1LjE2TTQ0MjUuMTEgMTk4NS43N2MtNjUuMDcgMC0xMTcuODIgNTIuNzQtMTE3LjgyIDExNy44MSAwIDY1LjE2IDUyLjc1IDExNy44MiAxMTcuODIgMTE3LjgyIDY1IDAgMTE3LjczLTUyLjY2IDExNy43My0xMTcuODIgMC02NS4wNy01Mi43My0xMTcuODEtMTE3LjczLTExNy44MXptMCA0MjIuOTdjLTE2OC40NCAwLTMwNS4wNy0xMzYuNjQtMzA1LjA3LTMwNS4xNiAwLTE2OC40MyAxMzYuNjMtMzA1LjA3IDMwNS4wNy0zMDUuMDcgMTY4LjUyIDAgMzA1LjA5IDEzNi42NCAzMDUuMDkgMzA1LjA3IDAgMTY4LjUyLTEzNi41NyAzMDUuMTYtMzA1LjA5IDMwNS4xNiIgdHJhbnNmb3JtPSJtYXRyaXgoLjEzMzMzIDAgMCAtLjEzMzMzIDAgODMxLjUwNykiLz48cGF0aCBzdHlsZT0iZmlsbDojMjMxZjIwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBkPSJNMTgyNi42NyAzMzM5LjgzSDEyMjUuMnY0MzkuNTRoNjAxLjQ3ek00ODk1LjUgMjc2OC45bDIzOS4zOCA0NDMuNjcgMTcxLjA5LTQ1OS4xNCA2My42NyAyMy42Ny0xOTEuODggNTE0Ljg0IDM1Ljc4IDY2LjQ5LTIyOTkuMzcgMTI0MC41NSAyMTIuMTIgMzkzLjA0LTE1MC42NCA4MS4yNS01MzAuMTUtOTgyLjU4IDgzMC4yMy00NDcuOTZ2LTkwNC4zOEgyMDYxLjU5djExNzAuNDdjMCA0My41MS0zNS4xNCA3OC43NS03OC42NyA3OC43NUg3MjUuNjU2Yy00My40MzcgMC03OC42NzItMzUuMjQtNzguNjcyLTc4Ljc1VjI1NDMuOThoLTQ4LjI4MWMtNDMuNTEyIDAtNzguNjcyLTM1LjI0LTc4LjY3Mi03OC44M3YtMzE4LjgzYzAtNDMuNTIgMzUuMTYtNzguODMgNzguNjcyLTc4LjgzaDk5LjQ1M2M0Ljg0NCAwIDkuMTQxIDIuMDMgMTMuODI4IDIuODEgNC42ODgtLjc4IDguODMyLTIuODEgMTMuNjcyLTIuODFoMjU0LjYxYy0xLjI1IDEyLjE5LTMuNTk0IDIzLjc1LTMuNTk0IDM2LjA5IDAgMjExLjU3IDE3Mi4yNzggMzgzLjkxIDM4My43NDggMzgzLjkxIDIxMS42NCAwIDM4My45MS0xNzIuMzQgMzgzLjkxLTM4My45MSAwLTEyLjM0LTIuNDMtMjMuOS0zLjYtMzYuMDloMTU3MC44NmMtMS4xNyAxMi4xOS0zLjY3IDIzLjc1LTMuNjcgMzYuMDkgMCAyMTEuNTcgMTcyLjI4IDM4My45MSAzODMuOTEgMzgzLjkxIDE3NC4wNiAwIDMxOS43Ni0xMTcuMTkgMzY2LjY0LTI3Ni40MSA0Ni44NyAxNTkuMjIgMTkyLjU3IDI3Ni40MSAzNjYuNjQgMjc2LjQxIDIxMS40OCAwIDM4My45LTE3Mi4zNCAzODMuOS0zODMuOTEgMC0xMi4zNC0yLjY1LTIzLjktMy42Ny0zNi4wOWgxNjcuNDJjNDMuNDQgMCA3OC42OSAzNS4zMSA3OC42OSA3OC44M3Y1MTMuMjhjMCA0My41Mi0zNS4yNSA3OC43NS03OC42OSA3OC43NUgzNDU2Ljk4djgwNi42NEw0ODk1LjUgMjc2OC45IiB0cmFuc2Zvcm09Im1hdHJpeCguMTMzMzMgMCAwIC0uMTMzMzMgMCA4MzEuNTA3KSIvPjwvc3ZnPg==); -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODMxLjUwNyIgd2lkdGg9IjgzMS41MDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0xMzYwLjQyIDE5ODUuNzdjLTY1IDAtMTE3LjcyIDUyLjc0LTExNy43MiAxMTcuODEgMCA2NS4xNiA1Mi43MiAxMTcuODIgMTE3LjcyIDExNy44MiA2NS4wOCAwIDExNy44MS01Mi42NiAxMTcuODEtMTE3LjgyIDAtNjUuMDctNTIuNzMtMTE3LjgxLTExNy44MS0xMTcuODF6bTAgNDIyLjk3Yy0xNjguNDQgMC0zMDUuMDgtMTM2LjY0LTMwNS4wOC0zMDUuMTYgMC0xNjguNDMgMTM2LjY0LTMwNS4wNyAzMDUuMDgtMzA1LjA3IDE2OC41OSAwIDMwNS4wOCAxMzYuNjQgMzA1LjA4IDMwNS4wNyAwIDE2OC41Mi0xMzYuNDkgMzA1LjE2LTMwNS4wOCAzMDUuMTZNMzY5MS44MyAxOTg1Ljc3Yy02NS4wOCAwLTExNy44MiA1Mi43NC0xMTcuODIgMTE3LjgxIDAgNjUuMTYgNTIuNzQgMTE3LjgyIDExNy44MiAxMTcuODIgNjUuMDcgMCAxMTcuODEtNTIuNjYgMTE3LjgxLTExNy44MiAwLTY1LjA3LTUyLjc0LTExNy44MS0xMTcuODEtMTE3Ljgxem0wIDQyMi45N2MtMTY4LjUyIDAtMzA1LjI0LTEzNi42NC0zMDUuMjQtMzA1LjE2IDAtMTY4LjQzIDEzNi43Mi0zMDUuMDcgMzA1LjI0LTMwNS4wNyAxNjguNDMgMCAzMDUuMTUgMTM2LjY0IDMwNS4xNSAzMDUuMDcgMCAxNjguNTItMTM2LjcyIDMwNS4xNi0zMDUuMTUgMzA1LjE2TTQ0MjUuMTEgMTk4NS43N2MtNjUuMDcgMC0xMTcuODIgNTIuNzQtMTE3LjgyIDExNy44MSAwIDY1LjE2IDUyLjc1IDExNy44MiAxMTcuODIgMTE3LjgyIDY1IDAgMTE3LjczLTUyLjY2IDExNy43My0xMTcuODIgMC02NS4wNy01Mi43My0xMTcuODEtMTE3LjczLTExNy44MXptMCA0MjIuOTdjLTE2OC40NCAwLTMwNS4wNy0xMzYuNjQtMzA1LjA3LTMwNS4xNiAwLTE2OC40MyAxMzYuNjMtMzA1LjA3IDMwNS4wNy0zMDUuMDcgMTY4LjUyIDAgMzA1LjA5IDEzNi42NCAzMDUuMDkgMzA1LjA3IDAgMTY4LjUyLTEzNi41NyAzMDUuMTYtMzA1LjA5IDMwNS4xNiIgdHJhbnNmb3JtPSJtYXRyaXgoLjEzMzMzIDAgMCAtLjEzMzMzIDAgODMxLjUwNykiLz48cGF0aCBzdHlsZT0iZmlsbDojMjMxZjIwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBkPSJNMTgyNi42NyAzMzM5LjgzSDEyMjUuMnY0MzkuNTRoNjAxLjQ3ek00ODk1LjUgMjc2OC45bDIzOS4zOCA0NDMuNjcgMTcxLjA5LTQ1OS4xNCA2My42NyAyMy42Ny0xOTEuODggNTE0Ljg0IDM1Ljc4IDY2LjQ5LTIyOTkuMzcgMTI0MC41NSAyMTIuMTIgMzkzLjA0LTE1MC42NCA4MS4yNS01MzAuMTUtOTgyLjU4IDgzMC4yMy00NDcuOTZ2LTkwNC4zOEgyMDYxLjU5djExNzAuNDdjMCA0My41MS0zNS4xNCA3OC43NS03OC42NyA3OC43NUg3MjUuNjU2Yy00My40MzcgMC03OC42NzItMzUuMjQtNzguNjcyLTc4Ljc1VjI1NDMuOThoLTQ4LjI4MWMtNDMuNTEyIDAtNzguNjcyLTM1LjI0LTc4LjY3Mi03OC44M3YtMzE4LjgzYzAtNDMuNTIgMzUuMTYtNzguODMgNzguNjcyLTc4LjgzaDk5LjQ1M2M0Ljg0NCAwIDkuMTQxIDIuMDMgMTMuODI4IDIuODEgNC42ODgtLjc4IDguODMyLTIuODEgMTMuNjcyLTIuODFoMjU0LjYxYy0xLjI1IDEyLjE5LTMuNTk0IDIzLjc1LTMuNTk0IDM2LjA5IDAgMjExLjU3IDE3Mi4yNzggMzgzLjkxIDM4My43NDggMzgzLjkxIDIxMS42NCAwIDM4My45MS0xNzIuMzQgMzgzLjkxLTM4My45MSAwLTEyLjM0LTIuNDMtMjMuOS0zLjYtMzYuMDloMTU3MC44NmMtMS4xNyAxMi4xOS0zLjY3IDIzLjc1LTMuNjcgMzYuMDkgMCAyMTEuNTcgMTcyLjI4IDM4My45MSAzODMuOTEgMzgzLjkxIDE3NC4wNiAwIDMxOS43Ni0xMTcuMTkgMzY2LjY0LTI3Ni40MSA0Ni44NyAxNTkuMjIgMTkyLjU3IDI3Ni40MSAzNjYuNjQgMjc2LjQxIDIxMS40OCAwIDM4My45LTE3Mi4zNCAzODMuOS0zODMuOTEgMC0xMi4zNC0yLjY1LTIzLjktMy42Ny0zNi4wOWgxNjcuNDJjNDMuNDQgMCA3OC42OSAzNS4zMSA3OC42OSA3OC44M3Y1MTMuMjhjMCA0My41Mi0zNS4yNSA3OC43NS03OC42OSA3OC43NUgzNDU2Ljk4djgwNi42NEw0ODk1LjUgMjc2OC45IiB0cmFuc2Zvcm09Im1hdHJpeCguMTMzMzMgMCAwIC0uMTMzMzMgMCA4MzEuNTA3KSIvPjwvc3ZnPg==); } @mixin line_merit_buyer { mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8zNDZfMjMpIj4KPHBhdGggZD0iTTMyOS4wNTcgMzUyLjQzMUwyODYuOTE3IDMxMS41MzNDMjg3LjYzNyAzMTAuMzIzIDI4OC4yODYgMzA5LjA2MyAyODguODc3IDMwNy43NTJDMjk3LjUwMiAyODguNDkxIDI4OC45MDYgMjY1Ljg4OCAyNjkuNjM3IDI1Ny4yNDVDMjUwLjM3NiAyNDguNjA4IDIyNy43NTYgMjU3LjIxNiAyMTkuMTE3IDI3Ni40NjJDMjEwLjQ5MSAyOTUuNzMgMjE5LjA4OCAzMTguMzMzIDIzOC4zNTYgMzI2Ljk2OUMyNDguNjYxIDMzMS41ODYgMjU5LjkyNCAzMzEuMjYyIDI2OS40OTMgMzI3LjAyN0wzMTIuODM2IDM2OS4xMTNDMzE0LjQwNyAzNzAuNjMzIDMxNy4zNTUgMzcwLjEyOSAzMTkuNDQ0IDM2Ny45NzVMMzI4LjEwNiAzNTkuMDU4QzMzMC4xOTUgMzU2LjkxMiAzMzAuNjIxIDM1My45NTEgMzI5LjA1IDM1Mi40MjRMMzI5LjA1NyAzNTIuNDMxWk0yNzcuMjYxIDMwMi41NDRDMjc0LjM3MSAzMDguOTgzIDI2OS4xODMgMzEzLjU5MyAyNjMuMDczIDMxNS45MjdDMjU2Ljk1NSAzMTguMjU0IDI1MC4wMDggMzE4LjI1NCAyNDMuNTY2IDMxNS4zNzJDMjM3LjEyNCAzMTIuNDg0IDIzMi40OTggMzA3LjI5OCAyMzAuMTcgMzAxLjE5QzIyNy44NSAyOTUuMDY3IDIyNy44NSAyODguMTMxIDIzMC43NCAyODEuNjkxQzIzMy42MjkgMjc1LjI1MiAyMzguODEgMjcwLjY0OSAyNDQuOTI4IDI2OC4zMDhDMjUxLjA0NiAyNjUuOTgyIDI1Ny45ODUgMjY1Ljk4MiAyNjQuNDM0IDI2OC44N0MyNzAuODc3IDI3MS43NTkgMjc1LjQ4OCAyNzYuOTM4IDI3Ny44MjMgMjgzLjA1M0MyODAuMTQzIDI4OS4xNjggMjgwLjE0MyAyOTYuMTEyIDI3Ny4yNTQgMzAyLjU0NEgyNzcuMjYxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE5Ny4zNzYgMTYyLjgyMkMyMzQuMDY4IDE2Mi44MjIgMjYzLjgyMSAxMzMuMDk2IDI2My44MjEgOTYuNDE4MkMyNjMuODIxIDU5Ljc0MDkgMjM0LjA2OCAzMCAxOTcuMzc2IDMwQzE2MC42ODMgMzAgMTMwLjkzOCA1OS43MjY1IDEzMC45MzggOTYuNDE4MkMxMzAuOTM4IDEzMy4xMSAxNjAuNjkxIDE2Mi44MjIgMTk3LjM4MyAxNjIuODIySDE5Ny4zNzZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTg1LjM0MiAxODcuNzc5VjIwOS4yMjJIMTk3LjM3NkgyMDkuNDE3VjE4Ny43NzlIMTk3LjM3NkgxODUuMzQyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIwOS4xMjkgMjkyLjI3M0MyMDkuMTI5IDI2NS45NzUgMjMwLjQ2NiAyNDQuNjU1IDI1Ni43NzUgMjQ0LjY1NUMyNjQuMDUzIDI0NC42NTUgMjcwLjkxMyAyNDYuMzMzIDI3Ny4wODEgMjQ5LjI0M0MyNzguOTMzIDIzNS40MTMgMjgwLjIzIDIyNS43MzIgMjgwLjIzIDIyNS42NzVDMjgwLjc1NiAyMTkuMjIxIDI4Mi45NjEgMjE0LjI3MyAyODAuOTUgMjA3LjQ5NUMyNzYuMDk0IDE5MS4yMjMgMjY5LjI0OCAxODUuMjIzIDI1NC4yMzggMTgyLjk0N0MyNTEuMTYxIDE4Mi40NzkgMjQ0LjM4IDE4Mi4xMTkgMjM1LjU4OSAxODEuODU5TDIwOS40MTcgMjU3LjUzM1YyMTYuMzI1SDE4NS4zNDNWMjU3LjUzM0wxNTkuMTcxIDE4MS44NTlDMTUwLjM3MiAxODIuMTE5IDE0My41OTIgMTgyLjQ3OSAxNDAuNTE1IDE4Mi45NDdDMTI1LjUxOSAxODUuMjIzIDExNy42ODYgMTkxLjIyMyAxMTIuODM3IDIwNy40OTVDMTEwLjgxOSAyMTQuMjczIDExMy4wMTcgMjE5LjIyMSAxMTMuNTQzIDIyNS42NzVDMTEzLjU2NSAyMjUuODc2IDEzMC41ODUgMzQ1LjUxNyAxMzAuNTg1IDM0NS41MTdIMjY0LjE1M0MyNjQuMTUzIDM0NS41MTcgMjY0LjQ3OCAzNDMuMTQgMjY1LjAxMSAzMzkuMTQzQzI2Mi4zMjMgMzM5LjYxMSAyNTkuNTg1IDMzOS44OTkgMjU2Ljc2IDMzOS44OTlDMjMwLjQ1MSAzMzkuODk5IDIwOS4xMTUgMzE4LjU3OCAyMDkuMTE1IDI5Mi4yNjZMMjA5LjEyOSAyOTIuMjczWiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNDZfMjMiPgo8cmVjdCB3aWR0aD0iMjE4IiBoZWlnaHQ9IjM0MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMiAzMCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8zNDZfMjMpIj4KPHBhdGggZD0iTTMyOS4wNTcgMzUyLjQzMUwyODYuOTE3IDMxMS41MzNDMjg3LjYzNyAzMTAuMzIzIDI4OC4yODYgMzA5LjA2MyAyODguODc3IDMwNy43NTJDMjk3LjUwMiAyODguNDkxIDI4OC45MDYgMjY1Ljg4OCAyNjkuNjM3IDI1Ny4yNDVDMjUwLjM3NiAyNDguNjA4IDIyNy43NTYgMjU3LjIxNiAyMTkuMTE3IDI3Ni40NjJDMjEwLjQ5MSAyOTUuNzMgMjE5LjA4OCAzMTguMzMzIDIzOC4zNTYgMzI2Ljk2OUMyNDguNjYxIDMzMS41ODYgMjU5LjkyNCAzMzEuMjYyIDI2OS40OTMgMzI3LjAyN0wzMTIuODM2IDM2OS4xMTNDMzE0LjQwNyAzNzAuNjMzIDMxNy4zNTUgMzcwLjEyOSAzMTkuNDQ0IDM2Ny45NzVMMzI4LjEwNiAzNTkuMDU4QzMzMC4xOTUgMzU2LjkxMiAzMzAuNjIxIDM1My45NTEgMzI5LjA1IDM1Mi40MjRMMzI5LjA1NyAzNTIuNDMxWk0yNzcuMjYxIDMwMi41NDRDMjc0LjM3MSAzMDguOTgzIDI2OS4xODMgMzEzLjU5MyAyNjMuMDczIDMxNS45MjdDMjU2Ljk1NSAzMTguMjU0IDI1MC4wMDggMzE4LjI1NCAyNDMuNTY2IDMxNS4zNzJDMjM3LjEyNCAzMTIuNDg0IDIzMi40OTggMzA3LjI5OCAyMzAuMTcgMzAxLjE5QzIyNy44NSAyOTUuMDY3IDIyNy44NSAyODguMTMxIDIzMC43NCAyODEuNjkxQzIzMy42MjkgMjc1LjI1MiAyMzguODEgMjcwLjY0OSAyNDQuOTI4IDI2OC4zMDhDMjUxLjA0NiAyNjUuOTgyIDI1Ny45ODUgMjY1Ljk4MiAyNjQuNDM0IDI2OC44N0MyNzAuODc3IDI3MS43NTkgMjc1LjQ4OCAyNzYuOTM4IDI3Ny44MjMgMjgzLjA1M0MyODAuMTQzIDI4OS4xNjggMjgwLjE0MyAyOTYuMTEyIDI3Ny4yNTQgMzAyLjU0NEgyNzcuMjYxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE5Ny4zNzYgMTYyLjgyMkMyMzQuMDY4IDE2Mi44MjIgMjYzLjgyMSAxMzMuMDk2IDI2My44MjEgOTYuNDE4MkMyNjMuODIxIDU5Ljc0MDkgMjM0LjA2OCAzMCAxOTcuMzc2IDMwQzE2MC42ODMgMzAgMTMwLjkzOCA1OS43MjY1IDEzMC45MzggOTYuNDE4MkMxMzAuOTM4IDEzMy4xMSAxNjAuNjkxIDE2Mi44MjIgMTk3LjM4MyAxNjIuODIySDE5Ny4zNzZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTg1LjM0MiAxODcuNzc5VjIwOS4yMjJIMTk3LjM3NkgyMDkuNDE3VjE4Ny43NzlIMTk3LjM3NkgxODUuMzQyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIwOS4xMjkgMjkyLjI3M0MyMDkuMTI5IDI2NS45NzUgMjMwLjQ2NiAyNDQuNjU1IDI1Ni43NzUgMjQ0LjY1NUMyNjQuMDUzIDI0NC42NTUgMjcwLjkxMyAyNDYuMzMzIDI3Ny4wODEgMjQ5LjI0M0MyNzguOTMzIDIzNS40MTMgMjgwLjIzIDIyNS43MzIgMjgwLjIzIDIyNS42NzVDMjgwLjc1NiAyMTkuMjIxIDI4Mi45NjEgMjE0LjI3MyAyODAuOTUgMjA3LjQ5NUMyNzYuMDk0IDE5MS4yMjMgMjY5LjI0OCAxODUuMjIzIDI1NC4yMzggMTgyLjk0N0MyNTEuMTYxIDE4Mi40NzkgMjQ0LjM4IDE4Mi4xMTkgMjM1LjU4OSAxODEuODU5TDIwOS40MTcgMjU3LjUzM1YyMTYuMzI1SDE4NS4zNDNWMjU3LjUzM0wxNTkuMTcxIDE4MS44NTlDMTUwLjM3MiAxODIuMTE5IDE0My41OTIgMTgyLjQ3OSAxNDAuNTE1IDE4Mi45NDdDMTI1LjUxOSAxODUuMjIzIDExNy42ODYgMTkxLjIyMyAxMTIuODM3IDIwNy40OTVDMTEwLjgxOSAyMTQuMjczIDExMy4wMTcgMjE5LjIyMSAxMTMuNTQzIDIyNS42NzVDMTEzLjU2NSAyMjUuODc2IDEzMC41ODUgMzQ1LjUxNyAxMzAuNTg1IDM0NS41MTdIMjY0LjE1M0MyNjQuMTUzIDM0NS41MTcgMjY0LjQ3OCAzNDMuMTQgMjY1LjAxMSAzMzkuMTQzQzI2Mi4zMjMgMzM5LjYxMSAyNTkuNTg1IDMzOS44OTkgMjU2Ljc2IDMzOS44OTlDMjMwLjQ1MSAzMzkuODk5IDIwOS4xMTUgMzE4LjU3OCAyMDkuMTE1IDI5Mi4yNjZMMjA5LjEyOSAyOTIuMjczWiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNDZfMjMiPgo8cmVjdCB3aWR0aD0iMjE4IiBoZWlnaHQ9IjM0MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMiAzMCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } @mixin line_merit_before { content: ""; display: block; position: absolute; top: $spacer * -2; left: calc(50% - 2rem); width: $spacer * 4; height: $spacer * 4; background: $primary; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; z-index: 1; } @mixin line_merit_after { content: ""; display: block; position: absolute; top: $spacer * -2.5; left: calc(50% - 2.5rem); width: $spacer * 5; height: $spacer * 5; background: $light; border-radius: 50%; z-index: 0; } #line-introduction { .line-merit { counter-reset: line-introduction-cnt; &>div { counter-increment: line-introduction-cnt; &:nth-child(1) .card { &::before { @include line_merit_before; @include line_merit_home; } &::after { @include line_merit_after; } } &:nth-child(2) .card { &::before { @include line_merit_before; @include line_merit_talk; } &::after { @include line_merit_after; } } &:nth-child(3) .card { &::before { @include line_merit_before; @include line_merit_buyer; } &::after { @include line_merit_after; } } .card { position: relative; border-radius: 0; background-color: $light; border: none; padding-top: $spacer * 2; margin-top: $spacer * 2; h4 { position: relative; &::before { content: "メリット " counter(line-introduction-cnt); font-family: var(--bs-body-font-family); display: block; font-size: $spacer; color: $primary; margin-bottom: $spacer; font-weight: bold; } &::after { content:""; position: absolute; width: $spacer * 1.5; height: $spacer / 8; background-color: $primary; top: $spacer * 1.5; left: calc(50% - 0.75rem); } } } } } } #line-step { &>div { counter-reset: line-introduction-cnt; &>div:not(:last-child):not(:nth-last-child(2)) { position: relative; margin-bottom: $spacer * 4; &:before { content: ""; position: absolute; bottom: $spacer * -3; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid $white; z-index: 2; } &::after { content: ""; position: absolute; bottom: $spacer * -3.3; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid $primary; z-index: 1; } } h3 { counter-increment: line-introduction-cnt; margin-bottom: 0; background-color: $primary; padding: $spacer; color: $white; &:first-child { margin-top: 0; } &::before { content: "STEP " counter(line-introduction-cnt, decimal-leading-zero); display: inline; padding-right: $spacer / 2; font-size: $spacer * 1.25; } } .line-step-inner { padding: $spacer $spacer * 3; @include media-breakpoint-down(md) { padding: $spacer; } table { th { text-wrap: nowrap; } td { ul { padding-left: $spacer !important; } } } } .line-step-img-wrap { .line-step-img-text { display: inline-block; position: relative; &::after { content: ""; width: 100%; height: $spacer * 1.5; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(0deg, $light, #ffffff00); } .site-name { position: absolute; top: $spacer * 3.5; left: $spacer * 3; font-weight: 700; @include media-breakpoint-down(md) { top: $spacer * 4.1; left: $spacer * 3.2; } } .line-text { position: absolute; top: $spacer * 6.5; right: $spacer * 2; width: $spacer * 10; font-size: $spacer * 0.8; z-index: 1; text-align: left; @include media-breakpoint-down(md) { top: $spacer * 7.5; right: $spacer * 2.5; } &::before { content: ""; position: absolute; background-color: $line-fg; top: $spacer * -0.5; right: 0; width: $spacer * 11; height: $spacer * 5.5; z-index: -1; border-radius: 5px; } &::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: 12px; border: 9px solid transparent; border-left: 9px solid $line-fg; } span::before { content: "12:00"; position: absolute; left: $spacer * -2.8; bottom: $spacer * -0.7; font-size: $spacer * 0.6; color: $white; } } .line-text-reply { position: absolute; top: $spacer * 13; left: $spacer * 2.5; width: $spacer * 10; font-size: $spacer * 0.8; z-index: 1; text-align: left; @include media-breakpoint-down(md) { top: $spacer * 14; left: $spacer * 3; } &::before { content: ""; position: absolute; background-color: $white; top: $spacer * -0.5; left: $spacer * -0.5; width: $spacer * 11; height: $spacer * 6.5; z-index: -1; border-radius: 5px; } &::after { content: ""; position: absolute; top: 0; left: $spacer * -1.5; margin-top: 12px; border: 9px solid transparent; border-right: 9px solid $white; @include media-breakpoint-down(md) { left: $spacer * -1.8; } } span::before { content: "12:30"; position: absolute; right: $spacer * -2.3; bottom: $spacer * -0.3; font-size: $spacer * 0.6; color: $white; } } } } .line-step-info { dl { min-width: $spacer * 20; padding-bottom: $spacer; padding-top: $spacer; } ul { list-style: none; padding-left: $spacer * 1.5; margin-left: $spacer / 2; li { text-indent: $spacer * -1.5; &::before { content: "※"; margin-right: $spacer / 2; } } } } } }