@charset "utf-8";
/* CSS Document */

.headerMenuArea{
	box-sizing: border-box;
	padding: 6px;
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 999999;
}
.wrapHeader{
	display: flex;
}
.wrapHeader div{
	width: 100%;
	align-content: center;
}
.logoArea {
	max-width: 30%;
}
.menuArea{
	max-width: 70%;
}
.logoArea img{
	width: 100%;
	max-width: 250px;
}

.contentsArea{
	box-sizing: border-box;
	padding: 80px 0;
	background-color: #f2f2f2;
}

.column{
	margin: auto;
	max-width: 800px;
}

.column h1{
	margin-bottom: 1em;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.column h2{
	box-sizing: border-box;
	padding: 0.5em;
	margin-bottom: 1em;
	text-align: center;
	background-color: #fff;
	border: solid 1px #666;
}

.column p{
	margin-bottom: 2em;
}

.contactArea{
	box-sizing: border-box;
	margin: auto;
	padding: 2em;
	width: 800px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.contactArea h2{
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
}

dl{
	display: flex;
	flex-wrap: wrap;
}

dt,dd{
	padding: 0.5em 0;
	width: 50%;
	border-bottom: solid 1px #666;
}
dt:first-of-type,dd:first-of-type{
	border-top: solid 1px #666;
}

.footerArea{
	box-sizing: border-box;
	padding: 40px 1em;
	background-color: #0abab5;
}
.footerArea > h2{
	box-sizing: border-box;
	margin: auto auto 40px;
	padding: 0.5em;
	max-width: 1200px;
	background-color: #fff;
	text-align: center;
	font-size: clamp(24px,2.5vw,48px);
	font-weight: bold;
	border-radius: 1000px;
}
.footerWrap{
	display: flex;
	margin: auto auto 20px;
	padding-bottom: 20px;
	width: 100%;
	max-width: 1072px;
	color: #fff;
	border-bottom: solid 1px #fff;
}
.footerLeft{
	width: 30%;
}
.footerLogo{
	background-color: #fff;
	display: flex;
	justify-content: center;
	aspect-ratio: 1 / 1;
}
.footerRight{
	margin-left: 16px;
	width: calc(70% - 16px);
	font-size: clamp(14px,2.5vw,16px);
	line-height: 1.75em;
}
.address li{
	margin-left: 1em;
	list-style-type: circle;
}
.footerService li{
	margin-bottom: 1em;
}
.copyrightArea{
	background-color: #07807c;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

/* --- メディアクエリ PC (640px以上) --- */
@media (min-width:640px){
	.headerMenuArea{
		box-sizing: border-box;
		padding: 22px;
		background-color: #fff;
		position: sticky;
		top: 0;
	}
	.wrapHeader{
		display: flex;
	}
	.wrapHeader div{
		width: 100%;
		align-content: center;
	}
	.logoArea {
		max-width: 30%;
	}

	.logoArea img{
		width: 100%;
		max-width: 250px;
	}

	
	.footerArea{
		box-sizing: border-box;
		padding: 40px 1em;
		background-color: #0abab5;
	}
	
	.footerRight{
		margin-left: 40px;
		width: calc(70% - 40px);
	}

}