@charset "UTF-8";:root{--orange-base: #f86633;--white-base: #f8f3f1;--orange-dark: #ff6b3d;--orange-tag: #ed5e32;--text-light: #ffffff;--text-dark: #222222;--gray-text-light: #efefef;--gray-text-dark: #555555;--button-bg: #222222}body{margin:0;color:var(--text-light)}#bg{position:fixed;width:500%;height:300%;top:-700px;left:calc(50% - 2664px);z-index:-1}main{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic Medium,Yu Gothic,sans-serif;padding-top:145px}main h1{font-size:40px;font-weight:700;line-height:160%;margin:50px 0 36px;text-align:center;color:var(--text-light);letter-spacing:5px}main.guide{background-color:var(--white-base);background-image:none}main.guide h1{font-size:40px;font-weight:700;line-height:160%;margin:50px 0 36px;text-align:center;color:var(--text-dark)}img{max-width:100%;height:auto;display:block}.container{max-width:1600px;margin-left:auto;margin-right:auto;padding:0 40px}.main-header{padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.main-header .logo{font-size:24px;font-weight:700}.main-header nav a{margin-left:20px;font-size:16px}.latest-article-section{padding:50px 0 0}.latest-article-section a{display:block;transition:transform .3s ease-out,box-shadow .3s ease-out;opacity:1}.latest-article-section a:hover{transform:scale(1.02)}main.guide .latest-article-section{padding:0}.latest-article-card{background-color:#fff;color:var(--text-dark);border-radius:8px;display:flex;align-items:start;gap:40px;padding:40px;overflow:hidden}.latest-article-card.video-item{display:block;max-width:800px;margin:0 auto;padding:0;background-color:transparent;border-radius:12px}.latest-article-card.video-item .video-card .content{margin-top:0}.latest-article-card .thumbnail-wrapper{flex:6.5;min-width:0;position:relative}.latest-article-card .thumbnail-wrapper .meta{display:none}.latest-article-card .thumbnail-wrapper .video-player-container{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.latest-article-card .thumbnail-wrapper .video-player-container iframe{width:100%;height:100%}.latest-article-card .thumbnail-wrapper.is-playing .thumbnail-wrapper>*:not(.video-player-container){visibility:hidden}.latest-article-card .thumbnail-wrapper.is-playing .video-player-container{display:block}.latest-article-card .thumbnail{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.latest-article-card .content{flex:3.5}.latest-article-card .meta{display:flex;gap:16px;font-size:14px;margin-bottom:16px;align-items:center}.latest-article-card .meta .date{font-family:Gill Sans}.latest-article-card .meta .tags{display:none}.latest-article-card .category{background:var(--button-bg);color:var(--text-light);padding:4px 10px;font-size:12px;font-weight:700}.latest-article-card .category.vook{background-color:#725ed5}.latest-article-card .category.wantedly{background-color:#1e7dde}.latest-article-card .title{font-size:32px;font-weight:700;line-height:1.5;margin:0 0 16px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.latest-article-card .title.sp{display:none}.latest-article-card .excerpt{font-size:16px;line-height:1.8;margin:0 0 32px;color:var(--text-dark);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.latest-article-card .details-button{display:inline-flex;justify-content:center;align-items:center;background-color:#20242a;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:700;font-size:16px;width:242px;height:60px;box-sizing:border-box;position:relative}.latest-article-card .details-button:after{content:"";background:url(/img/dromi/new/icon_button_viewmore.svg) center/100% no-repeat;display:inline-block;width:40px;height:40px;right:12px;position:absolute}.category-filter{padding:60px 0;max-width:700px;margin:0 auto}.category-filter ul{display:flex;justify-content:center;gap:30px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.category-filter li a{font-size:16px;font-weight:700;padding:8px 0;position:relative;opacity:1}.category-filter li a:hover{color:#ffe2d9}.category-filter li a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ffe2d9}.category-filter li.active a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff}.category-filter li.active a{color:#fff}main.guide .category-filter li a,main.guide .category-filter li.active a{color:var(--text-dark)}main.guide .category-filter li a:after,main.guide .category-filter li.active a:after{background-color:var(--text-dark)}main.guide .category-filter li a:hover,main.guide .category-filter li.active a:hover{color:#686d73}main.guide .category-filter li a:hover:after,main.guide .category-filter li.active a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#686d73}.article-list-section{padding:0}.article-list-section .container{max-width:600px}.article-list{margin:0 auto;list-style:none;padding:0;display:flex;flex-direction:column;gap:32px}.article-list li a{display:block;background-color:var(--text-light);color:var(--text-dark);border-radius:8px;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-out;opacity:1;padding:24px 24px 28px;position:relative}.article-list li a:hover{transform:scale(1.02)}.article-list li a:hover .thumbnail-wrapper:before{content:"";width:100%;height:100%;background-color:#0003;position:absolute;top:0;left:0;z-index:1}.article-list .thumbnail-wrapper{position:relative;margin-bottom:16px}.article-list .thumbnail{width:100%;height:300px;object-fit:cover}.article-list .meta{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;font-size:15px;color:#222}.article-list .meta .date{font-family:Gill Sans;color:#222}.article-list .category{position:absolute;bottom:0;left:0;background:var(--button-bg);color:var(--text-light);padding:2px 6px;border-radius:0;font-size:12px;font-weight:700;z-index:1}.article-list .category.vook{background-color:#725ed5}.article-list .category.wantedly{background-color:#1e7dde}.load-more-wrapper.is_hidden{padding-top:0}.article-list .title{font-size:24px;font-weight:700;margin:0 0 12px;line-height:1.6}.article-list .excerpt{font-size:15px;line-height:1.7;margin:0 0 16px;color:#555}.article-list .tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--orange-tag)}.article-list li .video-card{cursor:pointer;display:flex;flex-direction:column;height:100%;color:var(--text-dark);overflow:hidden}.article-list li .video-card .thumbnail-wrapper{position:relative;margin-bottom:0}.article-list li .video-card .thumbnail-wrapper:hover .play-icon{background-color:#00000040}.article-list li .video-card video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:4px solid #000;box-sizing:border-box}.article-list li .video-card .content{margin-top:8px}.article-list li .video-card .content .title{color:#fffaf9;margin-bottom:0;padding-right:5px;padding-bottom:6px}.article-list li .video-card .content .title span{background-color:#000;color:#fffaf9;padding:10px 16px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:180%;display:inline}.article-list li .video-card.is-playing .play-icon{display:none}.video-item .play-icon{position:absolute;top:0;left:0;width:100%;height:99%;background-color:#0003;display:flex;justify-content:center;align-items:center;pointer-events:none}.video-item .play-icon:before{content:"";width:80px;height:80px;background:url(/img/dromi/new/icon_play_button_card.svg) center/100% no-repeat}.video-item .play-icon svg{display:none}.article-list .video-item .video-title{padding:24px;font-size:20px;font-weight:700}.load-more-wrapper{text-align:center;padding:60px 0}#load-more{display:inline-flex;justify-content:center;align-items:center;background-color:#20242a;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;width:242px;height:60px;box-sizing:border-box;position:relative;border:none;cursor:pointer;opacity:1}#load-more:hover{background-color:#444}.hashtag-section{background-color:var(--orange-dark);padding:80px 0;color:var(--text-dark)}.hashtag-section .container{text-align:center}.hashtag-section h2{font-size:24px;margin:0 0 40px;color:#222;font-weight:600}.hashtag-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:600px;margin:0 auto}.hashtag-list a{border:1px solid var(--text-dark);padding:4px 8px;font-size:12px;transition:background-color .3s,color .3s;opacity:1}.hashtag-list a:hover{background-color:var(--text-dark);color:var(--text-light)}main.guide .hashtag-section{background-color:var(--white-base);color:var(--text-dark)}@media (max-width: 960px){.latest-article-card{flex-direction:column;padding:40px 80px}#bg{top:0;left:0}}@media (max-width: 768px){main{padding-top:58px}main .latest-article-section{padding:0}main .latest-article-section .latest-article-card{border-radius:0;gap:16px;padding:32px 72px}main .latest-article-section .latest-article-card.video-item{padding:0}main .latest-article-section .latest-article-card .excerpt{display:none}main .latest-article-section .latest-article-card .thumbnail-wrapper{position:relative}main .latest-article-section .latest-article-card .thumbnail-wrapper .meta{display:block;position:absolute;bottom:0;left:0;margin:0}main .latest-article-section .latest-article-card .thumbnail-wrapper .meta .category{display:block;padding:2px 6px;font-weight:600}main .latest-article-section .latest-article-card .content .title{display:none}main .latest-article-section .latest-article-card .content .title.sp{display:block}main .latest-article-section .latest-article-card .content .meta{justify-content:space-between;margin-bottom:28px}main .latest-article-section .latest-article-card .content .meta .category{display:none}main .latest-article-section .latest-article-card .content .meta .tags{display:flex;flex-wrap:wrap;gap:8px;font-size:16px;color:var(--orange-dark)}main .latest-article-section .latest-article-card .details-button{width:100%}main .latest-article-section .latest-article-card .details-button:after{display:none}main .article-list-section{padding:0 72px 60px}main .category-filter ul{gap:24px}main .category-filter ul li a{font-size:14px}.container{padding:0}.main-header{flex-direction:column;gap:16px}.latest-article-card .title{font-size:24px}.article-list{width:100%}.article-list .thumbnail{height:auto}.load-more-wrapper{padding:40px 0 0}.load-more-wrapper.is-hidden{padding:20px 0 0}#load-more{width:100%}.hashtag-section{padding:40px 0}.hashtag-section h2{margin-bottom:24px}}@media (max-width: 500px){main{padding-top:58px}main h1{font-size:22px;margin:50px 0 20px}main.guide{background-color:var(--white-base);background-image:none}main.guide h1{font-size:22px;margin:50px 0 20px}main.guide .load-more-wrapper{padding:20px 0 0}main .latest-article-section{padding:0}main .latest-article-section .latest-article-card{border-radius:0;padding:16px 20px;gap:8px}main .latest-article-section .latest-article-card .excerpt{display:none}main .latest-article-section .latest-article-card .thumbnail-wrapper{position:relative}main .latest-article-section .latest-article-card .thumbnail-wrapper .meta{display:block;position:absolute;bottom:0;left:0;margin:0}main .latest-article-section .latest-article-card .thumbnail-wrapper .meta .category{display:block;padding:2px 6px;font-weight:600}main .latest-article-section .latest-article-card .content{width:100%}main .latest-article-section .latest-article-card .content .title{display:none}main .latest-article-section .latest-article-card .content .title.sp{display:block;font-size:20px;margin-bottom:8px}main .latest-article-section .latest-article-card .content .meta{display:block}main .latest-article-section .latest-article-card .content .meta .category{display:none}main .latest-article-section .latest-article-card .content .meta .date{display:block;text-align:right}main .latest-article-section .latest-article-card .content .meta .tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--orange-dark);margin-bottom:8px}main .latest-article-section .latest-article-card .details-button{width:100%;height:42px;font-size:14px}main .latest-article-section .latest-article-card .details-button:after{display:none}main .article-list-section{padding:0 20px}main .article-list-section .article-list{width:100%;gap:16px}main .article-list-section .article-list li a{padding:16px 16px 20px}main .article-list-section .article-list .thumbnail-wrapper{margin-bottom:8px}main .article-list-section .article-list .thumbnail-wrapper img{height:auto}main .article-list-section .article-list .thumbnail-wrapper .category{padding:2px 6px}main .article-list-section .article-list .content .title{font-size:16px;margin-bottom:8px}main .article-list-section .article-list .content .meta{display:flex;justify-content:space-between;align-items:flex-end}main .article-list-section .article-list .content .meta .date{font-size:12px}main .category-filter{padding:40px 20px 32px}main .category-filter ul{gap:12px 24px}main .category-filter ul li a{font-size:14px}.container{padding:0}.main-header{flex-direction:column;gap:16px}.latest-article-card .title{font-size:24px}.load-more-wrapper{padding:20px 0 40px}.load-more-wrapper.is-hidden{padding:20px 0 0}.load-more-wrapper #load-more{width:100%;height:44px}.hashtag-section{padding:40px 16px}.hashtag-section h2{font-size:18px;font-weight:600;margin-bottom:20px}}