html {
	font-size: 62.5%;
}

:root {
	/* base: 10px(rem) | min:375px max:1000px */

	/* ---------- font ---------- */
	--f-7-10: clamp(0.7rem, 0.52rem + 0.48vw, 1rem);
	--f-8-11: clamp(0.8rem, 0.62rem + 0.48vw, 1.1rem);
	--f-10-12: clamp(1rem, 0.88rem + 0.32vw, 1.2rem);
	--f-10-14: clamp(1rem, 0.76rem + 0.64vw, 1.4rem);
	--f-10-16: clamp(1rem, 0.64rem + 0.96vw, 1.6rem);
	--f-10-36: clamp(1rem, -0.95rem + 4.16vw, 3.6rem);
	--f-12-14: clamp(1.2rem, 1.08rem + 0.32vw, 1.4rem);
	--f-12-16: clamp(1.2rem, 0.96rem + 0.64vw, 1.6rem);
	--f-14-16: clamp(1.4rem, 1.28rem + 0.32vw, 1.6rem);
	--f-16-18: clamp(1.6rem, 1.48rem + 0.32vw, 1.8rem);
	--f-16-20: clamp(1.6rem, 1.36rem + 0.64vw, 2rem);
	--f-18-22: clamp(1.8rem, 1.56rem + 0.64vw, 2.2rem);
	--f-18-24: clamp(1.8rem, 1.44rem + 0.96vw, 2.4rem);
	--f-20-24: clamp(2rem, 1.64rem + 0.96vw, 2.4rem);
	--f-20-26: clamp(2rem, 1.64rem + 0.96vw, 2.6rem);
	--f-20-36: clamp(2rem, 1.04rem + 2.56vw, 3.6rem);
	--f-24-36: clamp(2.4rem, 1.68rem + 1.92vw, 3.6rem);
	--f-40-64: clamp(4rem, 2.56rem + 3.84vw, 6.4rem);

	/* ---------- gap ---------- */
	--gap-side: clamp(2rem, 0.56rem + 1.44vw, 5rem);
	--gap-s: clamp(1.3rem, 1.04rem + 0.7vw, 2rem);
	--gap-m: clamp(2.7rem, 2.1rem + 0.8vw, 4rem);
	--gap-l: clamp(4rem, 3.28rem + 1.15vw, 6rem);
	--gap-xl: clamp(7rem, 5.2rem + 1.8vw, 10rem);
	--gap-xxl: clamp(10rem, 8.48rem + 1.52vw, 12rem);
	--gap-xxxl: clamp(12rem, 9.76rem + 2.24vw, 16rem);

	/* ---------- width ---------- */
	--w10: clamp(0.5rem, 0.32rem + 0.48vw, 1rem);
	--w20: clamp(1rem, 0.64rem + 0.96vw, 2rem);
	--w30: clamp(1.5rem, 0.96rem + 1.44vw, 3rem);
	--w40: clamp(2rem, 1.28rem + 1.92vw, 4rem);
	--w50: clamp(2.5rem, 1.6rem + 2.4vw, 5rem);
	--w60: clamp(3rem, 1.92rem + 2.88vw, 6rem);
	--w70: clamp(3.5rem, 2.24rem + 3.36vw, 7rem);
	--w80: clamp(4rem, 2.56rem + 3.84vw, 8rem);
	--w90: clamp(4.5rem, 2.88rem + 4.32vw, 9rem);
	--w100: clamp(5rem, 3.2rem + 4.8vw, 10rem);
	--w150: clamp(7.5rem, 4.96rem + 7.2vw, 15rem);
	--w200: clamp(10rem, 6.4rem + 9.6vw, 20rem);

	--red: #6e3a1d;
	--red2:#cddfac;
	--orange: #db6a08;
	--green: #b8ca7f;

}


.f10 {
	font-size: var(--f-7-10) !important;
}

.f11 {
	font-size: var(--f-8-11) !important;
}

