@charset "utf-8";
/*
Template:genesis_tcd103
Theme Name:GENESIS child
Description:"GENESISの自作子テーマです。", 
Author:Infinimum
Version:1.10
*/

/* ----------------------------------------------------------------------
 施工事例
---------------------------------------------------------------------- */
/* カテゴリー一覧 */
.case_category_button { position:relative; width:auto; margin:0 auto 55px; padding:0 100px !important; }
@media only screen and (min-width: 1720px) {
  .case_category_button { padding-left:calc(50% - 750px) !important; padding-right:calc(50% - 750px) !important; }
}
.case_category_button ol { -webkit-user-select:none; user-select:none; }
.case_category_button li { flex: 0 0 auto !important; width:auto !important; margin-right:20px; }
.case_category_button li:last-of-type { margin-right:0; }
.case_category_button a { height:50px; line-height:50px; border:1px solid #ddd; padding:0 25px; display:block; border-radius:50px; text-align:center; background:#fff; }
.case_category_button a:hover { color:#fff; }
.case_category_button li.current a { background:#000; border-color:#000; color:#fff; pointer-events:none; }
.case_category_button + .genesis_carousel_scrollbar { top:-25px !important; }


/* 記事一覧 */
#archive_case { position:relative; max-width:1700px; margin:0 auto; padding:0 100px 150px; }
.case_list { display:flex; flex-wrap:wrap; position:relative; width:calc(100% + 1px); }
.case_list .item { position:relative; width:50%; margin:0 -1px -1px 0; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #ddd; padding:40px; }
.case_list .image_link { display:block; width:190px; height:190px; position:relative; z-index:1; overflow:hidden; border-radius:5px; aspect-ratio:1 /1; }
.case_list .image_wrap { width:100%; height:100%; position:relatiive; overflow:hidden; z-index:2; }
.case_list .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.case_list .content { width:calc(100% - 190px); padding:0 0 0 40px; }
.case_list .no_image .content { width:auto; padding:0; }
.case_list .category_button { margin-bottom:25px; }
.case_list .title { font-size:20px; line-height:1.8; margin-bottom:20px; }
.case_list .title a { display:block; max-height:3.6em; overflow:hidden; visibility:visible; }
.case_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.case_list .date { position:relative; color:#999; font-size:16px; margin:0; display:block; }
.case_list .date:before { font-family:'design_plus'; content:'\e903'; font-size:17px; margin:0 5px 0 0; position:relative; top:1px; }

/* 最新のお知らせ */
#recent_case .headline { font-size:28px; line-height:1; text-align:center; padding:60px 0; }
#recent_case .item { display:flex; flex-wrap:wrap; align-items:center; padding:40px; border:1px solid #ddd; margin:0 0 -1px 0; }
#recent_case .image_link { display:block; width:140px; height:140px; position:relative; z-index:1; overflow:hidden; border-radius:5px; aspect-ratio:1 /1; }
#recent_case .image_wrap { width:100%; height:100%; position:relatiive; overflow:hidden; z-index:2; }
#recent_case .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
#recent_case .content { width:calc(100% - 140px); padding:0 0 0 40px; }
#recent_case .no_image .content { width:auto; padding:0; }
#recent_case .category_button { margin-bottom:25px; }
#recent_case .title { font-size:20px; line-height:1.8; margin-bottom:20px; }
#recent_case .title a { display:block; max-height:1.8em; overflow:hidden; visibility:visible; }
#recent_case .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
#recent_case .date { position:relative; color:#999; font-size:16px; margin:0; display:block; }
#recent_case .date:before { font-family:'design_plus'; content:'\e903'; font-size:17px; margin:0 5px 0 0; position:relative; top:1px; }



.widget_headline{
	background: #1274bc;
}