@charset "UTF-8";

#loadingmainlogo {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100svh;
}


.titlebg {
	width:100%;
	padding-top:80px;
}

.headertab {
	display:flex;
	justify-content:center;
	align-items:center;
	width:400px;
	height:100px;
	margin:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#ddd;
	text-shadow:0 0 8px #333;
	background-color:#f6f6f6;
	transition: all 300ms;
}

.headertab01 {
	background:url(images/menu01_bg.jpg) 50% 50% no-repeat;
	background-blend-mode:lighten;
}

.headertab02 {
	background:url(images/menu02_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
}

.headertab03 {
	background:url(images/menu03_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
}


.headertab:hover {
	color:#fff;
	text-shadow:0 0 8px #000;
	text-decoration:none;
	box-shadow:0 0 6px 1px #00a;
}

.headertab-active {
	color:#fff;
	text-shadow:0 0 8px #000;
	text-decoration:none;
	box-shadow:0 0 6px 1px #00a;
}


.s01 {
	position:relative;
	padding:5px 0;
	width:100%;
	min-height:100vh;
	color:#fff;
	background:url(images/service01_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

.s02 {
	position:relative;
	padding:5px 0;
	width:100%;
	min-height:100vh;
	color:#fff;
	background:url(images/service02_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

.s03 {
	position:relative;
	padding:5px 0;
	width:100%;
	min-height:100vh;
	color:#fff;
	background:url(images/service03_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	background-attachment: fixed;
}


.stitle {
	display:inline-block;
	font-size:3em;
	font-weight:bold;
	color:#03a;
	padding:0.2em;
	background-color:rgba(255,255,255,0.8)
}

.service01-bg01 {
	background-color:rgba(0,0,0,0.3);
	border-radius:0.5em;
}

.service01-bg02 {
	color:#222;
	background-color:rgba(255,255,255,0.8);
}

.service01-bg03 {
	background-color:rgba(0,0,0,0.4);
}

.service01-bg04 {
	background-color:rgba(0,0,0,0.5);
	border-radius:0.5em;
}

.text01 {
	font-size:1.5em;
}

.text02 {
	font-size:1.7em;
}

.text03 {
	font-size:1.3em;
}

.text04 {
	line-height:1.6em;
}

.text05 {
	font-size:2em;
}


.img01 {
	height:100%;
	border-radius:0.5em;
}

.img01 img {
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:0.5em;
}

.border01 {
	border:1px solid #bbb;
}

.nagaretitle {
	font-size:1.5em;
	font-weight:bold;
}


.num-circle {
	display:inline-block;
	color:#222;
	background-color:#fff;
	padding:1em 0.3em;
	border-radius:1em;
}

/* スマホ用 */
@media screen and (max-width:565px){
	.stitle {
		font-size:1.8em;
	}
	
	.text02 {
		font-size:1.5em;
	}
	
	.text03 {
		font-size:1.1em;
	}
	
	.text04 {
		line-height:1.4em;
	}
	
	.text05 {
		font-size:1.6em;
	}
	
	
}