.f12 {
	font-size: var(--f-10-12) !important;
}

.f14 {
	font-size: var(--f-12-14) !important;
}

.f18 {
	font-size: var(--f-16-18) !important;
}

.f20 {
	font-size: var(--f-16-20) !important;
}

.f24 {
	font-size: var(--f-18-24) !important;
}

.ac {
	text-align: center !important;
}

.al {
	text-align: left !important;
}

.ar {
	text-align: right !important;
}

.mtxxxl {
	margin-top: var(--gap-xxxl);
}

.mtxxl {
	margin-top: var(--gap-xxl);
}

.mtxl {
	margin-top: var(--gap-xl);
}

.mtl {
	margin-top: var(--gap-l);
}

.mt {
	margin-top: var(--gap-m);
}

.mts2 {
	margin-top: var(--gap-s2);
}

.mts {
	margin-top: var(--gap-s);
}

.mtxs {
	margin-top: var(--w10);
}

/*SP*/
@media screen and (min-width : 769px) {
	.pc_ac {
		text-align: center !important;
	}

	.pc_al {
		text-align: left !important;
	}
}


/*SP*/
@media screen and (max-width : 768px) {
	.sp_ac {
		text-align: center !important;
	}

	.sp_al {
		text-align: left !important;
	}
}


/* ===================================================================================
COMMON
====================================================================================== */

body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: var(--f-14-16);
	color: var(--c-font);
	position: relative;
}

/* body.is-menuOpen{
  position: fixed;
  width:100%;
} */

*,
*::before,
*::after {
	box-sizing: border-box;
}

main {
	display: block;
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 700;
	line-height: 1.4;
	font-family: 'Noto Sans JP', sans-serif;
}

em {
	font-style: normal;
	display: inline-block;
}

h2 {
	color: var(--pink);
	font-size: var(--f-40-64);
	position: relative;
	z-index: 1;
	font-family: "Oswald", 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

h3 {
	color: var(--gray2);
	font-size: var(--f-20-26);
	letter-spacing: .1em;
	position: relative;
	z-index: 1;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}

h4 {
	font-size: var(--f-20-24);
	letter-spacing: .1em;
	position: relative;
	z-index: 1;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}

p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: var(--f-14-16);
	letter-spacing: .1em;
	font-weight: 400;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: unset;
	text-decoration: none;
}

.sub-top {
	display: flex;
	align-items: baseline;
	gap: var(--w30);
	padding: 6rem 8.5rem;
	flex-wrap: wrap;
}

.sub-top.__2 {
	display: grid;
	margin: 0 auto;
	gap: var(--w10);
	padding: 6rem 8.5rem;
}

@media screen and (max-width : 769px) {
	.sub-top {
		padding: 6rem 3rem;
	}
}

figure>img {
	margin: auto;
	display: block;
}

.center {
	margin: auto;
	display: block;
}

.non-pc{
	display: none;
}

.non-sp{
	display: block;
}

@media screen and (max-width : 769px) {
	.non-pc{
		display: block;
	}
	
	.non-sp{
		display: none;
	}

}





/* ===================================================================================
ボタン
====================================================================================== */
button {
	display: block;
}

button a {
	display: flex;
	flex-wrap: nowrap;
}

.button-center {
	margin-left: auto;
	margin-right: auto;
}

.button-left {
	margin-left: auto;
}

.button-inner {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: var(--red);
	position: relative;
	transition: color 0.5s ease;
	padding: 1rem 3rem;
	border-radius: 100vw;
	overflow: hidden;
}

.button-inner>figure {
	position: relative;
	z-index: 50;
}

button:hover:hover .button-inner::before {
	transform: scaleX(1);
	transform-origin: left;
}

.button-inner::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--orange);
	transform: scaleX(0);
	transform-origin: right;
	transition: all 0.5s ease;
	transition-property: transform;
}

