.whatsNewPage_title_wrap {
	padding-top: 6%;
}

.siteContainer {
	margin: auto;
	padding: 0 9.33vw;
	width: 100%;
	max-width: 100%;
}

.whatsNew {
	margin: 0 auto 90%;
	width: 100%;
}

.whatsNew_categories {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2.3vw;
	margin: 18% auto 7%;
    width: 93%;
}

.whatsNew_category {
	border: 0.3vw solid #000;
    border-radius: 1.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.7vw;
	line-height: 1.5;
	padding: .8vw 1vw;
    min-width: 36.5vw;
}

.whatsNew_category.is-active {
	background-color: #3A7961;
	border-color: #3A7961;
	color: #fff;
}

.whatsNew_list {
	margin: 0 auto 20%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.whatsNew_itm {
	padding-top: 13%;
    padding-bottom: 11%;
    border-bottom: 0.3vw solid #D9D9D9;
    width: 100%;
}

.whatsNew_itm_info{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.whatsNew_itm_date {
	flex-shrink: 0;
	margin-right: 3.86vw;
	margin-top: .5%;
	margin-bottom: 3%;
	font-size: 3.73vw;
	font-weight: 400;
	line-height: 1.6;
}

.whatsNew_itm_category_box{
	display: flex;
	flex-wrap: wrap;
	gap: 2.26vw;
}

.whatsNew_itm_category {
	border: 0.3vw solid #000;
    border-radius: 1.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.7vw;
	line-height: 1.5;
	padding: .8vw 1vw;
    min-width: 36.5vw;
}

.whatsNew_itm_ttl {
	margin-top: 3.5%;
	font-size: 4.2vw;
	line-height: 1.6;
}

.whatsNew_itms_paginations {
	margin: auto;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.whatsNew_itms_paginations li{
	margin-left: 1.8vw;
	margin-right: 1.8vw;
}
.whatsNew_itms_paginations li:first-child{
	margin-left: 0;
}
.whatsNew_itms_paginations li:last-child{
	margin-right: 0;
}
.whatsNew_itms_paginations_arrow.-prev{
	margin-right: 0;
}
.whatsNew_itms_paginations_arrow.-next{
	margin-left: 0;
}

.whatsNew_itms_pagiItm {
	aspect-ratio: 1 / 1;
	width: 8vw;
	border: 0.27vw solid #000;
	font-size: 3.7vw;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all .3s ease-out;
}
.whatsNew_itms_pagiItm a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.whatsNew_itms_pagiItm.is-active,
.whatsNew_itms_pagiItm:hover {
	border-color: #3A7961;
	background-color: #3A7961;
	color: #fff;
}

.whatsNew_itms_paginations_arrow,
.whatsNew_itms_paginations_dots{
	width: 4vw;
}


/* 英語ページのスタイル変更 */
main[data-lang="en_US"] .whatsNew_categories{
    width: 100%;
}
main[data-lang="en_US"] .whatsNew_category{
    width: 48%;
}


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

	.whatsNewPage_title_wrap {
		padding-top: min(4.2%, 92px);
	}

	.siteContainer {
		padding: 0;
		max-width: 2200px;
	}

	.whatsNew {
		margin: 0 auto min(14.27vw);
		max-width: min(1682px, 76.45vw);
	}

	.whatsNew_categories {
		margin: 6% auto 1.4%;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		gap: min(0.77vw, 17px);
		width: 100%;
	}

	.whatsNew_category {
        border: min(0.1vw, 2px) solid #000;
        border-radius: min(0.59vw, 13px);
        font-size: min(1.27vw, 28px);
		padding: min(0.3vw, 7px) min(0.7vw, 15px);
		min-width: min(12.5vw, 273px);

		transition: all .3s ease-out;
	}
	.whatsNew_category:hover {
		background-color: #3A7961;
		border-color: #3A7961;
		color: #fff;
	}

	.whatsNew_list {
		margin: 0 auto 8.5%;
	}

	.whatsNew_itm {
		padding-top: 4.6%;
        padding-bottom: 4.2%;
		border-bottom: min(0.09vw, 2px) solid #D9D9D9;

		transition: all .3s ease-out;
	}
	.whatsNew_itm.hoverItem:hover {
		background-color: #f5f5f5;
	}

	.whatsNew_itm_date {
		margin-right: min(1.31vw, 29px);
		font-size: min(1.27vw, 28px);
	}

	.whatsNew_itm_category_box{
		gap: min(0.77vw, 17px);
	}

	.whatsNew_itm_category {
        border: min(0.1vw, 2px) solid #000;
        border-radius: min(0.59vw, 13px);
        font-size: min(1.27vw, 28px);
		padding: min(0.3vw, 7px) min(0.7vw, 15px);
		min-width: min(12.5vw, 273px);

		transition: all .3s ease-out;
	}
	.whatsNew_itm_category:hover {
		background-color: #3A7961;
		border-color: #3A7961;
		color: #fff;
	}

	.whatsNew_itm_ttl {
		margin-top: 1.8%;
		font-size: min(1.45vw, 32px);
	}

	.whatsNew_itms_paginations li{
        margin-left: min(.7vw, 15px);
        margin-right: min(.7vw, 15px);
	}

	.whatsNew_itms_pagiItm {
        width: min(3.5vw, 76px);
        border: min(0.1vw, 2px) solid #000;
        font-size: min(1.45vw, 32px);
	}

	.whatsNew_itms_paginations_arrow{
		width: min(1.8vw, 38px);
	}

	.whatsNew_itms_paginations_dots{
		width: min(3vw, 65px);
	}

	/* 英語ページのスタイル変更 */
	main[data-lang="en_US"] .whatsNew_category{
		width: auto;
	}
}