/*****************************
Theme Name: resegeオリジナルテーマ
Discription: resegeです。
Author: MOCA.Inc
******************************/

html { 
	scroll-behavior: smooth;
	font-size: 62.5%;
}
body {
	margin:0;
	/* font-family: 'Noto Serif JP', serif; */
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 0.2rem;
}
a {
	text-decoration:none;
}
.pc {
	display:flex;
  height: 100%;
}
.sp {
	display:none !important;
}

.fadeIn1s {
  animation-name: fadeIn1s;
  animation-delay: 0.5s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeIn1s {
	0% {
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
  }

.bottom0   { margin-bottom: 0 !important; }
.bottom50  { margin-bottom: 50px !important; }
.bottom100 { margin-bottom: 100px !important; }

@media screen and (max-width: 767px) {
	.bottom100 {
		margin-bottom: 70px !important;
	}
}
  /* --------------------------------------------
 * 　スクリプト用
 * -------------------------------------------- */

 .fadein {
	opacity : 0;
	transform : translate(0px, 0px);
	transition : all 2000ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}
.slideinleft {
	opacity : 1;
	transform : translate(-500px, 0px);
	transition : all 500ms;
	}
.slideinleft.slidein {
	opacity : 1;
	transform : translate(0px, 0px);
	}
.slideinleft1s {
  opacity : 1;
  transform : translate(-500px, 0px);
  transition : all 1000ms;
  }
.slideinleft1s.slidein {
  opacity : 1;
  transform : translate(0px, 0px);
  }
.slideinright {
	opacity : 1;
	transform : translate(500px, 0px);
	transition : all 500ms;
	}
.slideinright.slidein {
	opacity : 1;
	transform : translate(0px, 0px);
	}
.slideinright1s {
  opacity : 1;
  transform : translate(500px, 0px);
  transition : all 1000ms;
  }
.slideinright1s.slidein {
  opacity : 1;
  transform : translate(0px, 0px);
  }
.slideup {
	opacity : 1;
	transform : translate(0px, 100px);
	transition : all 500ms;
	}
.slideup.slidein {
	opacity : 1;
	transform : translate(0px, 0px);
	}	


/* --------------------------------------------
 * 　 サブページ共通
 * -------------------------------------------- */
 .subpage_logo {
	padding: 10px 40px 0;
}

.subpage_logo img {
	width: 20%;
	max-width: 200px;
}


@media screen and (max-width: 767px) {

	.subpage_logo {
		padding: 5px 0 0 14px;
	}
	
	.subpage_logo img {
		width: 35%;
		margin-bottom: 20px;
	}
}



/* --------------------------------------------
 * 　
 * -------------------------------------------- */
 
/* --------------------------------------------
 * 
 * -------------------------------------------- */


/* --------------------------------------------
 * 　フッター
 * -------------------------------------------- */
 footer {
	background: var(--main-color);
	padding: 250px 50px 70px 50px;

	margin-top: 150px;
}

.footer_wrap {
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}


.footer_logo {
	width: 30%;
}

.footer_item {
	display: flex;
	justify-content: center;
    gap: 20px;
}

.footer_item a {
	color: #fff;
	font-size: 2rem;
	margin-bottom: 10px;
	display: block;
	font-weight: 400;
}

.footer_item p {
	color: #fff;
	font-size: var(--font-size-sm);  
	letter-spacing: normal;
	margin-bottom: 30px;
	font-family: 'Inter', sans-serif;
	font-weight: 300;
}

.footer_bottom {
	color: #fff;
	font-size: 1.6rem;
	max-width: 1200px;
	margin: 20px auto 35px;
	display: flex;
	justify-content: flex-end;
	gap: 40px;
	align-items: center;
}

.footer_contact {
	background: #fff;
	font-weight: 400;
	color: var(--main-color);
	border-radius: 20px;
	border: solid 1px #fff;
	padding: 8px 20px;
	transition: 0.3s all ease;
}

.footer_contact:hover {
	background: var(--main-color);
	color: #fff;
	border: solid 1px #fff;
}

@media screen and (max-width: 767px) {


footer {
	padding: 250px 15px 100px 15px;
	margin-top: 70px;
}

.footer_nav {
	flex-direction: column;
}

.footer_logo {
	width: 60%;
	margin-top: 20px;
	margin-bottom: 30px;
}

.footer_item {
	flex-direction: column;
	gap: 0px;
}

.footer_item p {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-bottom: 20px;
}

.footer_item a {
	font-size: 1.6rem;
}

.footer_bottom {
	margin: 0px auto 35px;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}

.footer_map {
	width: 100%;
}

.footer_map iframe {
	width: 100%;
	height: 175px;
}
}