*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#333;background:#fff}
body{margin:0;line-height:1.8}
a{color:#1769aa;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{width:min(960px,calc(100% - 40px));margin:0 auto}
.site-header{border-top:5px solid #555;border-bottom:1px solid #ddd;background:#fff}
.header-inner{padding:26px 0}
.site-title{font-size:1.45rem;font-weight:700;color:#333}
.content{padding:34px 0 56px}
h2{font-size:1.45rem;margin:2.2rem 0 1rem;padding:.55rem .8rem;border-left:5px solid #555;background:#f4f4f4}
h2:first-child{margin-top:0}
h3{font-size:1.15rem;margin:2rem 0 .8rem;border-bottom:1px solid #ddd;padding-bottom:.45rem}
h5{font-size:1.05rem;margin:1.3rem 0 .4rem}
ul,ol{padding-left:1.5rem}
li{margin:.35rem 0}
.service-image{display:block;margin:1rem 0}
.service-image img{display:block;max-height:240px;width:auto}
.site-footer{border-top:1px solid #ddd;background:#f5f5f5;padding:28px 0;font-size:.88rem;color:#666}
.site-footer p{margin:.6rem 0 0}
@media(max-width:600px){
  .wrap{width:min(100% - 28px,960px)}
  .header-inner{padding:20px 0}
  .site-title{font-size:1.2rem}
  .content{padding-top:24px}
  h2{font-size:1.25rem}
}

.header-logo{display:block;max-width:min(100%,520px);height:auto}
.site-title{display:inline-block}
.footer-logo-link{display:inline-block;margin-bottom:14px}
.footer-logo{display:block;max-width:220px;height:auto}