/*
 * HOME base css 
 */



.pagelink { text-align: center; }
.pagelink a {
	display: inline-block;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.pagelink a:hover {
	opacity: .5;
}

/* ---------------------------------------- header */

header { 
	background: #fff;
}
header h1 {
	font-family: 'Noto Sans JP';
	line-height: 1.4;
}

/* ---------------------------------------- visual */

#visual {
	background: #000;
}

/* ---------------------------------------- cont01 reason */

#cont01 {
	font-weight: 500;
}
#cont01 ul li { 
	position: relative; 
	padding: 8px 0 0 8px;
}
#cont01 ul li figure {
	position: absolute;
	top: 0;
	left: 0;
}
#cont01 ul li p {
	color: #fff;
	background: #000;
}

/* ---------------------------------------- cont02 about */

#cont02 {
	font-weight: 500;
}
#cont02 h2 { line-height: 1.2; }
#cont02 p { line-height: 1.8; }
#cont02 .pagelink { text-align: center; }

#mov {
	width: 100%;
	aspect-ratio: 16/9;
}
#mov iframe {
	width: 100%;
	height: 100%;
}

/* ---------------------------------------- cont03 company */

#cont03 {
	color: #fff;
	font-weight: 500;
}

/* ---------------------------------------- cont04 suitability */

#cont04 {
	color: #fff;
	font-weight: 500;
}

/* ---------------------------------------- cont05 charm */

#cont05 {
	font-weight: 500;
}
#cont05 p { line-height: 1.8; }

/* ---------------------------------------- cont06 point */

#cont06 {
	color: #fff;
}

/* ---------------------------------------- cont07 faq */

#cont07 {
	font-weight: 500;
}
#cont07 p { line-height: 1.8; }
#cont07 .inside {
	color: #fff;
	background: #000;
}


/* ---------------------------------------- cont08 flow */

#cont08 {
	color: #fff;
	font-weight: 500;
}
#cont08 p { line-height: 1.8; }
#cont08 ul li {
	border: 1px #faf8f5 solid;
}

/* ---------------------------------------- footer */

footer {
	color: #1b1b1b;
	background: #d0d0d0;
	font-family: 'Noto Sans JP';
	font-weight: 400;
}
footer a {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
footer a:hover {
	color: #999;
}

/* ---------------------------------------- credit */

#credit {
	color: #1b1b1b;
	font-family: 'Noto Sans JP';
	font-weight: 400;
}