@charset "UTF-8";

/* ----------------------------------
 Feature List
---------------------------------- */
#feature_list .design-title { padding: 0 0 20px 0; margin: 0 0 40px 0; border-bottom: #DFE4E6 1px solid; font-family: "roc-grotesk", sans-serif; font-size: 34px; font-weight: 800; text-align: center; line-height: 1.0; color: #0047BA;}
#feature_list .design-title .main-title { font-family: "roc-grotesk", sans-serif; font-size: 34px; font-weight: 800; text-align: center; line-height: 1.0; color: #0047BA;}
#feature_list .design-title .sub-title  { margin: 10px 0 0 0; font-family: 'IBM Plex Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; font-weight: 600; text-align: center; line-height: 1.0; display: block; color: #15181C;}
.feature-list { display: flex; flex-wrap: wrap;}
.feature-list-item { width: calc((100% - 60px)/4); margin: 0 20px 40px 0;}
.feature-list-item:nth-child(4n) { margin-right: 0;}
.feature-list-item a { display: block; text-decoration: none;}
.feature-list-item .image { width: 100%; padding: 75% 0 0 0; margin: 0 0 10px 0; position: relative; transition: 0.3s;}
.feature-list-item .image figure { width: 100%; height: 100%; border-radius: 30px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; overflow: hidden;}
.feature-list-item .image img  { vertical-align: top;}
.feature-list-item a:hover .image { opacity: 0.6;}
.feature-list-item .date { margin: 0 0 5px 0; font-size: 14px; word-break: keep-all; color: #0047BA;}
.feature-list-item .name { max-height: 42px !important; margin: 0 0 10px 0; font-size: 15px; font-weight: 600; line-height: 1.4; color: #0047BA; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.feature-list-item .text { max-height: 39.2px !important; margin: 0 0 10px 0; font-size: 14px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}