@charset "utf-8";

/* -------------------------------------------------- */
/* #block-list */
/* -------------------------------------------------- */
#block-list p{font-size:1.6rem;}
#block-list .list-kouhoushi{display:flex;flex-wrap:wrap;margin-top:40px;border-bottom:1px solid #e3e5ed;padding-bottom:40px;margin-bottom:50px;}
#block-list .list-kouhoushi > li{width:calc((100% - 40px) / 2);margin:0 40px 40px 0;text-align:center;}
#block-list .list-kouhoushi > li:nth-child(2n){margin-right:0;}
#block-list .list-kouhoushi > li .ttl{font-weight:bold;font-size:1.8rem;margin-top:20px;line-height:1.6;letter-spacing:0.1em;}
#block-list .list-kouhoushi > li a{padding:30px 30px 25px;display:block;border:1px solid #cbced9;border-radius:8px;height:100%;}
#block-list .list-kouhoushi > li a:hover{background:#fffff6;border-color:#eca509;}
#block-list .list-kouhoushi > li p{text-indent:0!important;}
#block-list .list-kouhoushi > li .date{font-size:1.8rem;font-weight: bold;color: #1788d8;margin-top:10px;}
#block-list .list-kouhoushi > li .ttl{margin-top: 4px;}
#block-list .list-kouhoushi > li .img{width:100%;height:0;padding-top:56.25%;;position:relative;}
#block-list .list-kouhoushi > li .img img{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}

/* -------------------------------------------------- */
/* #block-detail */
/* -------------------------------------------------- */
#block-detail .inner{display:flex;margin-top:40px;}
#block-detail .left{width:38.8%;margin-right:5.5%;}
#block-detail .left .img{background:#fffff6;border-radius:6px;text-align:center;padding:30px;margin-bottom:30px;}
#block-detail .left .img span{display:block;width:100%;height:0;padding-bottom:123.945%;position:relative;}
#block-detail .left .img span img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:contain;}
#block-detail .left .btn{text-align:center;}
#block-detail .left .btn a{padding:14px 40px 12px;line-height:1.5;max-width:100%;width:280px;display:inline-block;font-size:1.4rem;font-weight:bold;position:relative;border-radius:100px;border:1px solid #fffff6;background:#fff;text-align:center;}
#block-detail .left .btn a:hover{background:#4b4b4b;border-color:#4b4b4b;color:#fff;}
#block-detail .left .btn a::before{content:"";display:inline-block;width:16px;height:18px;background:url(/img/icon_pdf.png) no-repeat;background-size:100% auto;vertical-align:-4px;margin-right:8px;}
#block-detail .left .btn a small{font-size:1.2rem;margin-left:2px;font-weight:normal;}
#block-detail .right{flex:1;font-size:1.6rem;}
#block-detail .right .ttl{font-size:2rem;font-weight:bold;letter-spacing:0.1em;border-left:2px solid #eca509;padding-left:15px;line-height:1.5;margin-bottom:25px;}
#block-detail .right .sub-ttl{font-size:1.8rem;font-weight:bold;letter-spacing:0.1em;color:#eca509;margin-bottom:10px;line-height:1.6;margin-top:20px;}
#block-detail .right p{text-indent:0!important;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:999px){
	/* -------------------------------------------------- */
	/* #block-list */
	/* -------------------------------------------------- */
	#block-list .list-kouhoushi > li{width:calc((100% - 20px) / 2);margin:0 20px 20px 0;}
	#block-list .list-kouhoushi > li:nth-child(2n){margin-right:0;}
	#block-list .list-kouhoushi > li a{padding:20px 20px 15px;}


}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
	/* -------------------------------------------------- */
	/* #block-list */
	/* -------------------------------------------------- */
	#block-list .list-kouhoushi{margin-top:25px;margin-bottom:25px;padding-bottom:20px;}
	#block-list .list-kouhoushi > li{width:calc((100% - 15px) / 2);margin:0 15px 15px 0;}
	#block-list .list-kouhoushi > li:nth-child(even){margin-right:0;}
	#block-list .list-kouhoushi > li a{padding:15px 15px 10px;}
	#block-list .list-kouhoushi > li .date{font-size:1.6rem;margin-top:10px;}
	#block-list .list-kouhoushi > li .ttl{font-size:1.6rem;margin-top: 4px;}

	/* -------------------------------------------------- */
	/* #block-detail */
	/* -------------------------------------------------- */
	#block-detail .inner{display:block;margin-top:0;}
	#block-detail .left{width:100%;margin-right:0;margin-bottom:30px;}
	#block-detail .left .img{margin-bottom:20px;padding:20px;}
	#block-detail .left .img span{padding-bottom:80%;}

}