.main-button{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.main-button .button-inner {
	padding: 1rem 10rem;
}

.main-button .button-inner figure{
	width: 150px;
	height: auto;
}

.main-button .button-inner figure img{
	width: 100%;
}

@media screen and (max-width: 769px) {
	.main-button .button-inner {
		padding: 1rem 10rem;
	}
	
	.main-button .button-inner figure{
		width: 80px;
		height: auto;
	}
	
	.main-button .button-inner figure img{
		width: 100%;
	}
}


/* ===================================================================================
header
====================================================================================== */
.header {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	z-index: 50;
	width: 100%;
	padding: var(--w10) 30px;
	top: 0;
	background-color: rgba(255, 255, 255, 0.6)
}

.header-menu {
	display: flex;
	gap: var(--w20);
	align-items: center;
}

header:after {
	content: none;
}


.header a {
	transition: 0.3s;
}

.header a:hover {
	text-decoration: none;
}

.header-logo {
	place-content: center;
	width: 7rem;
}

.header-logo img {
	display: block;
	margin: 0;
}

.header-content {
	display: flex;
	gap: var(--w40);
	align-items: center;
}

.header-list {
	display: flex;
	gap: var(--w40);
	align-items: center;
}

.header-list__menu a {
	font-family: 'Noto Sans JP', sans-serif;
	color: #FFF;
	font-size: (--f-12-14);
	font-weight: 400;
}



@media screen and (max-width: 900px) {
	.header-logo{
		width: 50px;
	}
	
	.header-list__menu {
		display: none;
	}
}

.hamburger {
	width: 30px;
	cursor: pointer;
	position: relative;
	z-index: 100;
	display: none;
	/* メニューより前に表示 */
}



@media screen and (max-width: 900px) {
	.hamburger {
		display: block;
	}
}

.hamburger span {
	display: block;
	height: 2px;
	width: 100%;
	background-color: var(--red);
	margin: 6px 0;
	transition: 0.4s;
}

/* メニューのスタイル */
.menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 40vw;
	min-width: 285px;
	height: 100vh;
	background-color: rgba(184, 202, 127, 0.9);
	opacity: 0;
	/* 初期状態は透明 */
	pointer-events: none;
	/* クリック不可 */
	transition: opacity 0.5s ease;
	/* フェードインのアニメーション */
	box-sizing: border-box;
	z-index: 99;
}

@media screen and (max-width: 900px) {
	.menu-content {
		padding: 30px;
		position: relative;
		width: 100%;
		height: 100%;
		place-content: center;
	}

	.menu-content>a {
		display: block;
	}
}

.menu-inner__parts a {
	color: var(--white) !important;
}

.menu-inner__parts>ul>li:not(:first-child) {
	margin-top: var(--w10);
}

.menu-inner__title {
	font-size: var(--f-20-26);
}

.menu-inner__text {
	font-size: var(--f-16-18);
}

.menu-button {
	position: relative;
	z-index: 97;
}

/* メニューが開いたとき */
.menu.open {
	opacity: 1;
	/* 不透明にする */
	pointer-events: auto;
	/* クリック可能にする */
}

/* バツ印に変わるハンバーガーボタン */
.hamburger.active span:nth-child(1) {
	transform: rotate(45deg) translate(0px, 0px);
	background-color: #000;
}

.hamburger.active span:nth-child(2) {
	opacity: 0;
}

.hamburger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(11px, -11px);
	background-color: #000;
}


/* ===================================================================================
top
====================================================================================== */
.top{
	position: relative;
	z-index: -1;
}

.top-img{
	width: 100%;
}

.top-txt{
	position: absolute;
	width: 10%;
	min-width: 80px;
}

.top-txt.txt1{
	top: 34%;
	left: 25%;
}

.top-txt.txt2{
	top: 34%;
	right: 25%;
}

.top-txt.txt3{
	top: 50%;
	left: 21%;
	}

.top-txt.txt4{
	top: 50%;
	right: 22%;
}

