@charset "UTF-8";

/*----------------------------------------------
 実績一覧TOP
----------------------------------------------*/
/*パンくず*/
.cmn-breadcrumbs{padding: 1.4em 4.2666666667vw 4em;font-size: 12px;}
.cmn-breadcrumbs>span{position: relative;padding-left: 9px;}
.cmn-breadcrumbs>span::before{content: "＞";margin-right: 11px;font-size: 0.625rem;}
.cmn-breadcrumbs>span a{text-underline-offset: 5px;}
/**/
.mod-card_categories.top_tag{max-width: 600px;margin: auto;justify-content: center;}
.mod-card_categories.top_tag li a{margin-bottom: 12px; font-size: 1rem;border: none;text-decoration: none;background: #F2F3F7;border-radius: 100px;padding: 0.4em 1.5em;}
.mod-card_categories.top_tag li a:hover{background: #46AFE8;color: #fff;}
.mod-card_categories.top_tag li:first-child{display: block;width: 100%;text-align: center;}
.mod-card_categories.top_tag li:first-child a{border: 1px solid #D9D9D9;background: #fff;}
.mod-card_categories.top_tag li:first-child a:hover{border: 1px solid #46AFE8; background: #46AFE8;color: #fff;}
/**/
.work_cate-nav{display: flex;flex-wrap: wrap;max-width: 600px;width: 80%; margin: auto;justify-content: center;gap: 0 0.5rem;}
.work_cate-nav .work_cate-nav-link{display: inline-block; margin-right: 5px;}
.work_cate-nav .work_cate-nav-link a{display: inline-block;position: relative;z-index: 2;margin-bottom: 12px; font-size: 1rem;border: none;text-decoration: none;background: #F2F3F7;border-radius: 100px;padding: 0.4em 1.5em;color: #000;line-height: 1; transition: background-color 0.2s 0s ease, color 0.2s 0s ease;}
.work_cate-nav .work_cate-nav-link a:hover{background: #46AFE8;color: #fff;}
.work_cate-nav .work_cate-nav-link a.is-active{background: #46AFE8;color: #fff;}
.work_cate-nav .work_cate-nav-link:first-child{display: block;width: 100%;text-align: center;}
.work_cate-nav .work_cate-nav-link:first-child a{border: 1px solid #D9D9D9;background: #fff;}
.work_cate-nav .work_cate-nav-link:first-child a:hover{border: 1px solid #46AFE8; background: #46AFE8;color: #fff;}
.work_cate-nav .work_cate-nav-link:first-child a.is-active{border: 1px solid #46AFE8; background: #46AFE8;color: #fff;}
/**/
.mod-card{border-radius: 0;box-shadow:none;}
.mod-card:hover{box-shadow:none;opacity: .8;}
.mod-card_thumbnail{border-radius: 0;}
.mod-card_text{padding: 20px 0px 35px;font-size: 1rem; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.mod-card_client{font-size: 0.8rem;}
.mod-card_title{height: auto;color: #000;font-weight: bold;}
.mod-card a{margin-top: 0;}
.mod-card_categories a{min-width: auto;padding: 0;border: none;border-bottom: 1px solid #000;text-align: left;color: #000;font-size: 0.8rem;line-height: 1;}
.mod-card_categories a:hover{color: #000;background: #fff;}
/**/
@media screen and (max-width: 750px) {
.cmn-breadcrumbs{font-size:0.625rem;}
.work_cate-nav .work_cate-nav-link a{font-size: 0.85rem;}
}


/*----------------------------------------------
 実績一覧詳細ページ
----------------------------------------------*/
.works-post{color: #000;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
section.gray{background: #F6F6F6;}
section>div{max-width: 1000px;margin: auto;padding: 5em 0;}
section.works_top>div{padding-top: 0;}
h2.works_h2{margin: 1em 0;font-size: 26px;}
.works_lead{}
.works_info{}
.works_info li{margin-bottom: 1em;}
.works_info li:first-child{font-size: 22px;font-weight: bold;}
.works_img{display: flex;justify-content: space-between;margin-top: 5em;}
.works_img .pc{max-width: 683px;width: 68.3%;}
.works_img .sp{max-width: 192px;width: 19.2%;}
.works_illust{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 0.8rem;max-width: 1000px;width: 100%;}
.works_illust li{width: 24%;}
.works_totop{padding-bottom: 5em;background: #F6F6F6;}
.mod-button02{width: 300px;max-width: 90%;}

.works_img.movie {flex-direction: column;}
.works_img.movie .movie_img {display: grid; grid-template-columns: 1fr 1fr 1fr;}
.works_img.movie .youtube {display: flex; justify-content: flex-start;gap: 1.33%; margin-top: 5em;}
.works_img.movie .youtube figure {width: 32%;}

/*ページネーション*/
.cmn-pagination{position: relative;}
.cmn-pagination::before{content: "";position: absolute;top: -2em;left: 0;right: 0;margin: auto;width: 18.5em;height: 1px; background: #DEDEDE;}
.cmn-pagination a{color: #000;}
.cmn-paginationList_num.is-current{background: #000;}
.cmn-paginationList_num a:hover{background: #000;}
.cmn-pagination_previous:hover, .cmn-pagination_next:hover{background: #000;}
/*関連タグ*/
.works_tag{width: 100%; padding-bottom: 4em; background: #F6F6F6;color: #000;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.works_tag h3{max-width: 1000px;width: 90%;margin: auto;padding: 0 0 0.8em;font-size: 1.2rem;font-weight: normal;}
.works_tag ul{display: flex;flex-wrap: wrap;gap: 0 1rem;max-width: 1000px;width: 90%;margin: auto;}
.works_tag ul li{}
.works_tag ul li a{color: #000;font-size: 0.9rem;border: none;text-decoration: underline solid;}
.works_tag ul li a:hover{background: unset;}
/**/
@media screen and (max-width: 750px) {
.works-post{font-size: 3.73vw;}
section>div{width: 92%;padding: 2.5em 0;}
h2.works_h2{font-size: 4.27vw;}
.works_lead{}
.works_info li:first-child{font-size: 4.27vw;}
.works_img{display: block;margin-top: 2.5em;}
.works_img .pc{max-width: 100%;width: 100%;margin-bottom: 3em;}
.works_img .sp{max-width: 100%;width: 100%;}
.works_illust{gap:0.5em;}
.works_illust li{width: 48.5%;}

.works_img.movie .movie_img {grid-template-columns: 1fr 1fr;}
.works_img.movie .youtube {flex-direction: column; margin-top: 2.5em;}
.works_img.movie .youtube figure {width: 100%; margin-bottom: 1em;}

.works_tag h3{font-size: 1rem;}
.works_tag ul li a{font-size: 0.75rem;}

}