.overflow-4{-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.overflow-3{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.overflow-2{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.overflow-1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-box{color:#363636;white-space:normal;background-color:#fefefe;border-radius:1em;margin:2em 0 2.5em;padding:0;transition:.3s;overflow:hidden;box-shadow:0 .5em 1em -.125em hsla(221,14%,4%,.1),0 0 0 1px hsla(221,14%,4%,.02)}@media screen and (min-width:576px){.article-box{height:210px;display:flex}}.article-box:hover img{transition:.3s;transform:scale(1.06)}.article-box:hover{box-shadow:0 .3em .8em -.1em rgba(10,10,10,.3)}.article-box .article-box-left{overflow:hidden}@media screen and (min-width:576px){.article-box .article-box-left{aspect-ratio:16/9;flex-shrink:0;height:auto}}.article-box .article-box-left img{object-fit:cover;vertical-align:bottom;height:100%;width:100%;transition:.3s}.article-box .article-box-right{padding:1em}@media screen and (min-width:576px){.article-box .article-box-right{min-width:0;position:relative}}.article-box .article-box-right .article-tag-list{display:none}@media screen and (min-width:576px){.article-box .article-box-right .article-tag-list{min-height:.5em;display:block}}.article-box .article-box-right .article-tag-list a{color:#fefefe;background-color:#3ea8ff;border-radius:.5em;margin:.2em .5em .5em 0;padding:.5em .7em;font-size:.8em;font-weight:700;line-height:1em;display:inline-block}.article-box .article-box-right .article-tag-list a:hover{text-decoration:underline}.article-box .article-box-right .article-title{margin:0 0 .5em;font-size:1.1em;font-weight:700;line-height:1.5}@media screen and (min-width:576px){.article-box .article-box-right .article-title{font-size:1.3em}}.article-box .article-box-right .description{color:#77838c;display:none}@media screen and (min-width:576px){.article-box .article-box-right .description{display:inline}}.article-box .article-box-right time{color:#b6b6b6;font-size:.8em}@media screen and (min-width:576px){.article-box .article-box-right time{position:absolute;bottom:.6em}}nav.breadcrumb-nav{margin-bottom:1.5em;font-size:.8em}nav.breadcrumb-nav li{line-height:1.7;display:inline}nav.breadcrumb-nav li:after{content:">";color:#011827;margin:0 1em}nav.breadcrumb-nav li:last-child{color:#8f9faa}nav.breadcrumb-nav li:last-child:after{content:""}nav.breadcrumb-nav li a{color:#363636;text-decoration:underline}nav.breadcrumb-nav li a:hover{text-decoration:none}.pagination{padding:0 0 40px}.pagination .pagination-link.is-current{background-color:#0061ff}.fixed-global-navi-wrapper{z-index:500;display:none;position:fixed;top:0;right:0}.fixed-global-navi-wrapper .fixed-global-navi{display:flex}@media screen and (min-width:576px){.fixed-global-navi-wrapper .fixed-global-navi{display:none}}.fixed-global-navi-wrapper .fixed-global-navi .navi-button{flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:64px;padding:.3em;display:flex}.fixed-global-navi-wrapper .fixed-global-navi .navi-button p.button-label{text-align:center;margin-top:.7em;font-size:.7em;line-height:1}.fixed-global-navi-wrapper .fixed-global-navi .navi-button i{font-size:25px}.fixed-global-navi-wrapper .fixed-global-navi .navi-button.search{color:#011827;background-color:#fefefe}.fixed-global-navi-wrapper .fixed-global-navi .navi-button.signup{color:#fff;background-color:#0f83fd}h1.list-title{color:#011827;margin-bottom:1em;font-size:1.4em;font-weight:700}