section{>.layer{align-items:center;display:flex;flex-flow:column wrap;gap:5rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:767px){gap:4rem}>.headline{align-items:center;display:flex;flex-flow:column wrap;gap:3rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:1024px){gap:2rem}@media (max-width:767px){gap:2rem}>h2{align-items:center;display:flex;flex-flow:row wrap;gap:1rem;height:auto;justify-content:center;margin:0;max-width:128rem;padding:0;position:relative;width:100%;z-index:0;@media (max-width:767px){flex-flow:column wrap;gap:0}>span{align-items:center;color:var(--text-black);display:inline-flex;flex-flow:column wrap;font-size:5.6rem;font-weight:700;height:100%;line-height:1;margin:0;padding:0;text-align:center;width:100%;@media (max-width:1024px){font-size:4.4rem}@media (max-width:767px){font-size:3.8rem}@media (max-width:414px){font-size:3rem}}}>.description{height:auto;margin:0;padding:0;width:100%;>p{align-items:center;color:var(--text-black);display:inline-flex;flex-flow:column wrap;font-size:2rem;font-weight:700;height:auto;line-height:3rem;margin:0;padding:0;text-align:center;width:100%;@media (max-width:767px){font-size:1.6rem;line-height:2.4rem}}}}>.button{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;>a{align-items:center;background-color:var(--background-blue);border:.2rem solid var(--border-blue);border-radius:var(--border-radius-medium);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);display:grid;gap:1rem;grid-template-columns:auto auto;height:auto;justify-content:center;margin:0;padding:2rem 6rem;position:relative;transition:.2s;width:auto;z-index:0;@media (max-width:767px){padding-bottom:1.5rem;padding-left:3rem;padding-right:3rem;padding-top:1.5rem}&:hover{background-color:var(--background-blue);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack);opacity:.8}>p{color:var(--text-white);display:inline-block;font-size:2rem;font-weight:700;height:auto;line-height:2.2rem;margin:0;padding:0;transition:.2s;width:auto;@media (max-width:767px){font-size:1.6rem}}}}}&.visual{align-items:center;background-color:var(--background-black);background-image:url(/wp-content/themes/co_service-site/assets/dist/images/background/top_visual_pc.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;max-height:800px;min-height:800px;overflow:hidden;padding:var(--padding-section-visual);position:relative;width:100%;z-index:100;@media (max-width:1023px){background-image:url(/wp-content/themes/co_service-site/assets/dist/images/background/top_visual_tab.webp)}@media (max-width:767px){background-image:url(/wp-content/themes/co_service-site/assets/dist/images/background/top_visual_sp.webp);justify-content:flex-end}>.layer{height:auto;margin:0;padding:0;width:100%;>.info{align-items:center;display:grid;gap:3rem;grid-template-columns:100%;height:auto;justify-content:center;margin:0;max-width:110rem;padding:0;width:100%;@media (max-width:767px){gap:3rem}>.headline{height:auto;margin:0;padding:0;width:100%;>h2{align-items:center;display:grid;gap:0;grid-template-columns:100%;grid-template-rows:auto;height:auto;justify-content:center;margin:0;padding:0;width:100%;>span{color:var(--text-white);font-size:5rem;font-weight:700;height:auto;margin:0;padding:0;text-align:left;width:100%;@media (max-width:767px){font-size:6.5vw}>br{@media (max-width:767px){display:none}}}}}>.description{height:auto;margin:0;padding:0;width:100%;>p{color:var(--text-white);font-size:2rem;font-weight:500;height:auto;margin:0;padding:0;text-align:left;width:100%;@media (max-width:767px){font-size:1.6rem}>br{@media (max-width:767px){display:none}}}}>.badge{align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(2,auto);height:auto;justify-content:start;margin:0;padding:0;width:100%;@media (max-width:767px){align-items:start;gap:2rem;grid-template-columns:repeat(2,1fr);justify-content:center}>.object{align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(2,auto);height:auto;justify-content:start;margin:0;padding:0;width:100%;@media (max-width:767px){display:flex;flex-flow:column wrap;justify-content:center}>img{height:auto;margin:0;max-height:8rem;padding:0;width:auto;@media (max-width:767px){max-height:8rem}}>p{color:var(--text-white);font-size:1.6rem;font-weight:500;height:auto;margin:0;padding:0;text-align:left;width:100%;@media (max-width:767px){text-align:center}>span{color:var(--text-yellow);font-size:1.6rem;font-weight:500;text-align:center}}}}>.buttons{align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(2,auto);height:auto;justify-content:start;margin:0;padding:0;width:auto;@media (max-width:767px){gap:2rem;grid-template-columns:repeat(2,1fr)}@media (max-width:414px){grid-template-columns:100%}>.button{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;>a{align-items:center;border-radius:1rem;color:var(--text-white);display:flex;flex-flow:row wrap;font-size:1.6rem;font-weight:700;gap:.8rem;height:auto;justify-content:center;margin:0;min-width:25rem;padding:1.6rem 3rem;text-align:center;transition:.2s;width:100%;@media (max-width:767px){font-size:1.4rem;min-width:100%;padding-bottom:1rem;padding-left:2rem;padding-right:2rem;padding-top:1rem}&:hover{opacity:.8}&:before{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";height:3rem;margin:0;padding:0;transition:.2s;width:3rem}&.material{background-color:var(--background-orange);&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/material_white.svg)}}&.contact{background-color:var(--background-blue);&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/mail_white.svg)}}}}}}}}&.our-mission{align-items:center;background-color:var(--background-white);display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:var(--padding-section-our-mission);position:relative;width:100%;z-index:100;>.layer{align-items:center;display:flex;flex-flow:column wrap;gap:5rem;height:auto;justify-content:center;margin:0;width:100%;@media (max-width:767px){gap:4rem}&:first-child{background-color:var(--background-blue);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);padding:10rem 3rem 15rem;position:relative;z-index:0;@media (max-width:767px){clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);padding-bottom:10rem;padding-left:3rem;padding-right:3rem;padding-top:8rem}}&:last-child{padding:6rem 3rem 8rem;@media (max-width:767px){padding-bottom:6rem;padding-left:3rem;padding-right:3rem;padding-top:5rem}}>.headline{gap:1rem;>h2{>span{color:var(--text-white)}}>.description{>p{color:var(--text-white)}}}>.description{align-items:center;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:767px){gap:1rem}>p{color:var(--text-white);font-size:1.8rem;font-weight:500;height:auto;margin:0;padding:0;text-align:center;width:100%;@media (max-width:767px){font-size:1.6rem;text-align:left}>br{@media (max-width:767px){display:none}}}}>.button{>a{background-color:var(--background-black);background-image:url(/wp-content/themes/co_service-site/assets/src/images/icon/external-link_white.svg);background-position:right 3rem top 50%;background-repeat:no-repeat;background-size:2rem;border:.2rem solid var(--border-black);border-radius:var(--border-radius-max);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);grid-template-columns:auto;min-width:40rem;padding:2rem 10rem;@media (max-width:767px){min-width:100%;padding-bottom:1.5rem;padding-left:3rem;padding-right:3rem;padding-top:1.5rem}&:hover{background-color:var(--background-black);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack)}&:before{display:none}>p{color:var(--text-white)}}}}}&.service{align-items:center;background-color:#f7f7f7;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:var(--padding-section-service);position:relative;width:100%;z-index:100;>.layer{align-items:center;display:flex;flex-flow:column wrap;gap:5rem;height:auto;justify-content:center;margin:0;max-width:-moz-max-content;max-width:max-content;padding:0;width:100%;@media (max-width:767px){gap:4rem}>.button{>a{background-color:var(--background-blue);border:.2rem solid var(--border-blue);border-radius:var(--border-radius-medium);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);&:hover{background-color:var(--background-blue);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack)}&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/mail_white.svg)}>p{color:var(--text-white)}}}}}&.base-design-theme{align-items:center;background-color:var(--background-white);display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:var(--padding-section-base-design-theme);position:relative;width:100%;z-index:100;>.layer{align-items:center;display:flex;flex-flow:column wrap;gap:5rem;height:auto;justify-content:center;margin:0;max-width:-moz-max-content;max-width:max-content;padding:0;width:100%;@media (max-width:767px){gap:4rem}>.headline{>h2{>span{width:auto}}}>.button{>a{background-color:var(--background-black);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(--border-black);border-radius:var(--border-radius-max);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);grid-template-columns:auto;padding:2rem 8rem;@media (max-width:767px){min-width:100%;padding-bottom:1.6rem;padding-left:6rem;padding-right:6rem;padding-top:1.6rem}&:hover{background-color:var(--background-black);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack)}&:before{display:none}>p{color:var(--text-white)}}}}}&.blog{align-items:center;background-color:var(--background-white);background:url(/wp-content/themes/co_service-site/assets/dist/images/background/blog.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column wrap;gap:0;height:auto;justify-content:center;margin:0;padding:8rem 3rem;position:relative;width:100%;z-index:100;@media (max-width:767px){padding-bottom:6rem;padding-left:3rem;padding-right:3rem;padding-top:6rem}>.layer{align-items:center;display:flex;flex-flow:column wrap;gap:8rem;height:auto;justify-content:center;margin:0;max-width:-moz-max-content;max-width:max-content;padding:0;width:100%;@media (max-width:767px){gap:4rem}>.headline{>h2{>span{color:var(--text-white);text-shadow:0 0 .5rem #6d858c}}>.description{>p{color:var(--text-white);text-shadow:0 0 .5rem #6d858c}}}>.swiper-unit{align-items:center;display:flex;flex-flow:column wrap;gap:5rem;height:auto;justify-content:center;margin:0;max-width:100%;padding:0;position:relative;width:100%;z-index:0;@media (max-width:767px){gap:3rem}>.swiper{align-items:center;display:flex;flex-flow:column wrap;gap:3rem;height:auto;justify-content:center;margin:0;max-width:110rem;opacity:0;overflow:hidden;padding:0;transform-origin:center center;transition:.3s ease;visibility:hidden;width:100%;&.swiper-initialized{opacity:1;visibility:visible}>.swiper-wrapper{height:auto;margin:0;max-width:100%;padding:0;width:100%;>.swiper-slide{height:auto;margin:0;max-width:100%;padding:0;width:100%;>.object{align-items:center;border-radius:var(--border-radius-medium);display:flex;flex-flow:column wrap;gap:12.8rem;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:100%;z-index:0;>a{align-items:center;display:grid;gap:0;grid-template-columns:100%;grid-template-rows:1fr auto;height:100%;justify-content:center;margin:0;padding:0;width:100%;>picture.eyecatch{align-items:center;background-color:var(--background-gray);display:flex;flex-flow:column wrap;gap:0;height:100%;justify-content:center;position:unset;width:100%;>img{height:100%;margin:0;-o-object-fit:contain;object-fit:contain;padding:0;width:100%}}>.info{align-items:center;background-color:var(--background-white);display:flex;flex-flow:column wrap;gap:1rem;height:auto;justify-content:center;margin:0;padding:2rem;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%}}>h3{color:var(--text-black);display:-webkit-box;font-size:1.6rem;font-weight:500;height:auto;line-height:2.4rem;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:wrap;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}}}}}}}>.swiper-pagination{align-items:center;display:inline-flex;flex-flow:row wrap;gap:1.5rem;height:2rem;justify-content:center;position:relative;width:auto;z-index:10;@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-black);opacity:1}}>.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}}}}}>.button{>a{background-color:var(--background-white);border:.2rem solid var(--border-white);border-radius:var(--border-radius-medium);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);grid-template-columns:auto;@media (max-width:767px){min-width:100%;padding-bottom:1.5rem;padding-left:6rem;padding-right:6rem;padding-top:1.5rem}&:hover{background-color:var(--background-white);box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack)}&:before{content:unset}>p{color:var(--text-black)}}}}}}