section{&.blog{align-items:center;display:grid;gap:0;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:1023px){gap:5rem}>.layer{align-items:center;display:flex;flex-flow:column wrap;gap:6rem;height:auto;justify-content:center;margin:0;padding:8rem 3rem;width:100%;@media (max-width:767px){padding-bottom:6rem;padding-left:3rem;padding-right:3rem;padding-top:6rem}&:has(.categories-post){background-color:var(--background-surfgreen)}>.object{height:auto;margin:0;max-width:110rem;padding:0;width:100%;>.description{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;>p{color:var(--text-black);font-size:2rem;font-weight:500;height:auto;line-height:3.6rem;margin:0;padding:0;text-align:left;width:100%;@media (max-width:767px){font-size:1.6rem;line-height:2.6rem}}}&.new-post,&.popular-post{max-width:110rem;>.list{align-items:center;display:grid;gap:3rem;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;width:100%;>.headline{align-items:center;display:grid;gap:0;grid-template-columns:auto 1fr;height:auto;justify-content:start;margin:0;padding:0;width:100%;&:before{background-color:#34a5a5;background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/pen_white.svg);background-position:50%;background-repeat:no-repeat;background-size:4rem;content:"";height:60px;justify-content:center;padding:0;width:60px}&:before,>h2{align-items:center;display:flex;margin:0}>h2{background-color:#d6eded;color:#34a5a5;font-size:2.5rem;font-weight:700;height:100%;justify-content:start;padding:1rem 2rem;width:100%}}>.swiper-unit{align-items:center;display:flex;flex-flow:column wrap;gap:2rem;height:auto;justify-content:center;margin:0;max-width:100%;padding:0;position:relative;width:100%;z-index:0;>.swiper{height:auto;margin:0;max-width:100%;overflow:hidden;padding:0;width:100%;>.swiper-wrapper{height:auto;margin:0;padding:0;width:100%;>.swiper-slide{height:auto;margin:0;max-width:100%;padding:0;width:100%;>.object{align-items:center;display:grid;gap:2rem;grid-template-columns:100%;grid-template-rows:1fr auto;height:auto;justify-content:center;margin:0;max-width:100%;padding:0;width:100%;>a{align-items:start;display:grid;gap:1.5rem;grid-template-columns:100%;grid-template-rows:1fr auto;height:auto;justify-content:start;margin:0;padding:0;width:100%;>picture.eyecatch{align-items:center;background-color:var(--background-gray);border-radius:.8rem;display:flex;flex-flow:column wrap;gap:0;height:100%;justify-content:center;margin:0;min-height:28rem;overflow:hidden;padding:0;width:100%;&.amazon-consulting,&.market-trend,&.others,&.rakuten-consulting,&.yahoo-consulting{&:before{border-bottom:6.3em solid transparent;content:"";right:0;top:0;z-index:10}&:after,&:before{position:absolute}&:after{color:#fff;display:block;font-size:1.8rem;right:.5rem;top:1.6rem;transform:rotate(45deg);z-index:11}}&.rakuten-consulting:before{border-right:6.3em solid #bd0100}&.yahoo-consulting:before{border-right:6.3em solid #ec4e54}&.amazon-consulting:before{border-right:6.3em solid #ffb300}&.market-trend:before{border-right:6.3em solid #087070}&.others:before{border-right:6.3em solid #34a5a5}&.rakuten-consulting:after{content:"楽天";right:1.2rem}&.yahoo-consulting:after{content:"Yahoo";right:.8rem;top:1.8rem}&.amazon-consulting:after{content:"Amazon";right:0;top:1.8rem}&.market-trend:after{content:"市場動向";font-size:1.6rem;right:0;top:2rem}&.others:after{content:"その他";right:.6rem}>img{height:100%;margin:0;-o-object-fit:contain;object-fit:contain;padding:0;width:100%}}>.info{align-items:stretch;display:flex;flex-flow:column wrap;gap:2rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;>h3{color:var(--text-black);display:-webkit-box;font-size:1.8rem;font-weight:700;height:auto;line-height:3rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:wrap;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}>.layer{align-items:start;display:grid;gap:1.2rem;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%;>.date{height:auto;margin:0;padding:0;width:100%;>p{color:var(--text-black);font-size:1.6rem;font-weight:500;height:auto;line-height:1;margin:0;padding:0;text-align:left;width:100%}}}}}>.categories{align-items:flex-start;display:flex;flex-flow:row wrap;gap:.8rem 1.2rem;height:auto;justify-content:flex-start;margin:0;padding:0;width:100%;>.category{align-items:center;background-color:var(--background-turquoise);border-radius:.5rem;display:grid;gap:.8rem;grid-template-columns:auto;height:auto;justify-content:center;margin:0;padding:.5rem 1.5rem;transition:.2s;width:auto;>a{color:var(--text-white);display:block;font-size:1.4rem;font-weight:400;height:auto;margin:0;padding:0;text-align:center;width:100%}}}}}}}>.swiper-pagination{align-items:center;display:flex;flex-flow:row wrap;gap:1.5rem;justify-content:center;position:unset!important;@media (max-width:1023px){gap:.8rem}>.swiper-pagination-bullet{background-color:var(--background-darkgray);height:1.5rem;margin:0;padding:0;width:1.5rem;@media (max-width:1023px){height:.8rem;width:.8rem}}>.swiper-pagination-bullet-active{background-color:var(--background-blue)}}>.swiper-button{align-items:center;border-radius:1.6rem;display:flex;flex-flow:row wrap;gap:0;height:100%;justify-content:space-between;margin:0;overflow:visible;padding:0;position:absolute;visibility:hidden;width:100%;z-index:10;@media (max-width:767px){display:none}>.next,>.prev{cursor:pointer;display:flex;flex-flow:column wrap;height:auto;justify-content:center;margin:0;position:relative;transition:.2s;visibility:visible;width:auto;z-index:0;&.swiper-button-disabled{cursor:auto;visibility:hidden}&:before{background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-flex;position:relative;z-index:0}&:after,&:before{content:"";margin:0;padding:0;transition:.2s;visibility:visible}&:after{height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:-10}}>.prev{align-items:start;left:-8rem;&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/slide-prev_black.svg);height:5rem;width:5rem;@media (max-width:1023px){width:1.6rem}}}>.next{align-items:end;right:-8rem;&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/slide-next_black.svg);height:5rem;width:5rem;@media (max-width:1023px){width:1.6rem}}}}}}}&.categories-post{align-items:center;display:grid;gap:5rem;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;width:100%;>.headline{>h2{color:var(--text-black);font-size:3.6rem;font-weight:700;height:auto;letter-spacing:.3rem;line-height:4.8rem;margin:0;padding:0;text-align:center;width:100%}}>.layer{align-items:stretch;display:grid;gap:5rem 4rem;grid-template-columns:repeat(3,1fr);height:auto;justify-content:space-between;margin:0;max-width:128rem;width:100%;@media (max-width:1023px){gap:3rem 3rem;grid-template-columns:repeat(2,1fr)}@media (max-width:767px){gap:3rem 3rem;grid-template-columns:100%}>.object{align-items:stretch;display:grid;gap:0;grid-template-columns:100%;grid-template-rows:auto 1fr;height:auto;justify-content:start;margin:0;overflow:hidden;padding:0;position:relative;width:100%;z-index:0;&.rakuten-consulting{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_rakuten-consulting.webp)}}&.yahoo-consulting{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_yahoo-consulting.webp)}}&.amazon-consulting{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_amazon-consulting.webp)}}&.own-company-consulting{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_own-company-consulting.webp)}}&.store-management-agency{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_store-management-agency.webp)}}&.rakuten-seo{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_rakuten-seo.webp)}}&.market-trend{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_market-trend.webp)}}&.ec-build{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_ec-construction.webp)}}&.ec-consulting{>.headline{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/pages/blog/categories_ec-consulting.webp)}}>.headline{align-items:center;background-color:var(--background-gray);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;gap:0;grid-template-columns:auto;height:auto;justify-content:center;margin:0;min-height:20rem;padding:0;width:100%;>p{color:var(--text-white);font-size:3rem;font-weight:700;height:auto;margin:0;padding:0;text-align:center;width:100%}}>.layer{align-items:start;background-color:var(--background-white);display:grid;gap:3rem;grid-template-columns:100%;grid-template-rows:1fr auto;height:auto;justify-content:start;margin:0;padding:3rem 2rem;width:100%;>ul.list{align-items:start;display:grid;gap:2rem;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%;>li{height:auto;margin:0;padding:0;width:100%;>a{align-items:stretch;background-color:var(--background-white);display:grid;gap:1.6rem;grid-template-columns:10rem 1fr;grid-template-rows:10rem;height:100%;justify-content:center;margin:0;padding:0;width:100%;&:hover{>picture.eyecatch{>img{opacity:.8}}}>picture.eyecatch{height:100%;margin:0;padding:0;width:100%;>img{display:block;height:100%;margin:0;-o-object-fit:cover;object-fit:cover;opacity:1;padding:0;transition:.2s;width:100%}}>.info{align-items:stretch;display:grid;gap:.5rem;grid-template-columns:100%;grid-template-rows:auto 1fr;height:auto;justify-content:start;margin:0;padding:0;width:100%;>.date{height:auto;margin:0;padding:0;width:100%;>p{color:var(--text-gray);font-size:1.4rem;font-weight:500;height:auto;line-height:1;margin:0;padding:0;text-align:left;width:100%}}>h3{color:var(--text-black);display:-webkit-box;font-size:1.4rem;font-weight:400;height:auto;line-height:2rem;margin:0;overflow:hidden;padding:0;text-align:left;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:4}}}}}>.button{align-items:center;display:flex;flex-flow:column wrap;gap:.3rem;height:auto;justify-content:start;margin:0;padding:0;width:100%;>a{background-color:var(--button-turquoise);background-image:url(/wp-content/themes/co_service-site/assets/src/images/icon/arrow-right_white.svg);background-position:right 1.6rem top 50%;background-repeat:no-repeat;border:.2rem solid var(--button-turquoise);border-radius:5rem;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);color:var(--text-white);display:inline-block;font-size:1.6rem;font-weight:500;height:auto;line-height:2.5rem;margin:0;padding:1.5rem 3rem;text-align:center;transition:.2s;width:100%;&:focus-visible,&:hover{background-position:right 1.2rem top 50%;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack);color:var(--text-white)}}}}}}}}}}}