.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}@media screen and (min-width: 750px){.blog-articles{grid-template-columns:1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width: 990px){.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}.blog-banner{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);height:272px;position:relative;overflow:hidden}.blog-banner__image{width:100%;height:100%;position:relative}.blog-banner__img{width:100%;height:100%;object-fit:cover;object-position:center}.blog-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;display:block!important}.blog-banner__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;width:100%}.blog-banner__title{font-family:Avenir,sans-serif;font-weight:500;font-size:73px;line-height:73px;color:#fff;margin:0;text-align:center}@media screen and (max-width: 989px){.blog-banner{height:168px}.blog-banner__title{font-weight:600;font-family:Avenir,sans-serif;font-size:48px;line-height:43px;letter-spacing:1.75px;text-align:center;width:100%}}.blog__posts-wrapper{margin-top:2rem}.blog__posts{display:block;width:100%;max-width:1200px;margin:0 auto;padding:0;list-style:none}.blog__posts .blog__post{display:flex;align-items:center;gap:58px;padding:12px 16px;border-top:1px solid #c9caca;margin:0;background:none}.blog__posts .blog__post:last-child{border-bottom:1px solid #c9caca}.blog__post-date{font-family:Noto Sans JP,Arial,sans-serif;font-weight:700;font-size:16px;line-height:28.8px;color:#000;white-space:nowrap;flex-shrink:0}.blog__post-title{font-family:Noto Sans JP,Arial,sans-serif;font-weight:400;font-size:16px;line-height:28.8px;color:#000;text-decoration:none;flex:1}.blog__post-title:hover{color:#1a1a7c;text-decoration:underline}@media screen and (max-width: 989px){.blog__posts{padding:0 15px}.blog__posts .blog__post{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 16px}.blog__post-date{margin-bottom:8px}.blog__post-title{width:100%}}.main-blog{max-width:1000px}.blog-breadcrumbs{padding:15px 0 8px;margin:0 auto}.breadcrumbs__container{display:flex;align-items:center;gap:16px}.breadcrumbs__link{font-family:Avenir,sans-serif;font-weight:400;font-size:15px;line-height:130%;letter-spacing:0px;color:#000;text-decoration:none;transition:opacity .3s ease}.breadcrumbs__link:hover{opacity:.7}.breadcrumbs__arrow{flex-shrink:0}.breadcrumbs__current{font-family:Avenir,sans-serif;font-weight:400;font-size:15px;line-height:130%;letter-spacing:0px;color:#000}@media screen and (max-width: 989px){.breadcrumbs__link,.breadcrumbs__current{font-family:Avenir,sans-serif;font-weight:400;font-size:15px;line-height:130%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-blog.css.map */