.description{
	position: absolute;
	bottom: 10%;
	translate: 0 -100%;
	padding: 0 9rem;
	align-items: center;
}

.description-inner{
	display: grid;
	grid-template-columns: .8fr 1fr;
	gap: var(--w60);	align-items: center;
}

@media screen and (max-width: 1500px) {
	.description{
		bottom: 5%;
		translate: 0 -50%;
	}
}
@media screen and (max-width: 1200px) {
	.description{
		bottom: 5%;
		translate: 0 -50%;
	}
}
@media screen and (max-width: 1000px) {
	.description{
		bottom: 0%;
		translate: 0 -50%;
	}
}


@media screen and (max-width: 769px) {
	.description{
		position: absolute;
		bottom: 0;
		gap: var(--w60);
		padding: 0 3rem;
	}
	
	.description-inner{
		grid-template-columns: 1fr;
	}
}


@media screen and (max-width: 619px) {
	.description{
		bottom: 1rem;
	}
	
	.top-txt.txt1{
		top: 24%;
		left: 15%;
	}
	
	.top-txt.txt2{
		top: 24%;
		right: 15%;
	}
	
	.top-txt.txt3{
		top: 43%;
		left: 21%;
		}
	
	.top-txt.txt4{
		top: 43%;
		right: 21%;
	}
}


@media screen and (max-width: 499px) {
	.description{
		position:static ;
		translate: 0 0%;
		background-color: var(--green);
		margin-top: -1rem;
	}
}

/* ===================================================================================
introduction
====================================================================================== */

.introduction{
	background-color: var(--green);
	padding: 10rem 9rem;
	margin-top: -12rem;
	position: relative;
}

.introduction-grass{
	position: absolute;
	width: 20%;
}

.introduction-grass.grass1{
	top: 25%;
	right: 0;
	translate: 35% 0;
	rotate: 40deg;
}

.introduction-grass.grass2{
	top: 70%;
	left: 0;
	translate: -42% 0;
}

@media screen and (max-width: 1200px) {
	.introduction{
		margin-top: -8rem;
	}
}

@media screen and (max-width: 499px) {
	.introduction{
		margin-top: 0rem;
	}
}


.introduction-inner{
	background-color: #fff;
	padding: 6rem;
	border-radius: 6rem;
	max-width: 1400px;
	margin: auto;
}

.introduction-inner h4{
	font-size: var(--f-18-22);
	font-weight: 600;
}

.youtube{
	aspect-ratio: 16/9;
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.character{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--w60);
}

.character-inner{
	display: grid;
	grid-template-columns: 20% 1fr;
	align-items: center;
	gap: var(--w30);
}

.character-img{
	position: relative;
}

.character-name{
	background-color: var(--red2);
	padding: 1rem 2rem 1rem 8rem;
	margin-left: -7rem;
}

.character-name > img{
	margin-left: 0;
}

.kenkyuin-tit > img{
	background-color: var(--red2);
	padding: 1rem 5rem;
}

.character-detail__kenkyuin{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--w60);
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.introduction-last{
	width: 100%;
	background-color: #f8fff7;
}

.introduction-last > img{
	object-fit: contain;
	width: 100%;
	margin-top: -1rem
}

@media screen and (max-width: 999px){
	.character{
		grid-template-columns: 1fr;
		gap: var(--w60);
	}
	
	.kenkyuin-tit{
		background-color: var(--red2);
	}
}

@media screen and (max-width: 769px) {
	.introduction{
		padding: 6rem 3rem;
	}
	
	
	.introduction-inner{
		background-color: #fff;
		padding: 6rem 3rem;
		border-radius: 6rem;
	}
}



/* ===================================================================================
content
====================================================================================== */

.content{
	background-color: #f8fff7;
	padding: 10rem 9rem;
}

.title.__content{
	position: relative;
}

.title.__content> img{
background-color: var(--red2);
padding: 2rem 5rem;
}

