@charset "UTF-8";

/* ===============================================
  top
=============================================== */
section {
	padding-top: 3em;
	padding-bottom: 3em;
}

@media (min-width: 768px) {
	section {
		padding-top: 5em;
		padding-bottom: 5em;
	}
	p{
		line-height: 2.8;
	}
}

.ttl-link {
	position: relative;
	display: inline;
	text-decoration: none;
	color: inherit;
	transition: color 0.3s ease;
}
.ttl-link::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--color-gray-light);
	background-image: url('/common/img/arrow-black.svg');
	background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: baseline;
	margin-left: 0.5em;
	transform: translateY(0.1em);
	transition: transform 0.3s ease, background-color 0.3s ease, background-image 0.3s ease;
}

@media (max-width: 767px) {
	.ttl-link::after {
		transform: translateY(0.4em);
	}
}

@media (hover: hover) {
	.ttl-link:hover {
		color: var(--color-primary);
	}
	.ttl-link:hover::after {
		background-color: var(--color-primary);
		background-image: url('/common/img/arrow.svg');
		transform: translateY(0.2em) translateX(5px) scale(1.1);
	}
}

@media (hover: hover) and (max-width: 767px) {
	.ttl-link:hover::after {
		transform: translateY(0.3em) translateX(5px) scale(1.1);
	}
}

.ttl-link-b {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	text-decoration: none;
	color: inherit;
	transition: color 0.3s ease;
}
.ttl-link-b::after {
	content: '';
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--color-black);
	background-image: url('/common/img/arrow.svg');
	background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
	transition: transform 0.3s ease, background-color 0.3s ease, background-image 0.3s ease;
}

@media (hover: hover) {
	.ttl-link-b:hover {
		color: var(--color-primary);
	}
	.ttl-link-b:hover::after {
		background-color: var(--color-primary);
		background-image: url('/common/img/arrow.svg');
		transform: translateX(5px) scale(1.1);
	}
}

/* ------------------------------
	mv-sec
------------------------------ */
.mv-sec {
	margin-top: 80px;
	position: relative;
}

@media (min-width: 768px) {
	.mv-sec {
		margin-top: 100px;
	}
}

/* ------------------------------
	mv-hero
------------------------------ */
:root {
	--mv-shadow-con: 0 27px 30px rgba(0, 0, 0, 0.20);
	--mv-shadow-sof: 0 27px 25px rgba(0, 0, 0, 0.35);
	--mv-fade-speed: 2.0s;
	--mv-float-speed: 20s;
	--mv-step-delay: 0.8s;
	--mv-float-delay: 4s;
}

.mv-hero {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.mv-hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/img/mv_bg-sp.jpg');
	background-size: cover;
	background-position: center;
	z-index: 0;
	animation: bg-zoom-in 1.5s ease-out forwards;
}

.mv-hero .inner_hero {
	position: relative;
	width: 100%;
	aspect-ratio: 9 / 14;
	max-height: 100vh;
	margin: 0 auto;
	z-index: 1;
}

@media (min-width: 768px) {
	.mv-hero {
		aspect-ratio: 16 / 9;
		max-height: 900px;
	}
	.mv-hero::before {
		background-image: url('/img/mv_bg.jpg');
	}
	.mv-hero .inner_hero {
		aspect-ratio: 16 / 9;
		max-width: 1600px;
		max-height: 900px;
	}
}

