@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400&display=swap');
/* CSS Document */
/* base
------------------------------------------------------ */
html {
  font-size: 62.5%;
	color: #333;
	/*scroll-behavior: smooth;*/
}

a{
	text-decoration: none;
	color: #333;
}
img{
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}
p,a,span,small,li,td,th,label,h1,h2,h3,h4,h5,h6{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 2.6rem;
	letter-spacing: .1rem;
}
p{
	text-align: justify;
}
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

p,a,span,small,li,td,th,label,h1,h2,h3,h4,h5,h6,div{
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: .1rem;
}
.no-link{
	pointer-events: none;
}
a{
	transition: 0.3s;
}
a:hover{
	opacity: 0.7;
}

/*PC Layout
===================================*/
@media print, screen and (min-width: 769px) {
	.spElement{
	display: none;
	}
	.page-top-area{
	max-width: 1050px;
}
	.pagetop{
		width: 5%;
		position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
		max-width: 65px;
		cursor: pointer;
	}
}
/*SP Layout
===================================*/
@media all and (max-width: 768px) {
	.pcElement{
		display: none;
	}
		.pagetop{
		width: 15%;
		position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
		text-align: right;
		margin-left: auto;
	}

}