.content-table__inner{
	border-collapse: collapse;
	margin-top: -3rem;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	width: auto;
	padding: .2rem;
}

tr,td{
	border: dashed #838383 3px;
	border-collapse: collapse;
	width: auto;
}

td{
	padding: 6rem 3rem;
	vertical-align: top;
}

.table-color__c{
	background-color: #ffefe8;
	background-clip:padding-box;
}


.table-tit{
	font-size: var(--f-18-22);
	color: var(--red);
	padding-left: 1rem;
	text-indent: -1.5rem;
	font-weight: 700;
}

.table-tit::before{
	content: "●";
	padding-right: .3rem;
	font-size: 10px;
	color: var(--green);
	vertical-align: middle;
}

.table-grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--w30);
}

.table-room{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	gap: 0;
}

.room-tit{
	position: relative;
}

.table-room__txt{
	background-color: #fff;
	padding: 4rem 1.5rem 2rem;
	margin-top: -2rem;
	border-radius: 1rem;
}

.table-url{
	overflow-wrap: anywhere;
}

.kakko{
	position: relative;
	padding: 0.5rem 3rem;
	color: black;
	text-align: center
}

.kakko::before,
.kakko::after {
	position: absolute;
	top: -3px;
	width: 10px;
	height: 100%;
	content: '';
	border-top: solid 3px;
	border-bottom: solid 3px;
}

.kakko::before {
	border-left: solid 3px;
	left: 0;
}

.kakko::after {
	border-right: solid 3px;
	right: 0;
}


@media screen and (max-width: 769px) {
	.content{
		padding: 9rem 3rem;
	}
	
	.title.__content{
		height: 61px;
	}
	
	.top-space{
		padding: 2rem 1.5rem 2rem;
	}
	
	td{
		padding: 2rem 1.5rem;
		width: auto;
	}
	
	.table-grid{
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--w60);
	}
}


/* ===================================================================================
fee
====================================================================================== */

.fee{
	background-color: #f8fff7;
	padding: 0 9rem;
}

.fee .title > img{
	margin: 0;
}

.fee-position{
	position: relative;
}

