section{&.blog{&.post{align-items:stretch;display:grid;gap:6rem;grid-template-columns:auto;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}>.layer{align-items:start;border-bottom:.1rem solid var(--border-gray);display:grid;gap:3rem;grid-template-columns:1fr 28rem;height:auto;justify-content:start;margin:0;max-width:110rem;padding:0 0 8rem;width:100%;@media (max-width:1024px){grid-template-columns:100%}>article{align-items:center;display:flex;flex-flow:column wrap;gap:5rem;height:auto;justify-content:start;margin:0;padding:0;width:100%;>header{align-items:center;border-bottom:.1rem solid var(--border-turquoise);display:flex;flex-flow:column wrap;gap:3rem;height:auto;justify-content:start;margin:0;padding:0 0 3rem;width:100%;@media (max-width:767px){padding-bottom:2rem;padding-left:0;padding-right:0;padding-top:0}>figure.eyecatch{height:auto;margin:0;padding:0;width:100%;>img{display:block;height:auto;margin:0;padding:0;width:100%}}>.layer{align-items:center;display:grid;gap:1.6rem;grid-template-columns:100%;height:auto;justify-content:space-between;margin:0;padding:0;width:100%;>.info{align-items:center;display:grid;gap:1.6rem;grid-template-columns:auto auto;height:auto;justify-content:space-between;margin:0;padding:0;width:100%;@media (max-width:767px){gap:2rem;grid-template-columns:100%}>.date{height:auto;margin:0;padding:0;text-align:left;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%}}>.author{align-items:center;display:grid;gap:1.2rem;grid-template-columns:auto 1fr;height:auto;justify-content:start;margin:0;padding:0;width:100%;>img{align-items:center;border:.1rem solid var(--border-gray);border-radius:5rem;display:flex;flex-flow:column wrap;justify-content:center;overflow:hidden;width:4rem}>img,>p{height:auto;margin:0;padding:0}>p{color:var(--NE-Gray-05);font-size:1.4rem;font-weight:400;text-align:left;width:100%}}>.categories{align-items:flex-start;display:flex;flex-flow:row wrap;gap:.7rem 1rem;height:auto;justify-content:flex-start;margin:0;padding:0;width:100%;>.category{background-color:var(--background-turquoise);border-radius:5rem;height:auto;margin:0;overflow:hidden;padding:.6rem 2rem;transition:.2s;width:auto;@media (max-width:767px){padding-bottom:.6rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:.6rem}>a{color:var(--text-white);display:block;font-size:1.4rem;font-weight:500;height:auto;margin:0;padding:0;text-align:center;width:100%;@media (max-width:767px){font-size:1.2rem}}}}}>.headline{align-items:center;display:flex;flex-flow:column wrap;gap:1rem;height:auto;justify-content:start;margin:0;padding:0;width:100%;>h1{color:var(--text-black);font-size:3rem;font-weight:700;height:auto;line-height:4.2rem;margin:0;padding:0;text-align:left;width:100%;@media (max-width:767px){font-size:2.6rem;line-height:3.6rem}}>h2{color:var(--text-turquoise);font-size:1.8rem;font-weight:500;height:auto;line-height:2.6rem;margin:0;padding:0;text-align:left;width:100%;@media (max-width:767px){font-size:1.6rem;line-height:2.4rem}}}>.share{align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(2,auto);height:auto;justify-content:end;margin:0;padding:0;width:100%;>a{display:block;height:auto;margin:0;padding:0;width:100%;>img{display:block;height:auto;margin:0;max-width:3rem;padding:0;width:100%}}}}}>.content{align-items:start;display:flex;flex-flow:column wrap;gap:1rem;height:auto;justify-content:start;margin:0;padding:0;width:100%;>h2{align-items:start;border-bottom:.1rem solid var(--border-turquoise);border-left:.5rem solid var(--border-turquoise);display:grid;font-size:2.6rem;font-weight:700;gap:1.5rem;grid-template-columns:auto 1fr;height:auto;justify-content:center;margin:3rem 0 1rem;padding:0 0 1rem 2rem;position:relative;width:100%;z-index:0;>span{font-size:2.6rem;font-weight:700}}>h3{align-items:start;border-bottom:.2rem solid var(--border-turquoise);display:grid;font-size:2rem;font-weight:700;gap:1rem;grid-template-columns:auto 1fr;height:auto;justify-content:center;margin:2rem 0 1rem;padding:0 0 1rem;position:relative;width:100%;z-index:0;&:nth-child(2){border-top:none;padding:0 0 1.2rem}&:before{aspect-ratio:1/1;background-color:var(--background-turquoise);border-radius:.2rem;content:"";height:auto;inset:.8rem auto auto 0;margin:0;padding:0;position:relative;width:1.8rem;z-index:0}>span{font-size:2rem;font-weight:700}}>h4{align-items:start;border-bottom:0 solid var(--border-turquoise);display:grid;font-size:1.6rem;font-weight:700;gap:1rem;grid-template-columns:auto 1fr;height:auto;justify-content:center;margin:2rem 0 0;padding:0;position:relative;width:100%;z-index:0;&:before{aspect-ratio:1/1;background-color:var(--background-turquoise);border-radius:.2rem;content:"";height:auto;inset:.6rem auto auto 0;margin:0;padding:0;position:relative;width:1.4rem;z-index:0}>span{font-size:1.6rem;font-weight:700}}>.profile{background-color:var(--blog_article_profile_bg);height:auto;margin:4rem 0;padding:2rem 2.4rem;width:100%}>p{font-size:1.6rem;font-weight:400;height:auto;line-height:2.8rem;margin:0;padding:0;text-align:left;width:100%;word-break:break-all;>strong{font-weight:700}>a,>strong{display:inline;font-size:1.6rem;height:auto;line-height:2.5rem;margin:0;padding:0;text-align:left;width:auto}>a{color:var(--text-blue);font-weight:500;text-decoration:underline}}>figure{border:.1rem solid var(--border-gray);height:auto;margin:2rem 0;padding:0;width:100%;>img{display:block;height:auto;margin:0;padding:0;width:100%}}>ul{height:auto;margin:0;padding:0;width:100%;>li{align-items:start;display:grid;font-size:1.6rem;font-weight:400;gap:.5rem;grid-template-columns:auto 1fr;height:auto;justify-content:start;line-height:2.5rem;margin:0;padding:0;text-align:left;width:100%;&+li{margin:.8rem 0 0}>strong{display:inline-block;font-size:1.6rem;font-weight:700;height:auto;line-height:2.5rem;margin:0;padding:0;text-align:left;width:auto}}}>ol{height:auto;margin:0;padding:0 0 0 2rem;width:100%;>li{font-size:1.6rem;font-weight:400;height:auto;line-height:2.5rem;list-style-type:decimal;margin:0;padding:0 0 0 .5rem;text-align:left;width:100%;&+li{margin:.8rem 0 0}}}}>.sns-share{align-items:center;background-color:#fff;border:.1rem solid #c7c7c7;border-radius:.6rem;display:flex;flex-flow:row wrap;gap:1.5rem 2rem;height:auto;justify-content:center;margin:0;padding:1.8rem 2rem;width:100%;>h3{height:auto;margin:0;padding:0;width:auto;>span{font-size:1.4rem;font-weight:700;height:auto;line-height:1;margin:0;padding:0;text-align:center;width:auto}}>.layer{display:flex;flex-flow:row wrap;height:auto;margin:0;padding:0;width:auto;grid-gap:1rem 2rem;align-items:center;gap:1rem 2rem;justify-content:center;>.facebook,>.hatena,>.twitter{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:auto}>.facebook{>div{align-items:center;display:flex;height:auto!important;justify-content:center;margin:0;padding:0;width:auto!important;>span{align-items:center;display:flex;height:auto!important;justify-content:center;margin:0;padding:0;width:auto!important;>iframe{height:2rem!important;margin:0;padding:0;position:unset!important;width:180px!important}}}}}}}>.author{align-items:center;background-color:var(--background-white);border-radius:.8rem;box-shadow:0 0 1rem .3rem #b7b7b73d;display:grid;gap:3rem;grid-template-columns:auto 1fr;height:auto;justify-content:start;margin:0;max-width:100rem;overflow:hidden;padding:3rem 6rem;width:100%;@media (max-width:1023px){padding-bottom:2rem;padding-left:4rem;padding-right:4rem;padding-top:2rem}@media (max-width:767px){display:flex;flex-flow:column wrap;gap:1rem;justify-content:center;padding-bottom:2rem;padding-left:3rem;padding-right:3rem;padding-top:2rem}>.image{align-items:center;border:.1rem solid var(--border-gray);border-radius:5rem;display:flex;flex-flow:column wrap;height:auto;justify-content:center;margin:0;overflow:hidden;padding:0;width:100%;@media (max-width:767px){width:auto}>img{display:block;height:auto;margin:0;max-width:10rem;padding:0;width:100%}}>.info{align-items:center;display:flex;flex-flow:column wrap;gap:1rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;>p{color:var(--NE-Gray-05);font-size:1.4rem;font-weight:400;height:auto;margin:0;padding:0;text-align:left;width:100%}>.layer{align-items:center;display:flex;flex-flow:column wrap;gap:1rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;>h5{color:var(--text-blue);font-size:2rem;font-weight:700;height:auto;margin:0;padding:0;text-align:left;width:100%}>.text{align-items:center;display:flex;flex-flow:column wrap;gap:.3rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;>p{color:var(--NE-Gray-05);font-size:1.4rem;font-weight:400;height:auto;margin:0;padding:0;text-align:left;width:100%}}}}}>.share{align-items:center;display:grid;gap:2rem;grid-template-columns:auto;height:auto;justify-content:center;margin:0;padding:0;width:100%;>h5{color:var(--text-black);font-size:1.6rem;font-weight:500;height:auto;margin:0;padding:0;text-align:left;width:100%}>.layer{align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(2,auto);height:auto;justify-content:center;margin:0;padding:0;width:100%;>a{display:block;height:auto;margin:0;padding:0;width:100%;>img{display:block;height:auto;margin:0;max-width:3rem;padding:0;width:100%}}}}}>.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(--background-white);background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/arrow-left_black.svg);background-position:left 3.6rem top 50%;background-repeat:no-repeat;border:.2rem solid var(--background-black);border-radius:5rem;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);color:var(--text-black);display:inline-block;font-size:1.6rem;font-weight:500;height:auto;line-height:2.5rem;margin:0;padding:2rem 5rem 2rem 8rem;text-align:center;transition:.2s;width:auto;&:focus-visible,&:hover{background-position:left 3rem top 50%;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack);color:var(--text-black)}}}}}}