@charset "UTF-8";


.body {
	opacity: 0;
	transition: .6s;
}
.body.is-renew {
	opacity: 1;
	transition: opacity .6s ease, transform .6s ease;
}
@media (min-width: 801px) {
	.header .header__logo {
		line-height: 1;
		/* margin-top: calc(max(1px, 3.8168vw)*1); */
		opacity: 1;
		transition: opacity .3s ease
	}
}
.topics__slider-wrap {
	padding-bottom: calc(clamp(1px, 1.4008vw, 26.8952644932px) * 1);
}
.base-bg {
	border-bottom: 1px solid #f3f78a;
}
.news .inner {
	position: relative;
	margin: 0;
	padding: 20px;
	margin-bottom: 10%;
}
@media (min-width: 801px) {
	.news .inner {
		padding: 30px;
	}
}
.news .inner-in {
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 5%;
	border: 1px solid;
}
#kv-end {
	position: absolute;
	margin-top: 170%;
}
.sec__ttl.news_title {
	margin-top: 30%;
}
.news .bracket {
	content: "";
	display: block;
	position: absolute;
	width: calc(max(1px, 4.3257vw)*1)
}
@media (min-width: 801px) {
	.news .bracket {
		width: calc(clamp(1px, 1.4883vw, 28.576218524px)*1)
	}
}
@media (min-width: 801px) and (max-width:1366px) {
	.news .bracket {
		width: 20.3307888041px
	}
}
@media (min-width: 801px) and (max-width:1223px) {
	.news .bracket {
		width: calc(max(1px, 1.6624vw)*1)
	}
}
.news .bracket {
	height: calc(max(1px, 4.3257vw)*1)
}

@media (min-width: 801px) {
	.news .bracket {
		height: calc(clamp(1px, 1.4883vw, 28.576218524px)*1)
	}
}

@media (min-width: 801px) and (max-width:1366px) {
	.news .bracket {
		height: 20.3307888041px
	}
}

@media (min-width: 801px) and (max-width:1223px) {
	.news .bracket {
		height: calc(max(1px, 1.6624vw)*1)
	}
}

.news .bracket {
	background: url(../img/brackets_img.svg) no-repeat 50%/contain
}

.news .bracket.lt {
	left: calc(max(1px, 4.0712vw)*1);
	top: 0
}

@media (min-width: 801px) {
	.news .bracket.lt {
		left: calc(clamp(1px, 1.4008vw, 26.8952644932px)*1)
	}
}

@media (min-width: 801px) and (max-width:1366px) {
	.news .bracket.lt {
		left: 19.1348600509px
	}
}

@media (min-width: 801px) and (max-width:1223px) {
	.news .bracket.lt {
		left: calc(max(1px, 1.5646vw)*1)
	}
}

.news .bracket.lt {
	transform: rotate(0deg)
}

.news .bracket.rt {
	right: calc(max(1px, 4.0712vw)*1);
	top: 0
}

@media (min-width: 801px) {
	.news .bracket.rt {
		right: calc(clamp(1px, 1.4008vw, 26.8952644932px)*1)
	}
}

@media (min-width: 801px) and (max-width:1366px) {
	.news .bracket.rt {
		right: 19.1348600509px
	}
}

@media (min-width: 801px) and (max-width:1223px) {
	.news .bracket.rt {
		right: calc(max(1px, 1.5646vw)*1)
	}
}

.news .bracket.rt {
	transform: rotate(90deg)
}

.news .bracket.lb {
	bottom: 0;
	left: calc(max(1px, 4.0712vw)*1)
}

@media (min-width: 801px) {
	.news .bracket.lb {
		left: calc(clamp(1px, 1.4008vw, 26.8952644932px)*1)
	}
}

@media (min-width: 801px) and (max-width:1366px) {
	.news .bracket.lb {
		left: 19.1348600509px
	}
}

@media (min-width: 801px) and (max-width:1223px) {
	.news .bracket.lb {
		left: calc(max(1px, 1.5646vw)*1)
	}
}

.news .bracket.lb {
	transform: rotate(-90deg)
}

