@charset "UTF-8";

#page{}


#page .page_group.group_header{}


#page .page_group.group_content{margin-top:55px;padding-bottom:100px;overflow:hidden;}
#page .page_group.group_content .interior{position:relative;margin:0 auto;max-width:900px;}
#page .page_group.group_content .interior:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%);width:100vw;height:100vw;background-color:#f3f3f3;}
#page .page_group.group_content .interior .image{position:relative;z-index:1;}
#page .page_group.group_content .interior .image .item{position:relative;background-color:#dddddd;background-image:url(../img/noimage.png);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .page_group.group_content .interior .image .item:before{content:"";display:block;padding-bottom:66.5%;}
#page .page_group.group_content .interior .image .item .cover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#000000;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0;}
#page .page_group.group_content .interior .image .item:hover .cover{opacity:1;}
#page .page_group.group_content .interior .image .slick-arrow{width:29px;height:auto;background-size:100%;background-repeat:no-repeat;background-position:center center;top:50%;transform:translateY(-50%);margin-top:-25px;}
#page .page_group.group_content .interior .image .slick-arrow:before{content:"";display:block;padding-bottom:100%;}
#page .page_group.group_content .interior .image .slick-prev{background-image:url(../img/direction_prev.png);left:auto;right:calc(100% + 75px);}
#page .page_group.group_content .interior .image .slick-next{background-image:url(../img/direction_next.png);left:calc(100% + 75px);right:auto;}
#page .page_group.group_content .interior .thumbnail{position:relative;z-index:1;margin-top:15px;}
#page .page_group.group_content .interior .thumbnail .item{position:relative;background-color:#dddddd;background-image:url(../img/noimage.png);background-size:cover;background-repeat:no-repeat;background-position:center center;margin:0 7.5px;cursor:pointer;}
#page .page_group.group_content .interior .thumbnail .item:before{content:"";display:block;padding-bottom:66.5%;}
#page .page_group.group_content .interior .thumbnail .slick-list{margin:0 -7.5px;}
#page .page_group.group_content .interior .nolist{padding:5em 0;font-size:16px;font-weight:400;color:#000000;text-align:center;}

@media all and (max-width:1200px){
	#page .page_group.group_content{margin-top:50px;padding-bottom:90px;}
	#page .page_group.group_content .interior .nolist{font-size:16px;}
}
@media all and (max-width:1000px){
	#page .page_group.group_content{margin-top:45px;padding-bottom:80px;}
	#page .page_group.group_content .interior .nolist{font-size:15px;}
}
@media all and (max-width:800px){
	#page .page_group.group_content{margin-top:40px;padding-bottom:70px;}
	#page .page_group.group_content .interior .nolist{font-size:14px;}
}
@media all and (max-width:600px){
	#page .page_group.group_content{margin-top:35px;padding-bottom:60px;}
	#page .page_group.group_content .interior .nolist{font-size:14px;}
}
@media all and (max-width:400px){
	#page .page_group.group_content{margin-top:30px;padding-bottom:50px;}
	#page .page_group.group_content .interior .nolist{font-size:13px;}
}
@media all and (max-width:350px){
	#page .page_group.group_content{padding-bottom:40px;}
	#page .page_group.group_content .interior .nolist{font-size:12px;}
}