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