@keyframes fade-in-smooth-con {
	from {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.9);
		filter: blur(5px) drop-shadow(var(--mv-shadow-con));
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
		filter: blur(0) drop-shadow(var(--mv-shadow-con));
	}
}
@keyframes fade-in-smooth-sof {
	from {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.9);
		filter: blur(5px) drop-shadow(var(--mv-shadow-sof));
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
		filter: blur(0) drop-shadow(var(--mv-shadow-sof));
	}
}
@keyframes fade-in-message {
	from {
		opacity: 0;
		transform: translate(-50%, -45%) scale(0.85);
		filter: blur(2px);
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
		filter: blur(0);
	}
}
@keyframes float-subtle {
	0%, 100% {
		transform: translate(-50%, -50%) scale(1) translateY(0) translateX(0);
	}
	25% {
		transform: translate(-50%, -50%) scale(1) translateY(-12px) translateX(3px);
	}
	50% {
		transform: translate(-50%, -50%) scale(1) translateY(-15px) translateX(0);
	}
	75% {
		transform: translate(-50%, -50%) scale(1) translateY(-12px) translateX(-3px);
	}
}
@keyframes bg-zoom-in {
	from {
		transform: scale(1.1);
	}
	to {
		transform: scale(1);
	}
}
@keyframes bg-extend {
	0% {
		transform: scaleX(0);
		transform-origin: left center;
		opacity: 1;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	100% {
		transform: scaleX(1);
		transform-origin: left center;
		opacity: 1;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	}
}
@keyframes text-appear {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.mv-hero .parts {
	position: absolute;
	height: auto;
	z-index: 5;
	opacity: 0;
	will-change: transform, opacity;
	transform-origin: center center;
}
.mv-hero .con01,
.mv-hero .con03,
.mv-hero .con05,
.mv-hero .con07,
.mv-hero .con09,
.mv-hero .con11 {
	filter: drop-shadow(var(--mv-shadow-con));
	animation: fade-in-smooth-con var(--mv-fade-speed) ease-in-out 0s forwards,
	           float-subtle var(--mv-float-speed) ease-in-out var(--mv-fade-speed) infinite;
}
.mv-hero .con02,
.mv-hero .con04,
.mv-hero .con06,
.mv-hero .con08,
.mv-hero .con10,
.mv-hero .con12 {
	filter: drop-shadow(var(--mv-shadow-con));
	animation: fade-in-smooth-con var(--mv-fade-speed) ease-in-out var(--mv-step-delay) forwards,
	float-subtle var(--mv-float-speed) ease-in-out calc(var(--mv-fade-speed) + var(--mv-float-delay)) infinite;
}
.mv-hero [class*="sof"] {
	filter: drop-shadow(var(--mv-shadow-sof));
	animation: fade-in-smooth-sof var(--mv-fade-speed) ease-in-out calc(var(--mv-step-delay) * 2) forwards;
}

.mv-hero .message-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    width: fit-content;
    text-align: left;
    opacity: 0;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
    will-change: transform, opacity, filter;
    animation: fade-in-message 2.5s ease-out -2s forwards !important;
}
.mv-hero .red-box {
    background-color: transparent;
    color: white;
    padding: .1em .4em .1em 1.2em;
    margin: .4em 0;
    font-size: clamp(1.6rem, 5.8vw, 4rem);
    font-weight: bold;
    display: table;
    white-space: nowrap;
    letter-spacing: 0.1em;
    position: relative;
    overflow: visible;
    opacity: 0;
    animation: text-appear 0.3s ease-out calc(var(--mv-step-delay) * 2 + var(--mv-fade-speed) - 1.5s) forwards;
}
.mv-hero .red-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-primary);
    z-index: -1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    transform: scaleX(0);
    transform-origin: left center;
    opacity: 1;
    will-change: transform;
    animation: bg-extend .35s ease-out calc(var(--mv-step-delay) * 2 + var(--mv-fade-speed) - 1.3s) forwards;
}
.mv-hero .red-box:nth-child(2)::before {
    animation-delay: calc(var(--mv-step-delay) * 2 + var(--mv-fade-speed) - 1.3s + 0.4s);
}
.mv-hero .red-box:nth-child(2) {
    animation-delay: calc(var(--mv-step-delay) * 2 + var(--mv-fade-speed) - 1.3s + 0.4s);
}

