@charset "UTF-8";  

.pc {
	display: inline-block ;
}

.pc2 {
	display: block ;
}

.sp ,.sp2 {
	display: none;
}

a ,a:before ,a:after{transition: 0.2s linear;}

:root {
	--size-xl: 24px;
	--size-ll: 22px;
	--size-l: 20px;
	--size-nomal2: 18px;
	--size-nomal1: 16px;
	--size-nomal0: 15px;
	--size-s: 14px;
	--size-sm: 13px;
	--size-ss: 12px;
}


#wrapper {
	width: 100%;
	margin: auto;
	padding: 0;
	position: relative;
}

#footer_contact, #footer_contact .btn {display: none;}


/*====================================
ヘッダー
=====================================*/
header {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	padding: 30px 50px;
	top: 0;
	left: 0;
}
	header h1 {
		width: 305px;
		margin: 0;
		padding: 0;
	}
		header h1 a {
			display: inline-block;
			margin: 0;
			padding: 0;
			transition: 0.2s linear;
		}
			header h1 a:hover {
				opacity: 0.8;
			}

/*====================================
共通
=====================================*/
main {
	margin: 0 auto;
}

/*====================================
フッター
=====================================*/
footer {
	width: 100%;
	margin: 0 auto;
	padding: 50px 15px 35px;
	background: #76BCDE;
}
	footer h6 {
		margin: 0 auto;
		padding: 0;
	}
		footer h6 a {
			display: inline-block;
			margin: 0;
			padding: 0;
			transition: 0.2s linear;
		}
			footer h6 a:hover {
				opacity: 0.8;
			}
	footer h5 {
		margin: 10px auto 0;
		padding: 0;
		font-size: 18px;
		line-height: 200%;
		font-weight: var(--weight-bold2);
		color: #fff;
	}
#footer_copy {
	margin: 25px auto 0;
	padding: 0;
	font-size: 14px;
	line-height: 160%;
	color: #fff;
}

#page_top {
	position: fixed;
	bottom: 20px;
    right: 0;
	z-index: 80;
}
	#page_top a {
		display: inline-block;
		margin: 0 auto;
		padding: 20px 15px;
	}
	#page_top img {
		transition: 0.2s linear;
	}
	#page_top img:hover {
		opacity: 0.8;
	}