.fee-list{
	overflow: scroll;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.fee-list::-webkit-scrollbar{
  display: none;
}

.fee-list > img{
	width: 100%;
	min-width: 580px;
}

.fee-list::before{
	content: url('../img/mirabo3.svg');
	position: absolute;
	right: 0;
	translate: -50% -100%;
}

@media screen and (max-width: 1200px){
	.fee-list::before{
		right: 0;
		top: 15%;
		translate: 140% -50%;
		rotate: 321deg;
	}
}

@media screen and (max-width: 769px){
	.fee-list::before{
		content: url('../img/mirabo4.svg');
		right: 0;
		top: 3%;
		translate: 88% -50%;
		rotate: 321deg;
	}
}

.fee-imp {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.fee-imp >ul{
	display: inline-block;
	 width: auto;
}

.recommend{
	color: var(--red);
	font-size: var(--f-20-24);	
	font-weight: 700;
	max-width: 1400px;
}

.recommend-grid {
	grid-template-columns: 250px 1fr;
	display: grid;
	align-items: center;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.recommend-tit{
	color: var(--red);
	font-size: var(--f-20-24);
	font-weight: 700;
	background-color: #95c3d8;
	padding: 1.5rem;
}

.recommend-tit.__stan{
	background-color: #86c6aa;
}

.recommend-tit.__pre{
	background-color: #f2972e;
}

.recommend-txt{
	padding: 3rem 3rem 3rem 6rem;
	margin-left: -3rem;
	border: solid 1px #95c3d8;
	border-radius: 2rem;
}

.recommend-txt.__stan{
	border: solid 1px #86c6aa;
}

.recommend-txt.__pre{
	border: solid 1px #f2972e;
}



.fee-table__inner{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.fee-table__inner td {
	padding: 3rem;
	vertical-align: top;
}

.recommend-table__tit{
	font-size: var(--f-18-22);
	color: var(--red);
	font-weight: 700;
}

.fee-table__tex {
	padding-left: 1rem;
	text-indent: -1rem;
}

@media screen and (max-width: 769px) {
	.fee{
		padding: 0rem 2rem;
	}
	
	.fee-table__inner{
		padding: .2rem;
	}
	
	.fee-table__inner td {
		padding: 3rem 1.5rem;
		vertical-align: top;
	}
	
	.recommend-grid {
		grid-template-columns: 1fr;
		display: grid;
		align-items: center;
	}
	
	.recommend-txt{
		padding: 3rem;
		margin-left: 0;
		border-radius: 0 0 2rem 2rem;
	}
}


/* ===================================================================================
way
====================================================================================== */

.way{
	background-color: #f8fff7;
	padding-top: 10rem;
}

.way-inner{
	background-color: #95c3d8;
	border-radius: 6rem 6rem 0 0;
	padding: 10rem 9rem 12rem;
}

.way-step{
	padding: 3rem;
	background-color: #fff;
	border-radius: 2rem;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.way-grid{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--w30);
}

.step-imp{
	padding-left: 1rem;
	text-indent: -1rem;
	font-size: var(--f-12-14);
}

.way .main-button::before{
	content: url('../img/tugumu2.svg');
	position: absolute;
	top: 50%;
	left: 0%;
	translate: 0% -50%;
	z-index: 1;
}


@media screen and (max-width: 769px) {
	.way-inner{
		padding: 10rem 3rem;
	}
	
	.way-grid{
		display: grid;
		align-items: center;
		gap: var(--w30);
	}
}
@media screen and (max-width: 769px) {
	.title.__second{
		height: 70px;
	}
	
	.title.__second{
		height: 70px;
	}
}

/* ===================================================================================
qa
====================================================================================== */

.qa{
	background-color: #95c3d8;
	padding: 0rem 9rem 9rem;
	margin-top: -.5rem;
}

.title.__qa{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.title.__qa > img{
	margin: 0;
}

.qa-inner{
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 1.5rem 3rem;
	align-items: center;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.qa-inner hr{
	grid-column: 1/3;
	background-color: #fff;
	height: 1px;
	width: 100%;
}

.pa-txt{
	color: #fff;
}

.qa-inner ul li{
	text-indent: -1rem;
	padding-left: 1rem;
}

.qa .main-button::before{
	content: url('../img/mirabo2.svg');
	position: absolute;
	top: 50%;
	right: 0%;
	translate: 0% -50%;
	z-index: 1;
}

@media  screen and (max-width : 769px){
	.qa{
		padding: 0rem 3rem 9rem;
	}
	
	.title.__qa{
		height: 25px;
	}
}


/* ===================================================================================
footer
====================================================================================== */
.footer{
	background-color: var(--green);
	padding: 9rem 3rem 0rem;
	display: block;
	position: relative;
}

.footer-grass{
	position: absolute;
	width: 30%;
}

.footer-grass.grass1{
	top: 0;
	left: 0;
	translate: -30% -50%;
}

.footer-grass.grass2{
	top: 0;
	right: 0;
	translate: 30% -50%;
}

.copy {
	color: #fff;
	text-align: center;
	display: block;
}

.footer-black{
	background-color: #444;
	color: #fff;
	width: 100vw;
	translate: -3rem;
	padding:3rem;
	display: grid;
	justify-content: space-between;
	align-items: center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: var(--w20);
	font-size: 1.2rem;
}

.footer-txt{
	font-size: 1.2rem;
}

.footer-link{
	display: flex;
	align-items: center;
	margin: auto;
}

.footer-link::after{
	content: url('../img/link.svg');
	padding-left: .5rem;
}

@media  screen and (max-width : 1040px){
	.footer-black{
		gap: var(--w20);
		grid-template-columns: 1fr;
	}
	
	.footer-link {
		display: inline-block;
	}
}