@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400&display=swap');


/* ==========================================================
*
* Basic Setting
*
========================================================== */

body{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight:400;
	font-style: normal;
	font-size:1.4rem;
	line-height:155%;
}

.font-serif {
	font-family: 'Noto Serif JP', serif!important;
}

.serif-light {
	font-weight: 300;
}



a {
}


a:hover img {
	opacity: .7;
}

.pc a:hover {
	text-decoration:none;
}


/***********************************
ε…±ι€šγƒ‘γƒΌγƒ***********************************/

.noPC{
	display:none;
}

.noSP{
	display:initial;
}

/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	.noPC{
		display:initial;
	}

	.noSP {
		display: none !important;
	}

}


/***********************************/



@media screen and (max-width:1320px){
	header{
	}
}

/* for Sp --------------------*/
@media screen and (max-width:900px){

}




/***********************************
フッタ
***********************************/
footer{
	display:block;
	padding:40px 0 57px;
	background: url("../images/footer_bg.webp") no-repeat;
	background-position: 0% 50%;
	background-size: cover;
	color:#ffffff;
	clear:both;
}

footer a{
	text-decoration:none;
}




/*******************************

 Hover Color Setting

*******************************/