@charset "utf-8";

/* common */
.works_list{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap:90px 20px;
	padding:0;
}
.works_item{
	list-style:none;
	margin:0;
}
.works_link{
	display:flex;
	flex-direction:column;
	position:relative;
	height:100%;
	color:#333 !important;
	text-decoration:none !important;
}
.works_link[data-option]::after{
	content:attr(data-option);
	position:absolute;
	top:10px;
	right:10px;
	width:75px;
	padding:2px 0 4px;
	background:#fff;
	border:1px solid #333;
	border-radius:10px;
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:1.2rem;
	text-align:center;
}
.works_thumb{
	flex-shrink:0;
	position:relative;
	padding-bottom:100%;
	margin-bottom:15px;
	border-radius:15px;
	overflow:hidden;
}
.works_img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.3s;
}
a:hover .works_img{transform:scale(1.05);}
.works_txt{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}
.works_title{
	margin-bottom:10px;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:1.44px;
	line-height:2.6rem;
	transition:color 0.3s;
}
a:hover .works_title{color:#014099;}
.works_title::after{
	content:'';
	display:inline-block;
	position:relative;
	bottom:1px;
	width:6px;
	height:12px;
	margin-left:10px;
	background:url(/img/common/arrow_r.svg) no-repeat center;
}
a:hover .works_title::after{background-image:url(/img/common/arrow_r_hover.svg);}
.works_info{
	position:relative;
	padding-left:10px;
	margin:0;
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:2.2rem;
}
.works_info::before{
	content:'';
	position:absolute;
	top:5px;
	left:0;
	width:1px;
	height:calc(100% - 8px);
	background:#333;
}
.works_icon{
	display:block;
	width:75px;
	padding:2px 0 4px;
	background:#fff;
	border:1px solid #333;
	border-radius:10px;
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:1.2rem;
	text-align:center;
}

/* archive */
.works_top{
	max-width:1260px;
	padding:0 40px;
	margin:auto;
}
.archive_works .page_title{
	padding:0;
	margin:55px 0 25px;
}
.archive_works .page_title::before{
	content:attr(data-en);
	display:block;
	margin-bottom:4px;
	font-family:var(--font_roboto);
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:0.6px;
	line-height:2rem;
	text-transform:capitalize;
	opacity:0.4;
}
.archive_works .content_area{padding-bottom:120px;}
.archive_works .content_area::before{display:none;}

.pickup_area{
	max-width:1380px;
	padding:0 20px;
	margin:50px auto 100px;
}
.pickup_list{
	padding:0;
	margin:0 80px;
	background:#F5F5F5;
	opacity:0;
}
.pickup_list.slick-initialized{opacity:1;}
.pickup_list .slick-prev, .pickup_list .slick-next{
	z-index:1;
	top:0;
	bottom:0;
	width:50px;
	height:50px;
	margin:auto;
	background-color:#014099 !important;
	border-radius:50%;
	opacity:0.8;
	transform:none;
	transition:opacity 0.3s;
}
.pickup_list .slick-prev{
	right:auto;
	left:-80px;
	background:url(/img/common/arrow_slide_l.svg) no-repeat center;
}
.pickup_list .slick-next{
	right:-80px;
	left:auto;
	background:url(/img/common/arrow_slide_r.svg) no-repeat center;
}
.pickup_list .slick-prev:hover,
.pickup_list .slick-next:hover{
	opacity:1;
}
.pickup_list .slick-prev::before,
.pickup_list .slick-next::before{
	display:none;
}
.pickup_list .slick-dots{
	display:flex;
	align-items:center;
	justify-content:center;
	bottom:-40px;
	left:0;
}
.pickup_list .slick-dots li{
	width:12px;
	height:12px;
	background:#ccc;
	border-radius:50%;
	overflow:hidden;
	transition:background 0.3s;
}
.pickup_list .slick-dots li.slick-active{background:#E60039;}
.pickup_list .slick-dots li button{
	width:12px;
	height:12px;
}
.pickup_list .slick-dots li button::before{display:none;}
.pickup_item{
	list-style:none;
	margin:0;
}
.pickup_link{
	flex-direction:row;
	padding:30px;
	color:#333 !important;
	text-decoration:none !important;
	transition:background 0.3s;
}
.pickup_link:hover{background:#EEF5FB;}
.pickup_thumb{
	flex-shrink:0;
	position:relative;
	width:580px;
	padding-bottom:375px;
}
.pickup_img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-height:100%;
	margin:auto;
}
.pickup_txt{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-left:50px;
}
.pickup_title{
	font-size:2.6rem;
	letter-spacing:1.3px;
	line-height:3.7rem;
	margin:0 !important;
}
.pickup_title::before{
	content:attr(data-txt);
	display:block;
	color:#E60039;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.7px;
	text-transform:uppercase;
}
.pickup_title::after{bottom:4px;}
.pickup_icon{margin:10px 0 0;}
.pickup_info{
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2.4rem;
	margin:30px 0 0;
}

.search_head{
	padding:8px 20px 10px;
	margin:0 0 15px;
	background:#014099;
	color:#fff;
	font-size:1.8rem;
	letter-spacing:1.44px;
	line-height:2.6rem;
}
.check_parent, .check_unique{
	background:#F5F5F5;
	border:1px solid #ddd;
	border-radius:5px;
}
.check_parent .check_label, .check_unique .check_label{
	display:block;
	padding:10px 30px;
}
.check_parent .check_label input, .check_unique .check_label input{
	top:13px;
	left:10px;
}
.check_parent{margin-bottom:15px;}
.check_unique{margin-bottom:40px;}
.check_list{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	padding:0 10px;
}
.check_item{
	list-style:none;
	margin:0 10px 10px 0;
}
.check_label{
	display:inline-block;
	position:relative;
	padding-left:20px;
	font-size:1.4rem;
	letter-spacing:0;
	line-height:2rem;
	cursor:pointer;
}
.check_label input{
	position:absolute;
	top:3px;
	left:0;
	width:15px;
	height:15px;
	cursor:pointer;
}
.ck_parent{margin-right:5px;}
.year_slider{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:30px 20px;
	margin-bottom:30px;
	border:1px solid #ddd;
	border-radius:5px;
}
.slider_item{
	width:360px;
	margin:0 35px;
}
#input_from, #input_to{
	width:90px;
	padding:9px 2px 9px 10px;
	border:1px solid #ccc;
	font-weight:500;
	letter-spacing:1.28px;
	line-height:2rem;
	-webkit-appearance:none;
	appearance:none;
}
.noUi-target{border:none;}
.noUi-horizontal{height:10px;}
.noUi-connect{background:#014099;}
.noUi-horizontal .noUi-handle{top:-9px;}
.noUi-tooltip{display:none;}

.archive_works .works_list{
	padding-bottom:90px;
	border-bottom:1px solid #ccc;
}


/* single */
.single_works #pankuzu{max-width:1060px;}
.single_works .content_area{
	max-width:1060px;
	padding-bottom:0;
}
.single_works .content_area::before{display:none;}
.single_works .page_title{
	padding:0;
	margin:50px 0 10px;
}

.works_post_top{margin-bottom:30px;}
.works_post_info{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.works_post_info_in{
	margin:0;
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:2.2rem;
}
.works_post_cate{
	display:inline-block;
	position:relative;
	margin-right:40px;
}
.works_post_cate::after{
	content:'';
	position:absolute;
	top:6px;
	right:-20px;
	width:1px;
	height:13px;
	background:#333;
}
.works_slide{background:#F5F5F5;}
.works_slide .slick-list{
	max-height:505px;
	height:calc((var(--vw_100) - 200px) * 0.65);
}
.works_slide .slick-track{height:100%;}
.works_slide .slick-prev, .works_slide .slick-next{
	z-index:1;
	top:0;
	bottom:0;
	width:50px;
	height:50px;
	margin:auto;
	background-color:#014099 !important;
	border-radius:50%;
	opacity:0.8;
	transform:none;
	transition:opacity 0.3s;
}
.works_slide .slick-prev:hover,
.works_slide .slick-next:hover{
	opacity:1;
}
.works_slide .slick-prev::before,
.works_slide .slick-next::before{
	display:none;
}
.works_slide .slick-prev{
	right:auto;
	left:25px;
	background:url(/img/common/arrow_slide_l.svg) no-repeat center;
}
.works_slide .slick-next{
	right:25px;
	left:auto;
	background:url(/img/common/arrow_slide_r.svg) no-repeat center;
}
.works_slide_list{
	padding:40px 100px;
	margin-bottom:25px;
}
.works_slide_item{
	position:relative;
	list-style:none;
	margin:0;
}
.works_pic{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-height:100%;
	margin:auto;
}
.works_nav_slide_list{
	max-width:900px;
	padding:0 0 35px;
	margin:auto;
}
.works_nav_slide_list .slick-track{
	display:flex;
	justify-content:center;
}
.works_nav_slide_list .slick-track.fixed{transform:none !important;}
.works_nav_slide_list .slick-arrow{display:none !important;}
.works_nav_slide_item{
	position:relative;
	list-style:none;
	width:80px !important;
	height:80px;
	margin:0 10px;
	cursor:pointer;
	opacity:0.5;
	transition:opacity 0.3s;
}
.works_nav_slide_item:hover,
.works_nav_slide_item.slick-current, .works_nav_slide_item.is-active-next{
	opacity:1;
}
.works_nav_slide_item::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:3px solid #014099;
	border-radius:10px;
	opacity:0;
	transition:opacity 0.3s;
}
.works_nav_slide_item.slick-current::after{opacity:1;}
.works_nav_pic{
	width:100%;
	height:100%;
	border-radius:10px;
	object-fit:cover;
}
.works_comment{
	display:grid;
	grid-template-columns:100px 1fr;
	grid-gap:30px;
}
.works_comment_person{margin-top:5px;}
.works_comment_img{border-radius:50%;}
.works_comment_name{
	margin:10px 0 0;
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:1.6rem;
	text-align:center;
}
.works_comment_txt{margin:0;}
.works_btn{margin:40px 0 70px;}

.related_post_area{padding:30px 40px;}
.related_post_box{padding:70px 40px;}
.related_post_box.bg_gray{background:#F5F5F5;}
.related_post_box_in{
	max-width:1180px;
	margin:auto;
}
.related_post_head{
	margin:0 0 30px;
	text-align:center;
}


@media screen and (max-width:1180px){

/* archive */
.works_top{
	padding-right:20px;
	padding-left:20px;
}
.pickup_area{margin-bottom:115px;}
.pickup_list{margin:0;}
.pickup_list .slick-prev, .pickup_list .slick-next{
	top:auto;
	bottom:-60px;
	width:45px;
	height:45px;
}
.pickup_list .slick-prev{left:0;}
.pickup_list .slick-next{right:0;}
.pickup_link{padding:20px;}
.pickup_txt{margin-left:30px;}


/* single */
.related_post_area{
	padding-right:20px;
	padding-left:20px;
}
.related_post_box{
	padding-right:20px;
	padding-left:20px;
}

}


@media screen and (max-width:1024px){

.pickup_area{padding:0;}
.pickup_list .slick-prev, .pickup_list .slick-next{bottom:-55px;}
.pickup_list .slick-prev{left:20px;}
.pickup_list .slick-next{right:20px;}
.pickup_info{
	font-size:1.2rem !important;
	letter-spacing:0.96px !important;
	line-height:2.2rem !important;
}

}


@media screen and (min-width:768px) and (max-width:1024px){

/* common */
.works_list{grid-gap:60px 20px;}
.works_thumb{margin-bottom:8px;}
.works_title{
	font-size:1.6rem;
	letter-spacing:1.2px;
	line-height:2.3rem;
}

/* archive */
.archive_works .page_title{margin-top:40px;}
.archive_works .page_title::before{
	font-size:1.4rem;
	letter-spacing:0.56px;
	line-height:1.8rem;
	margin-bottom:3px;
}
.pickup_area{margin-top:40px;}
.pickup_list .slick-prev, .pickup_list .slick-next{
	width:45px;
	height:45px;
}
.pickup_thumb{
	width:435px;
	padding-bottom:280px;
}
.pickup_title{
	font-size:2rem;
	letter-spacing:1px;
	line-height:2.9rem;
}
.pickup_title::before{
	font-size:1.2rem;
	letter-spacing:0.6px;
}
.pickup_title::after{bottom:2px;}
.pickup_info{margin-top:20px;}

.search_head{
	padding:10px 20px;
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:2.4rem;
}
.check_list{grid-template-columns:repeat(4, 1fr);}

.archive_works .works_list{padding-bottom:60px;}


/* single */
.single_works .page_title{margin-top:35px;}
.works_slide .slick-list{height:calc((var(--vw_100) - 180px) * 0.65);}
.works_slide .slick-prev, .works_slide .slick-next{
	width:45px;
	height:45px;
}
.works_slide .slick-prev{left:20px;}
.works_slide .slick-next{right:20px;}
.works_slide_list{padding:20px 90px;}
.works_nav_slide_list{
	max-width:720px;
	padding-bottom:20px;
}
.works_nav_slide_item{
	width:70px !important;
	height:70px;
}
.works_btn{margin-bottom:60px;}
.related_post_box{padding:55px 20px;}
.related_post_head{margin-bottom:25px;}

}


@media screen and (max-width:850px){

/* common */
.works_title{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.2rem;
}
.works_title::after{bottom:0;}

.works_info{line-height:2rem;}

/* archive */
.archive_works .page_title::before{
	font-size:1.2rem;
	letter-spacing:0.48px;
	line-height:1.6rem;
	margin-bottom:2px;
}
.pickup_title{
	font-size:1.8rem !important;
	letter-spacing:0.9px !important;
	line-height:2.7rem !important;
}
.pickup_title::before{
	font-size:1.1rem;
	letter-spacing:0.55px;
}
.search_head{
	padding:11px 20px 12px;
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2.1rem;
}
.check_label{font-size:1.3rem;}

}


@media screen and (max-width:767px){

/* common */
.works_list{
	grid-template-columns:repeat(2, 1fr);
	grid-gap:30px 20px;
}
.works_link[data-option]::after{
	top:5px;
	right:5px;
	width:70px;
	font-size:1.1rem;
	letter-spacing:0.88px;
}
.works_thumb{
	margin-bottom:8px;
	border-radius:10px;
}
.works_title{
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
	margin-bottom:8px;
}
.works_info{
	font-size:1.1rem;
	letter-spacing:0.88px;
}
.works_info::before{top:4px;}

/* archive */
.archive_works .page_title{margin-top:20px;}
.pickup_area{margin-top:25px;}
.pickup_list .slick-prev, .pickup_list .slick-next{
	width:40px;
	height:40px;
}
.pickup_thumb{
	width:325px;
	padding-bottom:205px;
}
.pickup_icon{margin-top:5px;}
.pickup_info{margin-top:15px;}

.check_list{
	grid-template-columns:repeat(3, 1fr);
	padding:0;
}
.check_unique{margin-bottom:30px;}
.check_parent .check_label, .check_unique .check_label{padding-bottom:12px;}
.year_slider{
	position:relative;
	padding:10px 0 75px;
	margin-bottom:40px;
	border:none;
}
.year_slider::after{
	content:'～';
	position:absolute;
	right:0;
	bottom:11px;
	left:0;
	width:20px;
	height:20px;
	margin:auto;
	font-size:1.2rem;
	letter-spacing:0.96px;
	text-align:center;
}
.slider_item{margin:0 17px;}
#input_from, #input_to{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
#input_from{right:145px;}
#input_to{left:145px;}

.archive_works .works_list{padding-bottom:30px;}

/* single */
.single_works .page_title{margin:20px 0 5px;}
.works_post_info_in{margin-bottom:12px;}
.works_slide{margin:0 -20px;}
.works_slide .slick-list{
	min-height:280px;
	height:calc(var(--vw_100) * 0.65);
}
.works_slide .slick-prev, .works_slide .slick-next{
	width:40px;
	height:40px;
}
.works_slide .slick-prev{left:10px;}
.works_slide .slick-next{right:10px;}
.works_slide_list{
	padding:0;
	margin-bottom:20px;
}
.works_pic{border-radius:0;}
.works_nav_slide_list{
	max-width:560px;
	padding-bottom:5px;
}
.works_nav_slide_item{
	width:60px !important;
	height:60px;
	margin:0 5px;
}
.works_comment{grid-gap:20px;}
.works_btn{margin-bottom:50px;}
.related_post_area{padding:0 0 50px;}
.related_post_box{padding:40px 20px;}
.related_post_head{margin-bottom:20px;}

}


@media screen and (max-width:600px){

/* common */
.works_list{grid-gap:30px 10px;}

/* archive */
.pickup_list{
	position:relative;
	background:none;
}
.pickup_list::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc((var(--vw_100) - 40px) * 0.65 + 40px);
	background:#F5F5F5;
}
.pickup_link{
	display:block;
	padding:0;
	background:none !important;
}
.pickup_thumb{
	width:auto;
	padding-bottom:calc((100% - 40px) * 0.65);
	margin:20px;
}
.pickup_txt{
	padding:15px 20px;
	margin:0;
}

.check_list{grid-template-columns:repeat(2, 1fr);}

/* single */
.works_post_info{display:block;}
.works_nav_slide_list{max-width:350px;}
.works_comment{display:block;}
.works_comment_person{margin:0 0 12px;}
.works_comment_img{
	width:100px;
	margin:auto;
}
.works_comment_name{margin-top:5px;}

}