@charset "UTF-8";
#keyvisual{
	padding:150px 0 50px 0;
}
#ks_bg{
	background-image:url("image.php?id=017");
}

section{
	padding:100px 0;
}
@media screen and (max-width:768px){
section{
	padding-top:50px;
}
}


#news_blog{
	position:relative;
	z-index:2;
	padding:50px 0 150px 0;
}
#news_left{
	width:50%;
}
#news_blog h3 img{
	height:30px;
}
#news_right{
	width:50%;
	margin-top:-30px;
}

@media screen and (max-width:768px){
#news_left{
	width:100%;
}
#news_right{
	width:100%;
	margin-top:0px;
}
}
#news_blog #news_btn{
	margin-top:30px;
	float: right;
}
#news_btn{
	width:fit-content;
	border:1px solid #bcbcbc;
	color:#bcbcbc;
	border-radius:3px;
	transition: all .2s;
}
#news_btn:hover{
	background-color:#bcbcbc;
	color:#fff;
}
#news_btn p{
	padding:3px 7px;
	font-size:12px;
	font-weight:700;
}
@media screen and (max-width:1149px){
	#news_blog .beside_50p_cont:first-child{
	margin-bottom:150px;
}
}
.blocklink{
	padding: 30px 0;
    border-bottom: solid 1px #b7b7b7;
    font-size: 0.9rem;
    font-weight: 400;
}
#news_blog dd{
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.8em;
    margin-bottom: 5px;
    position: relative;
}
#news_blog dt{
    font-size: 0.8rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    margin-bottom: 30px;
}
#news_blog .EN_minititle{
	color:auto;
}
.news_honbun p{
font-size: clamp(9px, calc(10px + 0.625vw), 14px);
    line-height: 1.8;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 任意の行数を指定 */
}

#paginate_links {
    text-align: center;
    margin: 50px 10px 0 10px;
	text-align: center;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pagination ul{
	display: flex;
}
#prevpage, #nextpage, #pagination li a{
	width:fit-content;
    background-color: #fff;
    padding: 15px 17px;
    border-radius: 15px;
    margin: 10px;
    transition: all .3s;
    display: flex;
    align-items: center;
}
.active{
    color: #fff;
    background-color: var(--rosepink) !important;
}
#prevpage:hover, #nextpage:hover, #pagination li a:hover{
	color:#fff;
    background-color: var(--lightgray);
}
#prevpage::before{
	content:"«";
}
#nextpage::after{
	content:"»";
}