.top-container img{width:100vw;height:25vw}.head-sapuri-img-container{background-color:#f8f8f8}.head-sapuri-img-container .head-sapuri-img{width:800px;-o-object-fit:contain;object-fit:contain;margin:0 auto;display:block}.sapuris-container{background-color:#f8f8f8;padding:20px;font-family:"HiraginoSans-W6","Hiragino Sans"}.sapuris-container .top-sapuri-card{width:800px;height:320px;margin:20px auto;background-color:#fff;border-radius:8px}.sapuris-container .top-sapuri-card a.top-sapuri{display:flex;flex-wrap:wrap;color:#000}.sapuris-container .top-sapuri-card a.top-sapuri:link{color:#000}.sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-img img{width:800px;height:220px;border-radius:6px 6px 0 0}.sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-title{font-size:17px;margin:10px 20px 10px 10px;width:650px;height:25px}.sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-category{width:100px;height:25px;margin-top:10px;margin-right:0;font-size:12px;line-height:25px;text-align:center;border-radius:6px}.sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-description{font-family:"HelveticaNeue","Helvetica Neue";font-size:14px;width:650px;height:30px;margin-left:10px;color:#666}.sapuris-container .top-sapuri-card:hover{box-shadow:0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);transform:translateY(-4px);transition:.2s;background:#fff}.sapuris-container .text{font-family:"HiraginoSans-W6","Hiragino Sans";font-size:20px;text-align:center;margin:30px}.sapuris-container .sapuri-cards{display:flex;flex-wrap:wrap;justify-content:center;display:grid;grid-template-columns:380px 380px;grid-auto-rows:300px;grid-gap:40px;margin:0 auto 150px}.sapuris-container .sapuri-cards .sapuri-card-container{background-color:#fff;border-radius:8px}.sapuris-container .sapuri-cards .sapuri-card-container a.sapuri{display:flex;flex-wrap:wrap;color:#000}.sapuris-container .sapuri-cards .sapuri-card-container a.sapuri:link{color:#000}.sapuris-container .sapuri-cards .sapuri-card-container a.sapuri .sapuri-img img{width:380px;height:170px;border-radius:6px 6px 0 0}.sapuris-container .sapuri-cards .sapuri-card-container a.sapuri .sapuri-title{width:275px;height:40px;font-size:14px;line-height:20px;margin:10px 15px 10px 10px}.sapuris-container .sapuri-cards .sapuri-card-container a.sapuri .sapuri-category{width:70px;height:25px;font-size:9px;line-height:25px;margin-top:10px;margin-right:0;padding:auto;text-align:center;border-radius:6px}.sapuris-container .sapuri-cards .sapuri-card-container a.sapuri .sapuri-description{width:361px;height:30px;font-size:11px;line-height:15px;margin-top:10px;margin-left:10px;color:#666}.sapuris-container .sapuri-cards .sapuri-card-container:hover{box-shadow:0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);transform:translateY(-4px);transition:.2s;background:#fff}.sapuris-container .category-1{background-color:#eb5757}.sapuris-container .category-2{background-color:#f2c94c}.sapuris-container .category-3{background-color:#27ae60}.sapuris-container .category-4{background-color:#2b96d3}.sapuris-container .category-0{background-color:gray}.sapuris-container .cb{clear:both}.article-container{max-width:800px;width:100%;margin-right:auto;margin-left:auto}.article-container .img-container img{width:100%;height:250px;-o-object-fit:contain;object-fit:contain}.article-container .breadcrumb{grid-area:breadcrumb;display:flex;align-items:center;padding:5px 0 5px 10px;border-radius:4px;height:22px}.article-container .breadcrumb .b{color:#4a90e2}.article-container .breadcrumb span.i.fa.fa-angle-double-right{color:#000;margin-right:5px;margin-left:5px}.article-container h2.title{font-size:22px;line-height:22px;padding:15px;margin:20px auto}.article-container article.body{font-size:14px;margin:0 auto 150px}.article-container .undercolorline{box-shadow:0px -3px 2px -2px gray inset,0px 4px 3px -4px gray}.sp .sapuris-container .top-sapuri-card{width:100%;height:auto}.sp .sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-img{width:100%}.sp .sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-img .image{width:100%;height:auto}.sp .sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-title{width:100%;height:auto;line-height:1.2}.sp .sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-category{width:auto;margin-left:10px;padding:0 10px}.sp .sapuris-container .top-sapuri-card a.top-sapuri .top-sapuri-description{margin:0;padding:10px;height:auto;line-height:1.3}.sp .sapuris-container .text{font-family:"HannotateSC-W5","Hannotate SC";font-size:1rem;text-align:center;margin:20px}.sp .sapuris-container .sapuri-cards{display:flex;justify-content:space-between;grid-template-columns:none;grid-auto-rows:auto;grid-gap:normal;margin-bottom:0}.sp .sapuris-container .sapuri-cards .sapuri-card-container{margin-bottom:20px;width:calc(50% - 10px)}.sp .sapuris-container .sapuri-cards .sapuri-card-container a.sapuri{flex-direction:column;height:100%;justify-content:space-between}.sp .sapuris-container .sapuri-cards .sapuri-card-container a.sapuri .sapuri-img img{width:100%;height:auto}.sp .sapuris-container .sapuri-cards .sapuri-card-container a.sapuri .sapuri-title{margin:10px;width:auto;height:auto}.sp .sapuris-container .sapuri-cards .sapuri-card-container a.sapuri .sapuri-category{margin:0 0 10px 10px}.sp .article-container{width:calc(100% - 40px)}.sp .article-container .title{padding:10px;font-size:16px;line-height:1.5}.sp .article-container .body{margin-bottom:20px;line-height:1.5;word-break:break-all}