/* サービス一覧 /ourbusiness/。.sph の中だけに効かせる */
.sph{box-sizing:border-box;width:100%;max-width:1160px;margin:0 auto;padding:40px 0 96px;color:#39352d;font-family:"LINE Seed JP",sans-serif}
.sph *,.sph *::before,.sph *::after{box-sizing:border-box}
.sph__sp{display:none}
.sph__head{margin:0 0 36px}
.sph__en{margin:0 0 8px;color:#6398bc;font-size:16px;font-weight:700;line-height:1.4}
.sph__title{margin:0 0 14px;padding:0;border:0;background:none;color:#39352d;font-size:32px;font-weight:700;line-height:1.5;text-align:left}
.sph__title::before,.sph__title::after{content:none}
.sph__lead{margin:0;font-size:15px;line-height:1.8}
.sph__guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px;background:#3f7396;border-radius:5px;color:#fff}
.sph__gtitle{margin:0 0 4px;color:#fff;font-size:21px;font-weight:700;line-height:1.5}
.sph__gtext{margin:0;color:#fff;font-size:14px;line-height:1.6}
.sph__btn{display:block;width:240px;flex:none;padding:14px 10px;background:#ebdd9a;border-radius:5px;color:#3f7396;font-size:15px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background .15s}
.sph__btn:hover{background:#e3d27f}
.sph__jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 40px;padding:0;list-style:none}
.sph__jump li{margin:0;padding:0;list-style:none}
.sph__jump li::before{content:none}
.sph__jump a{display:flex;align-items:center;gap:12px;height:64px;padding:0 14px;background:#fff;border-radius:5px;color:#3f7396;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s}
.sph__jump a:hover{background:#e6eff5}
.sph__jump a::after{content:"↓";margin-left:auto}
.sph__jump img{width:40px;height:40px;flex:none;object-fit:contain}
.sph__list{display:grid;gap:24px}
.sph__cat{position:relative;min-height:350px;padding:40px 40px 40px 374px;background:#fff;border-radius:5px;scroll-margin-top:16px}
.sph__sum{position:absolute;top:40px;left:40px;display:block;width:290px;list-style:none;cursor:default}
.sph__sum::-webkit-details-marker{display:none}
.sph__sum img{display:block;width:72px;height:72px;object-fit:contain;margin:0 0 14px}
.sph__stext{display:block}
.sph__name{display:block;color:#3f7396;font-size:21px;font-weight:700;line-height:1.45}
.sph__count{display:none}
.sph__side{position:absolute;top:169px;left:40px;width:290px}
.sph__desc{margin:0 0 16px;font-size:14px;line-height:1.7}
.sph__side .sph__btn{width:100%}
.sph__main{min-width:0}
.sph__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:0;padding:0;list-style:none}
.sph__items li{margin:0;padding:0;border-bottom:1px solid #dcd8c6;list-style:none;font-size:15px;font-weight:700;line-height:1.45}
.sph__items li::before{content:none}
.sph__items a,.sph__items span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:8px 4px 8px 0}
.sph__items a{color:#3f7396;text-decoration:none}
.sph__items a::after{content:"→";flex:none;color:#6398bc}
.sph__items a:hover{color:#6398bc}
.sph__items span{color:#39352d}
.sph__other{margin:18px 0 0;color:#6f6a5e;font-size:13px;line-height:1.7}
.sph a:focus-visible,.sph__sum:focus-visible{outline:3px solid #d9b93f;outline-offset:2px}
@media (max-width:767px){
  .sph{padding:20px 16px 56px}
  .sph__sp{display:inline}
  .sph__head{margin-bottom:24px}
  .sph__en{font-size:13px}
  .sph__title{font-size:23px}
  .sph__lead{font-size:14px}
  .sph__guide{display:block;padding:20px 16px 16px}
  .sph__gtitle{font-size:17px}
  .sph__gtext{margin-bottom:12px;font-size:13px}
  .sph__btn{width:100%}
  .sph__jump{display:none}
  .sph__list{gap:10px;margin-top:24px}
  .sph__cat{min-height:0;padding:0}
  .sph__sum{position:relative;top:auto;left:auto;display:flex;align-items:center;gap:12px;width:auto;padding:12px 44px 12px 14px;cursor:pointer}
  .sph__sum img{width:40px;height:40px;flex:none;margin:0}
  .sph__name{font-size:15px}
  .sph__count{display:block;color:#6f6a5e;font-size:12px;font-weight:400;line-height:1.5}
  .sph__sum::after{content:"＋";position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#3f7396;font-size:20px;font-weight:700;line-height:1}
  .sph__cat[open] .sph__sum::after{content:"−"}
  .sph__body{display:flex;flex-direction:column;padding:0 14px 16px}
  .sph__side{display:contents}
  .sph__desc{order:1;margin:4px 0 12px}
  .sph__main{order:2}
  .sph__side .sph__btn{order:3;margin-top:14px}
  .sph__items{grid-template-columns:minmax(0,1fr)}
  .sph__items li{font-size:14px}
  .sph__items a,.sph__items span{min-height:48px}
  .sph__other{margin:12px 0 0;font-size:12px}
}