@media (min-width: 768px) {
	.mv-hero .message-area {
		top: 52%;
	}
	.mv-hero .red-box {
		margin: .5em 0;
		font-size: clamp(2rem, 2.8vw, 4rem);
	}
}
@media (max-width: 767px) {
	.mv-hero .con01 { left: 13.33%; top: 10.00%; width: 15.56%; }
	.mv-hero .con02 { left: 20.00%; top: 90.00%; width: 24.22%; }
	.mv-hero .con03 { left: 13.89%; top: 68.14%; width: 12.00%; }
	.mv-hero .con04 { left: 26.22%; top: 22.14%; width: 19.11%; }
	.mv-hero .con05 { left: 42.22%; top: 33.5%; width: 13.33%; }
	.mv-hero .con06 { left: 59%; top: 8%; width: 12%; }
	.mv-hero .con07 { left: 64.44%; top: 25.43%; width: 15.89%; }
	.mv-hero .con08 { left: 88.67%; top: 30.00%; width: 18.00%; }
	.mv-hero .con09 { left: 88.67%; top: 60.71%; width: 14.44%; }
	.mv-hero .con10 { left: 85%; top: 93%; width: 12%; }
	.mv-hero .con11 { left: 73.33%; top: 75.71%; width: 23.11%; }
	.mv-hero .con12 { left: 50.67%; top: 87.86%; width: 15.56%; }
	.mv-hero .sof01 { left: 33.33%; top: 7.50%;  width: 13.11%; }
	.mv-hero .sof02 { left: 49.33%; top: 16.57%; width: 13.33%; }
	.mv-hero .sof03 { left: 16.00%; top: 33.93%; width: 14.89%; }
	.mv-hero .sof04 { left: 33.78%; top: 77.86%; width: 12.89%; }
	.mv-hero .sof05 { left: 47.11%; top: 71.43%; width: 12.89%; }
	.mv-hero .sof06 { left: 88.89%; top: 14.43%; width: 14.67%; }
	.mv-hero .sof07 { left: 74.44%; top: 10.14%; width: 9.78%; }
	.mv-hero .sof08 { left: 71.11%; top: 89.71%; width: 11.33%; }
	.mv-hero .sof09 { left: 92.67%; top: 79.29%; width: 10.78%; }
}
@media (min-width: 768px) {
    .mv-hero .con06,
    .mv-hero .con10 {
        display: block !important;
    }
    .mv-hero .con01 { left: 9.00%;  top: 31.89%; width: 8.75%; }
    .mv-hero .con02 { left: 15.13%; top: 78.62%; width: 13.63%; }
    .mv-hero .con03 { left: 25.00%; top: 53.56%; width: 6.75%; }
    .mv-hero .con04 { left: 33.50%; top: 19.78%; width: 10.75%; }
    .mv-hero .con05 { left: 43.75%; top: 26.67%; width: 7.50%; }
    .mv-hero .con06 { left: 39.38%; top: 81.33%; width: 9.88%; }
    .mv-hero .con07 { left: 58.13%; top: 21.33%; width: 9.00%; }
    .mv-hero .con08 { left: 71.88%; top: 26.56%; width: 10.13%; }
    .mv-hero .con09 { left: 75.00%; top: 51.89%; width: 8.13%; }
    .mv-hero .con10 { left: 63.13%; top: 76.89%; width: 11.56%; }
    .mv-hero .con11 { left: 88.75%; top: 63.56%; width: 13.00%; }
    .mv-hero .con12 { left: 94.38%; top: 36.89%; width: 8.75%; }
    .mv-hero .sof01 { left: 18.13%; top: 19.11%; width: 7.38%; }
    .mv-hero .sof02 { left: 23.75%; top: 34.67%; width: 6.38%; }
    .mv-hero .sof03 { left: 15.13%; top: 50.44%; width: 7.19%; }
    .mv-hero .sof04 { left: 27.50%; top: 73.56%; width: 6.25%; }
    .mv-hero .sof05 { left: 49.38%; top: 82.44%; width: 6.25%; }
    .mv-hero .sof06 { left: 84.38%; top: 19.11%; width: 7.19%; }
    .mv-hero .sof07 { left: 80.63%; top: 36.89%; width: 5.63%; }
    .mv-hero .sof08 { left: 73.13%; top: 71.33%; width: 5.00%; }
    .mv-hero .sof09 { left: 79.38%; top: 79.11%; width: 5.25%; }
}

/* mv-ticker */
.mv-ticker {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 10;
}
@media (max-width: 767px) {
	.mv-ticker {
		position: static;
		bottom: auto;
		right: auto;
		z-index: auto;
	}
}

.mv-ticker .inner {
	display: flex;
	justify-content: flex-end;
	position: relative;
}
@media (max-width: 767px) {
	.mv-ticker .inner {
		justify-content: stretch;
		padding: 0;
	}
}
.mv-ticker__wrapper {
	background-color: var(--color-white);
	overflow: hidden;
	height: 40px;
	width: 100%;
	position: relative;
}
.mv-ticker__item {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	text-decoration: none;
	color: var(--color-black);
	white-space: nowrap;
	padding: 0 1.2rem;
	font-size: 1.2rem;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: color 0.3s ease;
}
.mv-ticker__item.slide-out {
	animation: slideOut 0.5s ease-in-out forwards;
}
.mv-ticker__item.slide-in {
	animation: slideIn 0.5s ease-in-out forwards;
}

