@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Roboto:wght@100;300;400&family=Sawarabi+Mincho&family=Shippori+Mincho:wght@400;500;600;700&display=swap');

/* fonts
font-family: 'Sawarabi Mincho', serif;
font-family: 'Shippori Mincho', serif;
font-family: 'Roboto', sans-serif;
*/

/* MATERIALS */

a:link{
	color:#c81428;
	text-decoration:underline;
}

a:visited{
	color:#c81428;
	text-decoration:underline;
}

a:hover{
	color:#e0162e;
	text-decoration:none;
}

a:active{
	color:#e0162e;
	text-decoration:none;
}

a.btn_more{
	display:inline-block;
	padding:14px 60px 16px 25px;
	text-decoration:none;
	font-size:15px;
	color:#fff;
	background-color:#c81428;
	background-image:url("../img/interface/arrow_white.svg");
	background-repeat:no-repeat;
	background-size:25px 20px;
	background-position:right 20px center;
	border-radius:30px;
}

a.btn_more:hover{
	background-color:#e0162e;
	background-position:right 15px center;
}

/* INTERFACE */

body{
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000;
	font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#nav_sp{
	display:block;
	width:35px;
	height:25px;
	padding:10px 0 0;
	position:absolute;
	top:40px;
	right:40px;
	cursor:pointer;
	z-index:11;
	line-height:0;
	cursor:pointer;
}

#nav_sp span{
	display:block;
	margin:0 0 10px;
	border-top:4px solid #c81428;
	line-height:0;
}

#nav_sp.open span:first-of-type{
	margin:0;
	transform:rotate(45deg);
	transition-duration:0.5s;
}

#nav_sp.open span:last-of-type{
	margin:0;
	transform:rotate(-45deg);
	transition-duration:0.5s;
	position:relative;
	top:-3px;
}

#nav_sp.close span:first-of-type{
	transition-duration:0.5s;
}

#nav_sp.close span:last-of-type{
	transition-duration:0.5s;
}

@media only screen and (max-width:660px){
	#nav_sp{
		width:30px;
		height:20px;
		top:40px;
		right:20px;
	}
}