MediaWiki:Records.css

img { border-style: none; }

/****************************************************************** component - list-disc .c-list-disc__item { margin-left: 1.5em; list-style: disc; }

.c-list-disc--gutter .c-list-disc__item:not(:first-child) { margin-top: 0.8rem; }

@media screen and (max-width: 736px) { .c-list-disc--gutter .c-list-disc__item:not(:first-child) { margin-top: 0.6rem; } }

/****************************************************************** component - list-order .c-list-order__item { margin-left: 1.5em; list-style: decimal; }

.c-list-order--gutter .c-list-order__item:not(:first-child) { margin-top: 0.8rem; }

@media screen and (max-width: 736px) { .c-list-order--gutter .c-list-order__item:not(:first-child) { margin-top: 0.6rem; } }

/****************************************************************** project - menber-list .p-menber-list-scroll { overflow: auto; }

.p-menber-list { display: flex; padding-left: 3rem; }

@media screen and (max-width: 736px) { .p-menber-list { padding-left: 1.5rem; } }

.p-menber-list__item { text-align: center; flex-shrink: 0; padding-right: 3rem; padding-bottom: 1rem; }

@media print, screen and (min-width: 737px) { .p-menber-list__item { min-height: 280px; } }

@media screen and (max-width: 736px) { .p-menber-list__item { padding-right: 1.5rem; padding-bottom: 0.75rem; } }

.p-menber-list__inner { display: inline-block; color: #fff; transition-property: opacity; transition-duration: 0.3s; }

.p-menber-list__inner:hover { text-decoration: none; opacity: 0.7; }

.p-menber-list__img { position: relative; display: inline-block; }

.p-menber-list__img img { border-radius: 100%; box-sizing: border-box; border: 6px solid rgba(147, 0, 0, 0.4); width: 222px; }

@media screen and (max-width: 736px) { .p-menber-list__img img { width: 140px; border-width: 5px; } }

.p-menber-list__main { display: block; margin-top: 15px; }

/****************************************************************** project - member .p-member { background: url(/common/img/visual.png) top center/cover; }

.p-member__inner { max-width: 1000px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 112px; padding-bottom: 5rem; display: flex; justify-content: center; }

@media screen and (max-width: 736px) { .p-member__inner { padding-top: 67px; padding-right: 16px; padding-left: 16px; padding-bottom: 2rem; } }

@media print, screen and (min-width: 737px) { .p-member__inner { align-items: center; } }

.p-member__visual img { border-radius: 100%; box-sizing: border-box; border: 6px solid rgba(147, 0, 0, 0.4); max-width: 222px; }

@media screen and (max-width: 736px) { .p-member__visual img { max-width: 100px; border-width: 3px; } }

.p-member__main { margin-left: 3rem; }

@media screen and (max-width: 736px) { .p-member__main { margin-left: 1.125rem; } }

.p-member-title { line-height: 1; }

.p-member-title-main { display: block; font-size: 70px; letter-spacing: -1px; }

@media print, screen and (max-width: 1030px) { .p-member-title-main { font-size: 7.0vw; } }

@media screen and (max-width: 736px) { .p-member-title-main { font-size: 8vw; } }

.p-member-title-main span { display: inline-block; opacity: 0; transform: translateY(20%); transition-property: opacity, transform; transition-duration: 0.3s; }

.p-member-title-main span:nth-child(1) { transition-delay: 0.1s; }

.p-member-title-main span:nth-child(2) { transition-delay: 0.2s; }

.p-member-title-main span:nth-child(3) { transition-delay: 0.3s; }

.p-member-title-main span:nth-child(4) { transition-delay: 0.4s; }

.p-member-title-main span:nth-child(5) { transition-delay: 0.5s; }

.p-member-title-main span:nth-child(6) { transition-delay: 0.6s; }

.p-member-title-main span:nth-child(7) { transition-delay: 0.7s; }

.p-member-title-main span:nth-child(8) { transition-delay: 0.8s; }

.p-member-title-main span:nth-child(9) { transition-delay: 0.9s; }

.p-member-title-main span:nth-child(10) { transition-delay: 1.0s; }

.p-member-title-main span:nth-child(11) { transition-delay: 1.1s; }

.p-member-title-main span:nth-child(12) { transition-delay: 1.2s; }

.p-member-title-main span:nth-child(13) { transition-delay: 1.3s; }

.p-member-title-main span:nth-child(14) { transition-delay: 1.4s; }

.p-member-title-main span:nth-child(15) { transition-delay: 1.5s; }

.p-member-title-main span:nth-child(16) { transition-delay: 1.6s; }

.p-member-title-main span:nth-child(17) { transition-delay: 1.7s; }

.p-member-title-main span:nth-child(18) { transition-delay: 1.8s; }

.p-member-title-main span:nth-child(19) { transition-delay: 1.9s; }

.p-member-title-main span:nth-child(20) { transition-delay: 2.0s; }

[data-animate-groups="true"] span { opacity: 1; transform: translateY(0); }

.p-member-title-sub { display: block; margin-top: 0.3em; font-size: 24px; }

@media screen and (max-width: 736px) { .p-member-title-sub { font-size: 13px; } }

.p-member-title-sub span { opacity: 0; transform: translateY(20%); transition-property: opacity, transform; transition-duration: 0.3s; }

.p-member-title-sub span:nth-child(1) { transition-delay: 0.3s; }

.p-member-title-sub span:nth-child(2) { transition-delay: 0.4s; }

.p-member-title-sub span:nth-child(3) { transition-delay: 0.5s; }

.p-member-title-sub span:nth-child(4) { transition-delay: 0.6s; }

.p-member-title-sub span:nth-child(5) { transition-delay: 0.7s; }

.p-member-title-sub span:nth-child(6) { transition-delay: 0.8s; }

.p-member-title-sub span:nth-child(7) { transition-delay: 0.9s; }

.p-member-title-sub span:nth-child(8) { transition-delay: 1.0s; }

.p-member-title-sub span:nth-child(9) { transition-delay: 1.1s; }

.p-member-title-sub span:nth-child(10) { transition-delay: 1.2s; }

.p-member-title-sub span:nth-child(11) { transition-delay: 1.3s; }

.p-member-title-sub span:nth-child(12) { transition-delay: 1.4s; }

.p-member-title-sub span:nth-child(13) { transition-delay: 1.5s; }

.p-member-title-sub span:nth-child(14) { transition-delay: 1.6s; }

.p-member-title-sub span:nth-child(15) { transition-delay: 1.7s; }

.p-member-title-sub span:nth-child(16) { transition-delay: 1.8s; }

.p-member-title-sub span:nth-child(17) { transition-delay: 1.9s; }

.p-member-title-sub span:nth-child(18) { transition-delay: 2.0s; }

.p-member-title-sub span:nth-child(19) { transition-delay: 2.1s; }

.p-member-title-sub span:nth-child(20) { transition-delay: 2.2s; }

[data-animate-groups="true"] span { opacity: 1; transform: translateY(0); }

.p-member-copy { margin-top: 1rem; font-size: 18px; font-weight: 600; }

@media screen and (max-width: 736px) { .p-member-copy { font-size: 13px; } }

/****************************************************************** project - record-list .p-record-list-outer > * { opacity: 0; transform: translateY(20%); transition-property: opacity, transform; transition-duration: 0.9s; }

.p-record-list-outer > *:nth-child(1) { transition-delay: 0.1s; }

.p-record-list-outer > *:nth-child(2) { transition-delay: 0.2s; }

.p-record-list-outer > *:nth-child(3) { transition-delay: 0.3s; }

.p-record-list-outer > *:nth-child(4) { transition-delay: 0.4s; }

.p-record-list-outer > *:nth-child(5) { transition-delay: 0.5s; }

.p-record-list-outer > *:nth-child(6) { transition-delay: 0.6s; }

.p-record-list-outer > *:nth-child(7) { transition-delay: 0.7s; }

.p-record-list-outer > *:nth-child(8) { transition-delay: 0.8s; }

.p-record-list-outer > *:nth-child(9) { transition-delay: 0.9s; }

.p-record-list-outer > *:nth-child(10) { transition-delay: 1.0s; }

.p-record-list-outer > *:nth-child(11) { transition-delay: 1.1s; }

.p-record-list-outer > *:nth-child(12) { transition-delay: 1.2s; }

.p-record-list-outer > *:nth-child(13) { transition-delay: 1.3s; }

.p-record-list-outer > *:nth-child(14) { transition-delay: 1.4s; }

.p-record-list-outer > *:nth-child(15) { transition-delay: 1.5s; }

.p-record-list-outer > *:nth-child(16) { transition-delay: 1.6s; }

.p-record-list-outer > *:nth-child(17) { transition-delay: 1.7s; }

.p-record-list-outer > *:nth-child(18) { transition-delay: 1.8s; }

.p-record-list-outer > *:nth-child(19) { transition-delay: 1.9s; }

.p-record-list-outer > *:nth-child(20) { transition-delay: 2.0s; }

.p-record-list-outer > *:nth-child(21) { transition-delay: 2.1s; }

.p-record-list-outer > *:nth-child(22) { transition-delay: 2.2s; }

.p-record-list-outer > *:nth-child(23) { transition-delay: 2.3s; }

.p-record-list-outer > *:nth-child(24) { transition-delay: 2.4s; }

.p-record-list-outer > *:nth-child(25) { transition-delay: 2.5s; }

.p-record-list-outer > *:nth-child(26) { transition-delay: 2.6s; }

.p-record-list-outer > *:nth-child(27) { transition-delay: 2.7s; }

.p-record-list-outer > *:nth-child(28) { transition-delay: 2.8s; }

.p-record-list-outer > *:nth-child(29) { transition-delay: 2.9s; }

.p-record-list-outer > *:nth-child(30) { transition-delay: 3.0s; }

[data-animate-groups="true"] .p-record-list-outer > * { opacity: 1; transform: translateY(0); }

.p-record-list a { transition-property: opacity; transition-duration: 0.3s; }

.p-record-list a:hover { opacity: 0.6; }

.p-record-list__item { display: block; margin-top: 0.5em; }

.p-record-list__name { display: block; font-weight: bold; text-align: center; }

/****************************************************************** project - record .p-record { background: url(/common/img/visual.png) top center/cover; }

.p-record__inner { max-width: 1000px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 112px; padding-bottom: 2.5rem; display: flex; justify-content: center; }

@media screen and (max-width: 736px) { .p-record__inner { padding-top: 67px; padding-right: 16px; padding-left: 16px; padding-bottom: 1rem; } }

.p-record h1 { text-align: center; line-height: 1.2; }

.p-record__menber { display: block; }

.p-record__name { font-size: 50px; }

@media screen and (max-width: 736px) { .p-record__name { font-size: 8.5vw; } }

.p-record__note { text-align: center; }

/****************************************************************** project - discography-buy .p-discography-buy { background-color: #930000; padding: 1.5rem 2.4rem; }

@media screen and (max-width: 736px) { .p-discography-buy { border-radius: 0.75rem; padding: 1.125rem; } }

.p-discography-buy__head { color: #fff; }

@media print, screen and (min-width: 737px) { .p-discography-buy__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } }

@media screen and (max-width: 736px) { .p-discography-buy__head { margin-bottom: 0.75rem; } }

.p-discography-buy__head h2 { font-size: 1.1rem; }

@media screen and (max-width: 736px) { .p-discography-buy__head h2 { font-size: 0.99rem; } }

.p-discography-buy__head p { font-size: 1rem; }

@media screen and (max-width: 736px) { .p-discography-buy__head p { font-size: 0.9rem; } }

.p-discography-buy__item { text-align: center; background: #fff; border-radius: 8px; }

.p-discography-buy__item img { width: 100%; border-radius: 8px; }

/****************************************************************** project - discography-detail .p-discography-detail__title { color: #fff; border-bottom: 3px solid #fff; }

.u-border-sutopuri { border-color: #ef1740 !important; }

.u-border-colon { border-color: #249cf4 !important; }

.u-border-jel { border-color: #FF914E !important; }

.u-border-nanamori { border-color: #8e32d1 !important; }

.u-border-rinu { border-color: #e8002c !important; }

.u-border-root { border-color: #fabb28 !important; }

.u-border-satomi { border-color: #f96fa6 !important; }

/****************************************************************** utility - mediaQuery .u-sp-media { display: none; }

@media screen and (max-width: 736px) { .u-pc-media { display: none; } .u-sp-media { display: block; } img.u-sp-media { display: inline-block; } br.u-sp-media { display: inline-block; } table.u-sp-media { display: table; } }

.u-se-media { display: none; }

/****************************************************************** utility - display .u-block { display: block; }

.u-none { display: none; }

.u-inline { display: inline; }

.u-inline-block { display: inline-block; }

.u-table { display: table; }

.u-table-row { display: table-row; }

.u-table-cell { display: table-cell; }

.u-flex { display: flex; }

.u-inline-flex { display: inline-flex; }

@media screen and (max-width: 736px) { .u-sp-block { display: block; } .u-sp-none { display: none; } .u-sp-inline { display: inline; } .u-sp-inline-block { display: inline-block; } .u-sp-table { display: table; } .u-sp-table-row { display: table-row; } .u-sp-table-cell { display: table-cell; } .u-sp-flex { display: flex; } .u-sp-inline-flex { display: inline-flex; } }

/****************************************************************** utility - text-align .u-center { text-align: center; }

.u-right { text-align: right; }

.u-left { text-align: left; }

@media screen and (max-width: 736px) { .u-sp-center { text-align: center; } .u-sp-right { text-align: right; } .u-sp-left { text-align: left; } }

/****************************************************************** utility - color .u-color-pink, .u-color-pink:hover, .u-color-pink a:hover { color: #f0308b; }

/****************************************************************** component - grid2 .c-grid2 { overflow: hidden; display: flex; flex-wrap: wrap; margin-right: -1rem; margin-top: -1rem; }

.c-grid2--center { justify-content: center; }

.c-grid2--right { justify-content: flex-end; }

.c-grid2--bottom { align-items: flex-end; }

@media screen and (max-width: 736px) { .c-grid2.sp-left { justify-content: flex-start; } .c-grid2.sp-center { justify-content: center; } .c-grid2.sp-right { justify-content: flex-end; } .c-grid2.sp-bottom { align-items: flex-end; } }

.c-grid2 > [class*="c-grid2__item"], .c-grid2 > .c-grid2__item5col { position: relative; box-sizing: border-box; margin-right: 1rem; margin-top: 1rem; }

.c-grid2 > .c-grid2__item1 { width: calc( 8.33333% - 1rem); }

.c-grid2 > .c-grid2__item2 { width: calc( 16.66667% - 1rem); }

.c-grid2 > .c-grid2__item3 { width: calc( 25% - 1rem); }

.c-grid2 > .c-grid2__item4 { width: calc( 33.33333% - 1rem); }

.c-grid2 > .c-grid2__item5 { width: calc( 41.66667% - 1rem); }

.c-grid2 > .c-grid2__item6 { width: calc( 50% - 1rem); }

.c-grid2 > .c-grid2__item7 { width: calc( 58.33333% - 1rem); }

.c-grid2 > .c-grid2__item8 { width: calc( 66.66667% - 1rem); }

.c-grid2 > .c-grid2__item9 { width: calc( 75% - 1rem); }

.c-grid2 > .c-grid2__item10 { width: calc( 83.33333% - 1rem); }

.c-grid2 > .c-grid2__item11 { width: calc( 91.66667% - 1rem); }

.c-grid2 > .c-grid2__item12 { width: calc( 100% - 1rem); }

.c-grid2 > .c-grid2__item5col { width: calc( 20% - 1rem); }

.c-grid2--vertical > [class*="c-grid2__item"], .c-grid2--vertical > .c-grid2__item5col { display: flex; align-items: center; }

@media screen and (max-width: 900px) { .c-grid2 > .m-item1 { width: calc( 8.33333% - 1rem); } .c-grid2 > .m-item2 { width: calc( 16.66667% - 1rem); } .c-grid2 > .m-item3 { width: calc( 25% - 1rem); } .c-grid2 > .m-item4 { width: calc( 33.33333% - 1rem); } .c-grid2 > .m-item5 { width: calc( 41.66667% - 1rem); } .c-grid2 > .m-item6 { width: calc( 50% - 1rem); } .c-grid2 > .m-item7 { width: calc( 58.33333% - 1rem); } .c-grid2 > .m-item8 { width: calc( 66.66667% - 1rem); } .c-grid2 > .m-item9 { width: calc( 75% - 1rem); } .c-grid2 > .m-item10 { width: calc( 83.33333% - 1rem); } .c-grid2 > .m-item11 { width: calc( 91.66667% - 1rem); } .c-grid2 > .m-item12 { width: calc( 100% - 1rem); } .c-grid2 > .m-item5col { width: calc( 20% - 1rem); } }

@media screen and (max-width: 736px) { .c-grid2 { margin-right: -0.75rem; margin-top: -0.75rem; } .c-grid2 > [class*="c-grid2__item"], .c-grid2 > .c-grid2__item5col { margin-right: 0.75rem; margin-top: 0.75rem; } .c-grid2 > .c-grid2__item1 { width: calc( 8.33333% - 0.75rem); } .c-grid2 > .c-grid2__item2 { width: calc( 16.66667% - 0.75rem); } .c-grid2 > .c-grid2__item3 { width: calc( 25% - 0.75rem); } .c-grid2 > .c-grid2__item4 { width: calc( 33.33333% - 0.75rem); } .c-grid2 > .c-grid2__item5 { width: calc( 41.66667% - 0.75rem); } .c-grid2 > .c-grid2__item6 { width: calc( 50% - 0.75rem); } .c-grid2 > .c-grid2__item7 { width: calc( 58.33333% - 0.75rem); } .c-grid2 > .c-grid2__item8 { width: calc( 66.66667% - 0.75rem); } .c-grid2 > .c-grid2__item9 { width: calc( 75% - 0.75rem); } .c-grid2 > .c-grid2__item10 { width: calc( 83.33333% - 0.75rem); } .c-grid2 > .c-grid2__item11 { width: calc( 91.66667% - 0.75rem); } .c-grid2 > .c-grid2__item12 { width: calc( 100% - 0.75rem); } .c-grid2 > .c-grid2__item5col { width: calc( 20% - 0.75rem); } .c-grid2 > .sp-item1 { width: calc( 8.33333% - 0.75rem); } .c-grid2 > .sp-item2 { width: calc( 16.66667% - 0.75rem); } .c-grid2 > .sp-item3 { width: calc( 25% - 0.75rem); } .c-grid2 > .sp-item4 { width: calc( 33.33333% - 0.75rem); } .c-grid2 > .sp-item5 { width: calc( 41.66667% - 0.75rem); } .c-grid2 > .sp-item6 { width: calc( 50% - 0.75rem); } .c-grid2 > .sp-item7 { width: calc( 58.33333% - 0.75rem); } .c-grid2 > .sp-item8 { width: calc( 66.66667% - 0.75rem); } .c-grid2 > .sp-item9 { width: calc( 75% - 0.75rem); } .c-grid2 > .sp-item10 { width: calc( 83.33333% - 0.75rem); } .c-grid2 > .sp-item11 { width: calc( 91.66667% - 0.75rem); } .c-grid2 > .sp-item12 { width: calc( 100% - 0.75rem); } .c-grid2 > .sp-item5col { width: calc( 20% - 0.75rem); } }

.c-grid2--2x { margin-right: -2rem; margin-top: -2rem; }

.c-grid2--2x > [class*="c-grid2__item"], .c-grid2--2x > .c-grid2__item5col { margin-right: 2rem; margin-top: 2rem; }

.c-grid2--2x > .c-grid2__item1 { width: calc( 8.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item2 { width: calc( 16.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item3 { width: calc( 25% - 2rem); }

.c-grid2--2x > .c-grid2__item4 { width: calc( 33.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item5 { width: calc( 41.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item6 { width: calc( 50% - 2rem); }

.c-grid2--2x > .c-grid2__item7 { width: calc( 58.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item8 { width: calc( 66.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item9 { width: calc( 75% - 2rem); }

.c-grid2--2x > .c-grid2__item10 { width: calc( 83.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item11 { width: calc( 91.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item12 { width: calc( 100% - 2rem); }

.c-grid2--2x > .c-grid2__item5col { width: calc( 20% - 2rem); }

@media screen and (max-width: 900px) { .c-grid2--2x { margin-right: -2rem; margin-top: -2rem; } .c-grid2--2x > [class*="c-grid2__item"], .c-grid2--2x > .c-grid2__item5col { margin-right: 2rem; margin-top: 2rem; } .c-grid2--2x > .c-grid2__item1 { width: calc( 8.33333% - 2rem); } .c-grid2--2x > .c-grid2__item2 { width: calc( 16.66667% - 2rem); } .c-grid2--2x > .c-grid2__item3 { width: calc( 25% - 2rem); } .c-grid2--2x > .c-grid2__item4 { width: calc( 33.33333% - 2rem); } .c-grid2--2x > .c-grid2__item5 { width: calc( 41.66667% - 2rem); } .c-grid2--2x > .c-grid2__item6 { width: calc( 50% - 2rem); } .c-grid2--2x > .c-grid2__item7 { width: calc( 58.33333% - 2rem); } .c-grid2--2x > .c-grid2__item8 { width: calc( 66.66667% - 2rem); } .c-grid2--2x > .c-grid2__item9 { width: calc( 75% - 2rem); } .c-grid2--2x > .c-grid2__item10 { width: calc( 83.33333% - 2rem); } .c-grid2--2x > .c-grid2__item11 { width: calc( 91.66667% - 2rem); } .c-grid2--2x > .c-grid2__item12 { width: calc( 100% - 2rem); } .c-grid2--2x > .c-grid2__item5col { width: calc( 20% - 2rem); } .c-grid2--2x > .m-item1 { width: calc( 8.33333% - 2rem); } .c-grid2--2x > .m-item2 { width: calc( 16.66667% - 2rem); } .c-grid2--2x > .m-item3 { width: calc( 25% - 2rem); } .c-grid2--2x > .m-item4 { width: calc( 33.33333% - 2rem); } .c-grid2--2x > .m-item5 { width: calc( 41.66667% - 2rem); } .c-grid2--2x > .m-item6 { width: calc( 50% - 2rem); } .c-grid2--2x > .m-item7 { width: calc( 58.33333% - 2rem); } .c-grid2--2x > .m-item8 { width: calc( 66.66667% - 2rem); } .c-grid2--2x > .m-item9 { width: calc( 75% - 2rem); } .c-grid2--2x > .m-item10 { width: calc( 83.33333% - 2rem); } .c-grid2--2x > .m-item11 { width: calc( 91.66667% - 2rem); } .c-grid2--2x > .m-item12 { width: calc( 100% - 2rem); } .c-grid2--2x > .m-item5col { width: calc( 20% - 2rem); } }

@media screen and (max-width: 736px) { .c-grid2--2x { margin-right: -1.5rem; margin-top: -1.5rem; } .c-grid2--2x > [class*="c-grid2__item"], .c-grid2--2x > .c-grid2__item5col { margin-right: 1.5rem; margin-top: 1.5rem; } .c-grid2--2x > .c-grid2__item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item3 { width: calc( 25% - 1.5rem); } .c-grid2--2x > .c-grid2__item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item6 { width: calc( 50% - 1.5rem); } .c-grid2--2x > .c-grid2__item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item9 { width: calc( 75% - 1.5rem); } .c-grid2--2x > .c-grid2__item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item12 { width: calc( 100% - 1.5rem); } .c-grid2--2x > .c-grid2__item5col { width: calc( 20% - 1.5rem); } .c-grid2--2x > .sp-item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2--2x > .sp-item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2--2x > .sp-item3 { width: calc( 25% - 1.5rem); } .c-grid2--2x > .sp-item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2--2x > .sp-item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2--2x > .sp-item6 { width: calc( 50% - 1.5rem); } .c-grid2--2x > .sp-item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2--2x > .sp-item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2--2x > .sp-item9 { width: calc( 75% - 1.5rem); } .c-grid2--2x > .sp-item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2--2x > .sp-item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2--2x > .sp-item12 { width: calc( 100% - 1.5rem); } .c-grid2--2x > .sp-item5col { width: calc( 20% - 1.5rem); } }

.c-grid2--4x { margin-right: -4rem; margin-top: -4rem; }

.c-grid2--4x > [class*="c-grid2__item"], .c-grid2--4x > .c-grid2__item5col { margin-right: 4rem; margin-top: 4rem; }

.c-grid2--4x > .c-grid2__item1 { width: calc( 8.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item2 { width: calc( 16.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item3 { width: calc( 25% - 4rem); }

.c-grid2--4x > .c-grid2__item4 { width: calc( 33.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item5 { width: calc( 41.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item6 { width: calc( 50% - 4rem); }

.c-grid2--4x > .c-grid2__item7 { width: calc( 58.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item8 { width: calc( 66.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item9 { width: calc( 75% - 4rem); }

.c-grid2--4x > .c-grid2__item10 { width: calc( 83.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item11 { width: calc( 91.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item12 { width: calc( 100% - 4rem); }

.c-grid2--4x > .c-grid2__item5col { width: calc( 20% - 4rem); }

@media screen and (max-width: 900px) { .c-grid2--4x { margin-right: -4rem; margin-top: -4rem; } .c-grid2--4x > [class*="c-grid2__item"], .c-grid2--4x > .c-grid2__item5col { margin-right: 4rem; margin-top: 4rem; } .c-grid2--4x > .c-grid2__item1 { width: calc( 8.33333% - 4rem); } .c-grid2--4x > .c-grid2__item2 { width: calc( 16.66667% - 4rem); } .c-grid2--4x > .c-grid2__item3 { width: calc( 25% - 4rem); } .c-grid2--4x > .c-grid2__item4 { width: calc( 33.33333% - 4rem); } .c-grid2--4x > .c-grid2__item5 { width: calc( 41.66667% - 4rem); } .c-grid2--4x > .c-grid2__item6 { width: calc( 50% - 4rem); } .c-grid2--4x > .c-grid2__item7 { width: calc( 58.33333% - 4rem); } .c-grid2--4x > .c-grid2__item8 { width: calc( 66.66667% - 4rem); } .c-grid2--4x > .c-grid2__item9 { width: calc( 75% - 4rem); } .c-grid2--4x > .c-grid2__item10 { width: calc( 83.33333% - 4rem); } .c-grid2--4x > .c-grid2__item11 { width: calc( 91.66667% - 4rem); } .c-grid2--4x > .c-grid2__item12 { width: calc( 100% - 4rem); } .c-grid2--4x > .c-grid2__item5col { width: calc( 20% - 4rem); } .c-grid2--4x > .m-item1 { width: calc( 8.33333% - 4rem); } .c-grid2--4x > .m-item2 { width: calc( 16.66667% - 4rem); } .c-grid2--4x > .m-item3 { width: calc( 25% - 4rem); } .c-grid2--4x > .m-item4 { width: calc( 33.33333% - 4rem); } .c-grid2--4x > .m-item5 { width: calc( 41.66667% - 4rem); } .c-grid2--4x > .m-item6 { width: calc( 50% - 4rem); } .c-grid2--4x > .m-item7 { width: calc( 58.33333% - 4rem); } .c-grid2--4x > .m-item8 { width: calc( 66.66667% - 4rem); } .c-grid2--4x > .m-item9 { width: calc( 75% - 4rem); } .c-grid2--4x > .m-item10 { width: calc( 83.33333% - 4rem); } .c-grid2--4x > .m-item11 { width: calc( 91.66667% - 4rem); } .c-grid2--4x > .m-item12 { width: calc( 100% - 4rem); } .c-grid2--4x > .m-item5col { width: calc( 20% - 4rem); } }

@media screen and (max-width: 736px) { .c-grid2--4x { margin-right: -3rem; margin-top: -3rem; } .c-grid2--4x > [class*="c-grid2__item"], .c-grid2--4x > .c-grid2__item5col { margin-right: 3rem; margin-top: 3rem; } .c-grid2--4x > .c-grid2__item1 { width: calc( 8.33333% - 3rem); } .c-grid2--4x > .c-grid2__item2 { width: calc( 16.66667% - 3rem); } .c-grid2--4x > .c-grid2__item3 { width: calc( 25% - 3rem); } .c-grid2--4x > .c-grid2__item4 { width: calc( 33.33333% - 3rem); } .c-grid2--4x > .c-grid2__item5 { width: calc( 41.66667% - 3rem); } .c-grid2--4x > .c-grid2__item6 { width: calc( 50% - 3rem); } .c-grid2--4x > .c-grid2__item7 { width: calc( 58.33333% - 3rem); } .c-grid2--4x > .c-grid2__item8 { width: calc( 66.66667% - 3rem); } .c-grid2--4x > .c-grid2__item9 { width: calc( 75% - 3rem); } .c-grid2--4x > .c-grid2__item10 { width: calc( 83.33333% - 3rem); } .c-grid2--4x > .c-grid2__item11 { width: calc( 91.66667% - 3rem); } .c-grid2--4x > .c-grid2__item12 { width: calc( 100% - 3rem); } .c-grid2--4x > .c-grid2__item5col { width: calc( 20% - 3rem); } .c-grid2--4x > .sp-item1 { width: calc( 8.33333% - 3rem); } .c-grid2--4x > .sp-item2 { width: calc( 16.66667% - 3rem); } .c-grid2--4x > .sp-item3 { width: calc( 25% - 3rem); } .c-grid2--4x > .sp-item4 { width: calc( 33.33333% - 3rem); } .c-grid2--4x > .sp-item5 { width: calc( 41.66667% - 3rem); } .c-grid2--4x > .sp-item6 { width: calc( 50% - 3rem); } .c-grid2--4x > .sp-item7 { width: calc( 58.33333% - 3rem); } .c-grid2--4x > .sp-item8 { width: calc( 66.66667% - 3rem); } .c-grid2--4x > .sp-item9 { width: calc( 75% - 3rem); } .c-grid2--4x > .sp-item10 { width: calc( 83.33333% - 3rem); } .c-grid2--4x > .sp-item11 { width: calc( 91.66667% - 3rem); } .c-grid2--4x > .sp-item12 { width: calc( 100% - 3rem); } .c-grid2--4x > .sp-item5col { width: calc( 20% - 3rem); } }

@media screen and (max-width: 900px) { .c-grid2.m-2x { margin-right: -2rem; margin-top: -2rem; } .c-grid2.m-2x > [class*="c-grid2__item"], .c-grid2.m-2x > .c-grid2__item5col { margin-right: 2rem; margin-top: 2rem; } .c-grid2.m-2x > .c-grid2__item1 { width: calc( 8.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item2 { width: calc( 16.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item3 { width: calc( 25% - 2rem); } .c-grid2.m-2x > .c-grid2__item4 { width: calc( 33.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item5 { width: calc( 41.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item6 { width: calc( 50% - 2rem); } .c-grid2.m-2x > .c-grid2__item7 { width: calc( 58.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item8 { width: calc( 66.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item9 { width: calc( 75% - 2rem); } .c-grid2.m-2x > .c-grid2__item10 { width: calc( 83.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item11 { width: calc( 91.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item12 { width: calc( 100% - 2rem); } .c-grid2.m-2x > .c-grid2__item5col { width: calc( 20% - 2rem); } .c-grid2.m-2x > .m-item1 { width: calc( 8.33333% - 2rem); } .c-grid2.m-2x > .m-item2 { width: calc( 16.66667% - 2rem); } .c-grid2.m-2x > .m-item3 { width: calc( 25% - 2rem); } .c-grid2.m-2x > .m-item4 { width: calc( 33.33333% - 2rem); } .c-grid2.m-2x > .m-item5 { width: calc( 41.66667% - 2rem); } .c-grid2.m-2x > .m-item6 { width: calc( 50% - 2rem); } .c-grid2.m-2x > .m-item7 { width: calc( 58.33333% - 2rem); } .c-grid2.m-2x > .m-item8 { width: calc( 66.66667% - 2rem); } .c-grid2.m-2x > .m-item9 { width: calc( 75% - 2rem); } .c-grid2.m-2x > .m-item10 { width: calc( 83.33333% - 2rem); } .c-grid2.m-2x > .m-item11 { width: calc( 91.66667% - 2rem); } .c-grid2.m-2x > .m-item12 { width: calc( 100% - 2rem); } .c-grid2.m-2x > .m-item5col { width: calc( 20% - 2rem); } }

@media screen and (max-width: 736px) { .c-grid2.sp-2x { margin-right: -1.5rem; margin-top: -1.5rem; } .c-grid2.sp-2x > [class*="c-grid2__item"], .c-grid2.sp-2x > .c-grid2__item5col { margin-right: 1.5rem; margin-top: 1.5rem; } .c-grid2.sp-2x > .c-grid2__item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item3 { width: calc( 25% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item6 { width: calc( 50% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item9 { width: calc( 75% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item12 { width: calc( 100% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item5col { width: calc( 20% - 1.5rem); } .c-grid2.sp-2x > .sp-item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item3 { width: calc( 25% - 1.5rem); } .c-grid2.sp-2x > .sp-item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item6 { width: calc( 50% - 1.5rem); } .c-grid2.sp-2x > .sp-item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item9 { width: calc( 75% - 1.5rem); } .c-grid2.sp-2x > .sp-item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item12 { width: calc( 100% - 1.5rem); } .c-grid2.sp-2x > .sp-item5col { width: calc( 20% - 1.5rem); } }

@media screen and (max-width: 900px) { .c-grid2.m-4x { margin-right: -4rem; margin-top: -4rem; } .c-grid2.m-4x > [class*="c-grid2__item"], .c-grid2.m-4x > .c-grid2__item5col { margin-right: 4rem; margin-top: 4rem; } .c-grid2.m-4x > .c-grid2__item1 { width: calc( 8.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item2 { width: calc( 16.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item3 { width: calc( 25% - 4rem); } .c-grid2.m-4x > .c-grid2__item4 { width: calc( 33.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item5 { width: calc( 41.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item6 { width: calc( 50% - 4rem); } .c-grid2.m-4x > .c-grid2__item7 { width: calc( 58.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item8 { width: calc( 66.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item9 { width: calc( 75% - 4rem); } .c-grid2.m-4x > .c-grid2__item10 { width: calc( 83.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item11 { width: calc( 91.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item12 { width: calc( 100% - 4rem); } .c-grid2.m-4x > .c-grid2__item5col { width: calc( 20% - 4rem); } .c-grid2.m-4x > .m-item1 { width: calc( 8.33333% - 4rem); } .c-grid2.m-4x > .m-item2 { width: calc( 16.66667% - 4rem); } .c-grid2.m-4x > .m-item3 { width: calc( 25% - 4rem); } .c-grid2.m-4x > .m-item4 { width: calc( 33.33333% - 4rem); } .c-grid2.m-4x > .m-item5 { width: calc( 41.66667% - 4rem); } .c-grid2.m-4x > .m-item6 { width: calc( 50% - 4rem); } .c-grid2.m-4x > .m-item7 { width: calc( 58.33333% - 4rem); } .c-grid2.m-4x > .m-item8 { width: calc( 66.66667% - 4rem); } .c-grid2.m-4x > .m-item9 { width: calc( 75% - 4rem); } .c-grid2.m-4x > .m-item10 { width: calc( 83.33333% - 4rem); } .c-grid2.m-4x > .m-item11 { width: calc( 91.66667% - 4rem); } .c-grid2.m-4x > .m-item12 { width: calc( 100% - 4rem); } .c-grid2.m-4x > .m-item5col { width: calc( 20% - 4rem); } }

@media screen and (max-width: 736px) { .c-grid2.sp-4x { margin-right: -3rem; margin-top: -3rem; } .c-grid2.sp-4x > [class*="c-grid2__item"], .c-grid2.sp-4x > .c-grid2__item5col { margin-right: 3rem; margin-top: 3rem; } .c-grid2.sp-4x > .c-grid2__item1 { width: calc( 8.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item2 { width: calc( 16.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item3 { width: calc( 25% - 3rem); } .c-grid2.sp-4x > .c-grid2__item4 { width: calc( 33.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item5 { width: calc( 41.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item6 { width: calc( 50% - 3rem); } .c-grid2.sp-4x > .c-grid2__item7 { width: calc( 58.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item8 { width: calc( 66.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item9 { width: calc( 75% - 3rem); } .c-grid2.sp-4x > .c-grid2__item10 { width: calc( 83.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item11 { width: calc( 91.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item12 { width: calc( 100% - 3rem); } .c-grid2.sp-4x > .c-grid2__item5col { width: calc( 20% - 3rem); } .c-grid2.sp-4x > .sp-item1 { width: calc( 8.33333% - 3rem); } .c-grid2.sp-4x > .sp-item2 { width: calc( 16.66667% - 3rem); } .c-grid2.sp-4x > .sp-item3 { width: calc( 25% - 3rem); } .c-grid2.sp-4x > .sp-item4 { width: calc( 33.33333% - 3rem); } .c-grid2.sp-4x > .sp-item5 { width: calc( 41.66667% - 3rem); } .c-grid2.sp-4x > .sp-item6 { width: calc( 50% - 3rem); } .c-grid2.sp-4x > .sp-item7 { width: calc( 58.33333% - 3rem); } .c-grid2.sp-4x > .sp-item8 { width: calc( 66.66667% - 3rem); } .c-grid2.sp-4x > .sp-item9 { width: calc( 75% - 3rem); } .c-grid2.sp-4x > .sp-item10 { width: calc( 83.33333% - 3rem); } .c-grid2.sp-4x > .sp-item11 { width: calc( 91.66667% - 3rem); } .c-grid2.sp-4x > .sp-item12 { width: calc( 100% - 3rem); } .c-grid2.sp-4x > .sp-item5col { width: calc( 20% - 3rem); } }

.c-grid2--5per { margin-right: -5%; margin-top: -5%; }

.c-grid2--5per > [class*="c-grid2__item"], .c-grid2--5per > .c-grid2__item5col { margin-right: 5%; margin-top: 5%; }

.c-grid2--5per > .c-grid2__item1 { width: calc( 8.33333% - 5%); }

.c-grid2--5per > .c-grid2__item2 { width: calc( 16.66667% - 5%); }

.c-grid2--5per > .c-grid2__item3 { width: calc( 25% - 5%); }

.c-grid2--5per > .c-grid2__item4 { width: calc( 33.33333% - 5%); }

.c-grid2--5per > .c-grid2__item5 { width: calc( 41.66667% - 5%); }

.c-grid2--5per > .c-grid2__item6 { width: calc( 50% - 5%); }

.c-grid2--5per > .c-grid2__item7 { width: calc( 58.33333% - 5%); }

.c-grid2--5per > .c-grid2__item8 { width: calc( 66.66667% - 5%); }

.c-grid2--5per > .c-grid2__item9 { width: calc( 75% - 5%); }

.c-grid2--5per > .c-grid2__item10 { width: calc( 83.33333% - 5%); }

.c-grid2--5per > .c-grid2__item11 { width: calc( 91.66667% - 5%); }

.c-grid2--5per > .c-grid2__item12 { width: calc( 100% - 5%); }

.c-grid2--5per > .c-grid2__item5col { width: calc( 20% - 5%); }

@media screen and (max-width: 900px) { .c-grid2--5per > .m-item1 { width: calc( 8.33333% - 5%); } .c-grid2--5per > .m-item2 { width: calc( 16.66667% - 5%); } .c-grid2--5per > .m-item3 { width: calc( 25% - 5%); } .c-grid2--5per > .m-item4 { width: calc( 33.33333% - 5%); } .c-grid2--5per > .m-item5 { width: calc( 41.66667% - 5%); } .c-grid2--5per > .m-item6 { width: calc( 50% - 5%); } .c-grid2--5per > .m-item7 { width: calc( 58.33333% - 5%); } .c-grid2--5per > .m-item8 { width: calc( 66.66667% - 5%); } .c-grid2--5per > .m-item9 { width: calc( 75% - 5%); } .c-grid2--5per > .m-item10 { width: calc( 83.33333% - 5%); } .c-grid2--5per > .m-item11 { width: calc( 91.66667% - 5%); } .c-grid2--5per > .m-item12 { width: calc( 100% - 5%); } .c-grid2--5per > .m-item5col { width: calc( 20% - 5%); } }

@media screen and (max-width: 736px) { .c-grid2--5per > .sp-item1 { width: calc( 8.33333% - 5%); } .c-grid2--5per > .sp-item2 { width: calc( 16.66667% - 5%); } .c-grid2--5per > .sp-item3 { width: calc( 25% - 5%); } .c-grid2--5per > .sp-item4 { width: calc( 33.33333% - 5%); } .c-grid2--5per > .sp-item5 { width: calc( 41.66667% - 5%); } .c-grid2--5per > .sp-item6 { width: calc( 50% - 5%); } .c-grid2--5per > .sp-item7 { width: calc( 58.33333% - 5%); } .c-grid2--5per > .sp-item8 { width: calc( 66.66667% - 5%); } .c-grid2--5per > .sp-item9 { width: calc( 75% - 5%); } .c-grid2--5per > .sp-item10 { width: calc( 83.33333% - 5%); } .c-grid2--5per > .sp-item11 { width: calc( 91.66667% - 5%); } .c-grid2--5per > .sp-item12 { width: calc( 100% - 5%); } .c-grid2--5per > .sp-item5col { width: calc( 20% - 5%); } }

@media screen and (max-width: 900px) { .c-grid2.m-5per { margin-right: -5%; margin-top: -5%; } .c-grid2.m-5per > [class*="c-grid2__item"], .c-grid2.m-5per > .c-grid2__item5col { margin-right: 5%; margin-top: 5%; } .c-grid2.m-5per > .c-grid2__item1 { width: calc( 8.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item2 { width: calc( 16.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item3 { width: calc( 25% - 5%); } .c-grid2.m-5per > .c-grid2__item4 { width: calc( 33.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item5 { width: calc( 41.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item6 { width: calc( 50% - 5%); } .c-grid2.m-5per > .c-grid2__item7 { width: calc( 58.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item8 { width: calc( 66.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item9 { width: calc( 75% - 5%); } .c-grid2.m-5per > .c-grid2__item10 { width: calc( 83.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item11 { width: calc( 91.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item12 { width: calc( 100% - 5%); } .c-grid2.m-5per > .c-grid2__item5col { width: calc( 20% - 5%); } .c-grid2.m-5per > .m-item1 { width: calc( 8.33333% - 5%); } .c-grid2.m-5per > .m-item2 { width: calc( 16.66667% - 5%); } .c-grid2.m-5per > .m-item3 { width: calc( 25% - 5%); } .c-grid2.m-5per > .m-item4 { width: calc( 33.33333% - 5%); } .c-grid2.m-5per > .m-item5 { width: calc( 41.66667% - 5%); } .c-grid2.m-5per > .m-item6 { width: calc( 50% - 5%); } .c-grid2.m-5per > .m-item7 { width: calc( 58.33333% - 5%); } .c-grid2.m-5per > .m-item8 { width: calc( 66.66667% - 5%); } .c-grid2.m-5per > .m-item9 { width: calc( 75% - 5%); } .c-grid2.m-5per > .m-item10 { width: calc( 83.33333% - 5%); } .c-grid2.m-5per > .m-item11 { width: calc( 91.66667% - 5%); } .c-grid2.m-5per > .m-item12 { width: calc( 100% - 5%); } .c-grid2.m-5per > .m-item5col { width: calc( 20% - 5%); } }

@media screen and (max-width: 736px) { .c-grid2.sp-5per { margin-right: -5%; margin-top: -5%; } .c-grid2.sp-5per > [class*="c-grid2__item"], .c-grid2.sp-5per > .c-grid2__item5col { margin-right: 5%; margin-top: 5%; } .c-grid2.sp-5per > .c-grid2__item1 { width: calc( 8.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item2 { width: calc( 16.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item3 { width: calc( 25% - 5%); } .c-grid2.sp-5per > .c-grid2__item4 { width: calc( 33.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item5 { width: calc( 41.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item6 { width: calc( 50% - 5%); } .c-grid2.sp-5per > .c-grid2__item7 { width: calc( 58.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item8 { width: calc( 66.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item9 { width: calc( 75% - 5%); } .c-grid2.sp-5per > .c-grid2__item10 { width: calc( 83.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item11 { width: calc( 91.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item12 { width: calc( 100% - 5%); } .c-grid2.sp-5per > .c-grid2__item5col { width: calc( 20% - 5%); } .c-grid2.sp-5per > .sp-item1 { width: calc( 8.33333% - 5%); } .c-grid2.sp-5per > .sp-item2 { width: calc( 16.66667% - 5%); } .c-grid2.sp-5per > .sp-item3 { width: calc( 25% - 5%); } .c-grid2.sp-5per > .sp-item4 { width: calc( 33.33333% - 5%); } .c-grid2.sp-5per > .sp-item5 { width: calc( 41.66667% - 5%); } .c-grid2.sp-5per > .sp-item6 { width: calc( 50% - 5%); } .c-grid2.sp-5per > .sp-item7 { width: calc( 58.33333% - 5%); } .c-grid2.sp-5per > .sp-item8 { width: calc( 66.66667% - 5%); } .c-grid2.sp-5per > .sp-item9 { width: calc( 75% - 5%); } .c-grid2.sp-5per > .sp-item10 { width: calc( 83.33333% - 5%); } .c-grid2.sp-5per > .sp-item11 { width: calc( 91.66667% - 5%); } .c-grid2.sp-5per > .sp-item12 { width: calc( 100% - 5%); } .c-grid2.sp-5per > .sp-item5col { width: calc( 20% - 5%); } }

/****************************************************************** component - grid-button .c-grid-button { color: inherit; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; position: relative; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; font-size: 120%; border-radius: 8px; border: 1px solid #B5C1CC; text-align: left; padding: 0.8em 1.0em; position: relative; padding-right: 17.5px; padding-right: 1.4em; transition-property: right, color; transition-duration: 0.3s; }

.c-grid-button:hover { color: inherit; text-decoration: none; }

.c-grid-button--top { align-items: flex-start; }

.c-grid-button--bottom { align-items: flex-end; }

.c-grid-button__inner { box-sizing: border-box; width: 100%; display: block; }

.c-grid-button::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-10px, 3px) rotate(45deg); transform-origin: top right; border-top: 2px solid #930000; border-right: 2px solid #930000; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.c-grid-button:hover { color: #fff; }

.c-grid-button:hover::after { right: -4px; }