@charset "UTF-8";
@import url(../../common/slick.css);

.l_contents{background: #F9EED2;}
.l_breadcrumb ul{margin-bottom: 25px;}
.l_breadcrumb li br{display: none;}

.contents_report{background: url(../img/bg_backnumber_big.png) no-repeat 50% 120px;background-size: auto 100%;background-attachment: fixed;}
.contents_report h1{max-width: 378px;width:95%;margin: 0 auto 28px;}


.report_article article{padding:0 20px 50px;}
.report_article .wrapper{background: rgba(255,255,255,0.95);position: relative;-webkit-border-radius: 7px;border-radius: 7px;padding: 20px 15px 40px;}

.report_article .head{position:relative;height:40px;margin-bottom:15px;}
.report_article .head .category{background: #CB7836;padding: 10px 25px 6px;display: inline-block;line-height: 1.1;border-radius: 7px 0 0 0;}
.report_article .head .category span{display: inline-block;}
.report_article .head .category.cate1 span{background: url(../img/category_01.svg) no-repeat center;background-size: auto 19px;width: 99px;}
.report_article .head .category.cate0 span{background: url(../img/category_02.svg) no-repeat center;background-size: auto 19px;width: 72px;}

.report_article .head time,
.report_article .head .number{position: absolute;right: 0;font-size: 0.875rem;text-align: right;}
.report_article .head time{top:-3px;}
.report_article .head .number{top:16px;color: #CB7836;font-weight: bold;}

.report_article .person{display: flex;align-items: center;gap: 0 14px;}
.report_article .person_img_list{width: 50%;}
.report_article .person_img_list .slider{position: relative;}

.list_tags{display: flex;justify-content: flex-start;flex-wrap: wrap;gap: 6px 8px;padding: 20px 0 0;}
.list_tags span{display: inline-block;font-size: 0.875rem;border: 1px solid #D8A619;-webkit-border-radius: 100vh;border-radius: 100vh;padding: 2px 16px;margin:0 2px 5px;font-weight:bold;}
.list_tags span::before{content: "#";}

.slick-slide{font-size: 0;}
.slick-slide img{margin:0 auto;}

.slick-dots{text-align:center;}
.slick-dots li{position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 8px;height: 8px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{position: absolute;top: 0;left: 0;width: 8px;height: 8px;border-radius: 100vh;content: '';text-align: center;background: #848484;}
.slick-dots li.slick-active button:before{background: #000;}

.report_article .name{text-align: center;font-style: normal;width: 50%;}
.report_article .name h2{display: inline;background-image: linear-gradient(to bottom, transparent 60%, #F4DAC9 60%, #F4DAC9 100%, transparent 100%);font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 700;line-height: 2;font-size: 1.125rem;}

.report_article .text{font-size: 1rem;line-height: 1.6;padding-top: 30px;}


.report_backnumber{}
.report_backnumber .wrapper{padding-top: 10px;padding-bottom: 65px;}
.report_backnumber h2{text-align:center;margin: 0 auto 20px;}
.report_backnumber h2 img{max-width:244px;}
.report_backnumber ul li{padding-bottom: 24px;}
.report_backnumber ul li .box{background:rgba(255,255,255,0.95);display: flex;justify-content: space-between;gap: 0 6px;border-radius: 6px;padding: 18px 10px;}
.report_backnumber ul li .box .area_img{max-width: 180px;min-width: 90px;width: 25%;}
.report_backnumber ul li .box img{border-radius: 5px;}
.report_backnumber ul li .box .area_head{display: flex;position: relative;top: -5px;align-items: center;}
.report_backnumber ul li .box .area_text{position: relative;width: 70%;max-width: calc(100% - 130px);}
.report_backnumber ul li .box .name h2{font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 700;font-size: 1rem;}
.report_backnumber ul li .box .name h2 br{display: none;}

.report_backnumber ul li .box .area_text .list_tags{gap: 6px 8px;padding: 6px 0;}
.report_backnumber ul li .box .area_text .list_tags span{font-size: 0.8125rem;padding: 2px 14px;font-weight: bold;margin: 0 2px 5px;}

.report_backnumber .head{margin-bottom:10px;}
.report_backnumber .category{background: #CB7836;padding: 5px 10px 3px;display: inline-block;line-height: 1.1;}
.report_backnumber .category span{display: inline-block;}
.report_backnumber .category.cate1 span{background: url(../img/category_01.svg) no-repeat center;background-size: auto 14px;width: 75px;}
.report_backnumber .category.cate0 span{background: url(../img/category_02.svg) no-repeat center;background-size: auto 13px;width: 64px;}

.report_backnumber time,
.report_backnumber .number{position: absolute;right: 0;font-size: 0.875rem;text-align: right;}
.report_backnumber time{top: -8px;}
.report_backnumber .number{top: 9px;color: #CB7836;font-weight: bold;}


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

	.contents_report h1{max-width:580px;width:100%;}

	.report_article .head{position:relative;margin-bottom:30px;}
	.report_article .head time{top: -3px;font-size: 0.9375rem;}
	.report_article .head .number{top: 18px;}
	.report_article .head .category{width:350px;}

	.report_article .list_tags{padding-top:40px;}
	.report_article .list_tags span{font-size: 0.8125rem;}
	
	.report_article .name h2{font-size: 1.5rem;}
	.report_article .text{font-size: 1rem;}
	
	.report_backnumber{margin: 0 auto;}
	.report_backnumber .wrapper{padding-right: 0;padding-left: 0;}
	.report_backnumber ul li .box .name h2{font-size: 1.125rem;}

	.report_article article{padding:0 40px 50px;}
	.report_article .wrapper{padding:30px 30px 50px;}
	.report_article .head .category{left: 30px;top: 25px;border-radius: 10px 0 0 0;}

	.report_backnumber h2{margin-bottom:42px;}
	.report_backnumber h2 img{max-width:268px;}
	
	.report_backnumber ul li .box{padding:30px;}
	.report_backnumber ul li .box .area_img{width:180px;}
	.report_backnumber ul li .box .area_text{width:calc(100% - 200px);}
	.report_backnumber ul li{padding-bottom:40px;}

	.report_backnumber .head{margin-bottom:20px;}
	.report_backnumber time{top: 2px;right:58px;}
	.report_backnumber .number{top: 1px;}
	.report_backnumber h2{margin-bottom:30px;}

}

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

}