.news .bracket.rb {
	bottom: 0;
	right: calc(max(1px, 4.0712vw)*1)
}

@media (min-width: 801px) {
	.news .bracket.rb {
		right: calc(clamp(1px, 1.4008vw, 26.8952644932px)*1)
	}
}

@media (min-width: 801px) and (max-width:1366px) {
	.news .bracket.rb {
		right: 19.1348600509px
	}
}

@media (min-width: 801px) and (max-width:1223px) {
	.news .bracket.rb {
		right: calc(max(1px, 1.5646vw)*1)
	}
}

.news .bracket.rb {
	transform: rotate(180deg)
}

a {
	word-break: break-all;
}

.t-bold {
	font-weight: bold;
}

.content {
	padding-top: calc(260vw / 8.28);
}

.heading {
	margin-bottom: 0;
}

.news-block {
	margin: 0 calc(70vw / 8.28) calc(260vw / 8.28);
}

.news-list {
	font-size: calc(27vw / 8.28);
	line-height: 1.4;
	letter-spacing: -0.005em;
	padding-top: calc(160vw / 50);
}

.news-list dt {
	margin-bottom: calc(10vw / 8.28);
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.news-title {
	margin-bottom: calc(40vw / 8.28);
	padding-bottom: calc(40vw / 8.28);
	font-size: calc(32vw / 8.28);
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.news-detail a,
.news-release a {
	position: relative;
	display: inline-block;
	color: #003165;
	transition: all .3s;
}

.news-detail a:hover,
.news-release a:hover {
	opacity: .5;
}

.news-detail a::before,
.news-detail a::after,
.news-release a::before,
.news-release a::after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #003165;
	transition: right .5s;
}

.news-detail a::before {
	right: -10px;
}

.news-release a::before {
	right: -5px;
}

.news-detail a::after {
	right: -20px;
}

.news-release a::after {
	right: -15px;
}

.news-detail a:hover::before {
	right: -15px;
}

.news-release a:hover::before {
	right: -10px;
}

.news-detail a:hover::after {
	right: -25px;
}

.news-release a:hover::after {
	right: -20px;
}

.news-media {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-top: calc(40vw / 8.28);
}

.news-release {
	display: flex;
	align-items: flex-start;
	padding-top: calc(40vw / 8.28);
	word-break: break-all;
}

.news-icon-img {
	display: block;
	width: calc(50vw / 8.28);
}

.news-release a {
	padding-left: 1em;
	width: 100%;
}

.news-release .news-pdf-link::before,
.news-release .news-pdf-link::after {
	content: none;
	position: static;
	margin-top: 0;
	width: auto;
	height: auto;
	border-style: none;
}


/*-- PC --------*/
@media screen and (min-width: 769px) {
	.content {
		padding-top: calc(110vw / 19.2);
	}

	.news-page .header {
		background-image: url(../img/top/pc/menu_bg_mv.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.news-page .header-menu .menu-txt {
		color: #f3a5bf;
	}

	.news-page .header-menu .menu-txt,
	.news-page .header-menu li:nth-child(even) .menu-txt {
		-webkit-text-stroke: 1px #fff;
	}

	.news-page .header-menu li .menu-txt .hover-line::after {
		background-color: #fff;
	}

	.news-page .common-list-shop {
		display: block;
	}

	.news-page footer .common-list-shop {
		display: none;
	}

	.news-block {
		margin: 0 calc(80vw / 19.2) calc(170vw / 19.2);
	}

	.news-list {
		font-size: calc(14vw / 19.2);
		padding-top: calc(80vw / 100);
	}

	.news-title {
		font-size: calc(18vw / 19.2);
		padding-bottom: calc(30vw / 19.2);
		margin-bottom: calc(35vw / 19.2);
	}

	.news-icon-img {
		width: calc(40vw / 19.2);
	}

	.news-list dt {
		margin-bottom: calc(10vw / 19.2);
	}

	.news-release {
		padding-top: calc(40vw / 19.2);
	}

	.news-media {
		padding-top: calc(40vw / 19.2);
	}
}