@keyframes slideOut {
	from {
		transform: translateY(0);
		opacity: 1;
	}
	to {
		transform: translateY(-100%);
		opacity: 0;
	}
}
@keyframes slideIn {
	from {
		transform: translateY(100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@media (hover: hover) {
	.mv-ticker__item:hover {
		color: var(--color-primary);
	}
}

.mv-ticker__date {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	color: var(--color-gray-dark);
	flex-shrink: 0;
	line-height: 1;
}

.mv-ticker__title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	line-height: 1;
}

.mv-ticker__item::after {
	content: '';
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
	background-color: var(--color-black);
	-webkit-mask-image: url('/common/img/arrow.svg');
	mask-image: url('/common/img/arrow.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-mode: alpha;
	mask-mode: alpha;
	margin-left: auto;
	display: block;
}

@media (hover: hover) {
	.mv-ticker__item:hover::after {
		background-color: var(--color-primary);
		width: 1.4rem;
		height: 1.4rem;
	}
}
@media (max-width: 767px) {
	.mv-ticker__wrapper {
		max-width: 100%;
	}

}
@media (min-width: 768px) {
	.mv-ticker__wrapper {
		height: 4rem;
		max-width: 500px;
	}
	.mv-ticker__item {
		padding: 0 2.5rem;
		font-size: 1.4rem;
	}
}

/* ------------------------------
	intro
------------------------------ */
@media (min-width: 768px) {
	#intro {
		text-align: center;
	}
}

/* ------------------------------
	company
------------------------------ */
#company{
	background: url(/img/bg_company-sp.jpg) no-repeat center center / cover;
}
section#company {
	padding-bottom: 5em;
}
#company h2 {
	color: var(--color-white);
}
@media (min-width: 768px) {
	#company{
		background: url(/img/bg_company.jpg) no-repeat center center / cover;
	}
}


#company .company__container{
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
@media (min-width: 768px) {
	#company .company__container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto auto;
		gap: 8rem;
	}
	#company .company__card:nth-child(1) {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	#company .company__card:nth-child(2) {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	#company .company__card:nth-child(3) {
		grid-column: 1 / 3;
		grid-row: 2 / 3;
	}
}

.company__card a {
	display: block;
	position: relative;
	text-decoration: none;
	color: inherit;
}
.company__card picture {
	display: block;
	width: 100%;
	overflow: hidden;
}
.company__card picture img {
	width: 100%;
	height: auto;
	display: block;
}
.company__card.card--about h3 {
	width: 85%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(50%);
	background-color: var(--color-white);
	padding: 0.7em 2em;
	border-radius: 50px;
	font-weight: bold;
	font-size: 1em;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.company__card.card--about h3::after {
	content: '';
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--color-black);
	background-image: url('/common/img/arrow.svg');
	background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

@media (hover: hover) {
	.company__card.card--about a:hover h3 {
		color: var(--color-primary);
	}
	.company__card.card--about a:hover h3::after {
		background-color: var(--color-primary);
		transform: translateX(5px) scale(1.1);
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.company__card.card--about h3 {
		width: 90%;
	}
}
@media (min-width: 1024px) {
	.company__card.card--about h3 {
		width: 70%;
		left: auto;
		right: -2rem;
		transform: translateX(0) translateY(50%);
		padding: 1em 2em;
	}
}

.company__card.card--number {
	background-color: var(--color-white);
	padding: 2em;
	margin-top: 1em;
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
}
.company__card.card--number a {
	display: flex;
	flex-direction: column;
	gap: 2em;
	align-items: center;
}
.company__card.card--number h3 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
.company__card.card--number picture {
	width: 100%;
}

@media (min-width: 768px) {
	.company__card.card--number a {
		flex-direction: row;
		align-items: center;
		gap: 3em;
	}
	.company__card.card--number h3 {
		flex: 1;
		order: 1;
	}
	.company__card.card--number picture {
		flex: 1;
		order: 2;
	}
}

/* ------------------------------
  business
------------------------------ */
#business .business__container{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
#business .business__item-img {
	display: block;
	margin: 0 auto;
}

@media (min-width: 768px) {
	#business .business__container{
		flex-direction: row;
		align-items: center;
		gap: 4rem;
	}
	#business .business__item-text {
		flex: 0 0 38rem;
	}
	#business .business__item-img {
		flex: 1;
	}
}
@media (min-width: 1024px) {
	#business .business__container{
		flex-direction: row;
		align-items: center;
		gap: 4rem;
	}
	#business .business__item-text {
		flex: 0 0 48rem;
	}
	#business .business__item-img {
		flex: 1;
		max-width: 80rem;
	}
}

