@charset "UTF-8";


	
	
/* news
--------------------- */
#news .contents {
	border-top: solid 1px #ddd;
	width: calc(840 * var(--vw-ratio));
}
	#news .contents .news-list a.linkbox {
		display: block;
		border-bottom: dashed 1px #ddd;
		background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(50 * var(--vw-ratio));
		padding: calc(25 * var(--vw-ratio)) calc(90 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
	}
	#news .contents .news-list a.linkbox:nth-last-child(1) {
		border-bottom: solid 1px #ddd;
	}
	#news .contents .news-list a.linkbox:hover {
		background: #F5F5F5 url("../img/common/icon_arrow_blue.svg") no-repeat right calc(25 * var(--vw-ratio)) center / calc(50 * var(--vw-ratio));
		padding: calc(25 * var(--vw-ratio)) calc(90 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(25 * var(--vw-ratio));
	}
		#news .contents .news-list a.linkbox .info {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: calc(5 * var(--vw-ratio));
		}
			#news .contents .news-list a.linkbox .info time {
				padding-right: calc(20 * var(--vw-ratio));
			}

	#news .contents .free {
		margin-top: calc(50 * var(--vw-ratio));
	}
		#news .contents .free h2 {
			font-size: calc(24 * var(--vw-ratio));
			margin-top: calc(50 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}
		#news .contents .free p {
			font-size: calc(16 * var(--vw-ratio));
			line-height: calc(28 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}
		#news .contents .free .wp-block-image {
			padding: 0;
			margin: calc(40 * var(--vw-ratio)) 0;
		}

#news .sidenavi {
	width: calc(260 * var(--vw-ratio));
}
	#news .sidenavi .flowting {
		position: sticky;
		top: calc(130 * var(--vw-ratio));
		left: 0;
	}
		#news .sidenavi .flowting .cont {
			margin-bottom: calc(60 * var(--vw-ratio));
		}
		#news .sidenavi .flowting .cont:nth-last-child(1) {
			margin-bottom: 0;
		}
			#news .sidenavi .flowting .cont .head {
				line-height: 1;
				margin-bottom: calc(15 * var(--vw-ratio));
			}

			#news .sidenavi .flowting .cont ul.cat-list {
				border-radius: calc(3 * var(--vw-ratio));
				border: solid 1px #ddd;
				overflow: hidden;
			}
				#news .sidenavi .flowting .cont ul.cat-list li {
					border-bottom: solid 1px #ddd;
				}
				#news .sidenavi .flowting .cont ul.cat-list li:nth-last-child(1) {
					border-bottom: none;
				}
					#news .sidenavi .flowting .cont ul.cat-list li a {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
						height: calc(60 * var(--vw-ratio));
						padding: 0 calc(20 * var(--vw-ratio));
						font-size: calc(15 * var(--vw-ratio));
						font-weight: 500;
						cursor: pointer;
						transition: 0.3s;
						-webkit-transition: 0.3s;
					}
					#news .sidenavi .flowting .cont ul.cat-list li a:hover {
						background: url("../img/common/icon_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
					}
					#news .sidenavi .flowting .cont ul.cat-list li.current-cat a {
						background: #F5F5F5 url("../img/common/icon_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
					}

			#news .sidenavi .flowting .cont .new-list {
				border-top: solid 1px #ddd;
				border-bottom: solid 1px #ddd;
			}
				#news .sidenavi .flowting .cont .new-list a.linkbox {
					display: block;
					border-bottom: dashed 1px #ddd;
					padding: calc(20 * var(--vw-ratio)) 0;
				}
				#news .sidenavi .flowting .cont .new-list a.linkbox:nth-last-child(1) {
					border-bottom: none;
				}
				#news .sidenavi .flowting .cont .new-list a.linkbox:hover {
					opacity: 0.7;
				}
					#news .sidenavi .flowting .cont .new-list a.linkbox .info {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						margin-bottom: calc(5 * var(--vw-ratio));
					}
						#news .sidenavi .flowting .cont .new-list a.linkbox .info time {
							padding-right: calc(20 * var(--vw-ratio));
						}
@media screen and (max-width: 767px) {
	#news .inner {
		display: block;
	}
		#news .contents {
			width: 100%;
			margin-bottom: calc(70 * var(--vw-ratio));
		}
			#news .contents .news-list a.linkbox {
				background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(5 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
				padding: calc(25 * var(--vw-ratio)) calc(60 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(0 * var(--vw-ratio));
			}
			#news .contents .news-list a.linkbox:hover {
				background: #fff url("../img/common/icon_arrow_white.svg") no-repeat right calc(5 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
				padding: calc(25 * var(--vw-ratio)) calc(60 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(0 * var(--vw-ratio));
			}

			#news .contents .free {
				margin-top: calc(40 * var(--vw-ratio));
			}
				#news .contents .free h2 {
					font-size: calc(22 * var(--vw-ratio));
					margin-top: calc(40 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
				#news .contents .free p {
					font-size: calc(15 * var(--vw-ratio));
					line-height: calc(26 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
				#news .contents .free .wp-block-image {
					padding: 0;
					margin: calc(30 * var(--vw-ratio)) 0;
				}

	#news .sidenavi {
		width: 100%;
	}
		#news .sidenavi .flowting {
			position: static;
		}
			#news .sidenavi .flowting .cont ul.cat-list li a {
				background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
			}
			#news .sidenavi .flowting .cont ul.cat-list li a:hover {
				background: url("../img/common/icon_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
			}
			#news .sidenavi .flowting .cont ul.cat-list li.current-cat a {
				background: #F5F5F5 url("../img/common/icon_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
			}
}