:root {
--title_color:#171717;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.footer_service {
 padding: 56px 0px 53px;
 background-color: rgb(246, 244, 249);
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.footer_service {
 padding: 3rem 0px;
 }}
.footer_service .syeditorlist {
 width: calc(100% - 40px);
 max-width: 1834px;
 margin: 0px auto;
 gap: 3rem 3%;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 }
@media screen and (max-width: 768px){
.footer_service .syeditorlist {
 gap: 1.8rem;
 }}
.footer_service .item {
 flex: 1 0 250px;
 display: grid;
 gap: 5px 22px;
 grid-template-columns: auto 1fr;
 }
@media screen and (max-width: 768px){
.footer_service .item {
 gap: 3px 1rem;
 }}
.footer_service .item .icon {
 width: 22px;
 aspect-ratio: 1 / 1;
 grid-row: span 2;
 transform: translateY(5px);
 background: center center / contain no-repeat;
 }
h1, h2, h3, h4, h5, h6, .title {
 font-family: "Shippori Mincho", sans-serif;
 }
.footer_service .item .title {
 font-size: 20px;
 font-weight: 500;
 }
@media screen and (max-width: 768px){
.footer_service .item .title {
 font-size: 18px;
 }}
.footer_service .item .desc {
 color: rgb(76, 76, 76);
 font-size: 14px;
 font-weight: 300;
 line-height: 1.5;
 }
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 color: var(--title_color);
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
 
@media screen and (max-width: 786px){


}