#business h2 {
	text-align: center;
}
#business h2 br {
	display: none;
}

@media (min-width: 768px) {
	#business h2 {
		text-align: left;
	}
	#business h2 br {
		display: block;
	}
}

.link-biz {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--color-gray-light);
	padding: 2em 3em;
	font-weight: bold;
	margin-top: 2em;
}


/* ------------------------------
  recruit
------------------------------ */
#recruit{
	background: url(/img/bg_recruit-sp.jpg) no-repeat center center / cover;
}

@media (min-width: 768px) {
	#recruit{
		background: url(/img/bg_recruit.jpg) no-repeat center center / cover;
	}
}

.work-env-nav__container {
    display: flex;
    flex-direction: column;
    padding: 0em 6%;
    border-radius: 20px;
    background-color: var(--color-white);
    font-size: clamp(1.4rem, 1.1em, 2.2rem);
	margin-top: 2em;
}
.work-env-nav__container li {
    flex: 1;
}
.work-env-nav__container li:not(:last-child) {
    border-bottom: 1px solid var(--color-gray-light);
}
.work-env-nav__container li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 1rem;
    background-color: var(--color-white);
    text-decoration: none;
    color: var(--color-black);
    position: relative;
    transition: color 0.3s ease;
}

@media (hover: hover) {
    .work-env-nav__container li a:hover {
        color: var(--color-primary);
    }
}

.work-env-nav__container li a::after {
    content: '';
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-gray-light);
    background-image: url('/common/img/arrow-black.svg');
    background-size: 1.2rem;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    transition: transform 0.3s ease, background-color 0.3s ease, background-image 0.3s ease;
}

@media (hover: hover) {
    .work-env-nav__container li a:hover::after {
        background-color: var(--color-primary);
        background-image: url('/common/img/arrow.svg');
        transform: translateX(5px) scale(1.1);
    }
}
@media(min-width: 1024px) {
    .work-env-nav__container {
        flex-direction: row;
        gap: 0;
        background-color: transparent;
        border-radius: 20px;
        overflow: hidden;
        padding: 2em 0 0;
    }
    .work-env-nav__container li {
        position: relative;
        flex: 1;
        padding: 0 2%;
    }
    .work-env-nav__container li:not(:last-child) {
        border-bottom: none;
        border-right: none;
    }
    .work-env-nav__container li a {
        padding: 2.2em 3rem 2.2em 2em;
        border-radius: 20px;
    }
}

/* ------------------------------
	recruit-link
------------------------------ */
.recruit-link {
	background-color: var(--color-primary);
	padding: 4rem 0 6rem;
	scroll-margin-top: 100px;
}

@media (min-width: 768px) {
	.recruit-link {
		scroll-margin-top: 120px;
        padding: 6rem 0 8rem;
	}
}
.recruit-link .recruit-link__ttl {
	font-family: 'Oswald', sans-serif;
	text-align: center;
	font-size: 3.3em;
	font-weight: normal;
	color: white;
	width: fit-content;
	margin: 0 auto 3rem;
	letter-spacing: 0.12em;
	line-height: 1.2;
}
.recruit-link .recruit-link__ttl span {
	font-size: calc(1em / 3.3);
    letter-spacing: 0.05em;
    display: block;
	font-family: "Noto Sans JP", sans-serif;
	margin-top: 0.5rem;
}

.news__ttl{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3em;
}
@media (min-width: 768px) {
	.news__ttl{
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 4em;
	}
	.news__ttl h2.sec__ttl-l{
		padding-bottom: 0;
		line-height: 1;
	}
}


/* ===============================================
	news
=============================================== */
.news-card {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.3s;
}
.news-card__img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.news-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease-out;
}
.news-card:hover .news-card__img img {
    transform: scale(1.05);
    transition: transform 0.3s ease-out;
}
.news-card__body {
    padding: 0 0.5rem;
}
.news-card__date {
    font-size: 1.4rem;
    color: var(--color-gray-dark);
    margin-bottom: 0.5rem;
    font-family: 'Oswald', sans-serif;
}
.news-card__title {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6;
}