@charset "UTF-8";

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Pinyon Script', cursive;
font-family: 'Sawarabi Gothic', sans-serif;
font-family: 'Great Vibes', cursive;
*/

/* MATERIALS */

a:link{
	text-decoration:none;
	color:#a69e5d;
}
a:visited{
	text-decoration:none;
	color:#a69e5d;
}
a:hover{
	text-decoration:underline;
	color:#b2ab70;
}
a:active{
	text-decoration:underline;
	color:#b2ab70;
}


/* INTERFACE */


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

body>header{
	height:170px;
	text-align:center;
}

body>header>h1,
body>header>a{
	display:block;
	margin:0;
	padding:22px 0 0;
	font-size:20px;
	line-height:1;
}

body>header>h1 img,
body>header>a img{
	width:235px;
	vertical-align:bottom;
}

#home_key_area picture,
#home_key_area img{
	width:100%;
	vertical-align:bottom;
}

body>footer{
	background-color:#b2ab70;
	padding:60px 0 0;
}

body>footer small{
	display:block;
	padding:40px 20px 80px;
	text-align:center;
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#fff;
}

body>footer>a{
	display:block;
	width:30px;
	margin:0 auto;
}

body>footer>a img{
	width:100%;
}

#sub_key_area{
	position:relative;
}

#sub_key_area picture,
#sub_key_area img{
	width:100%;
	vertical-align:bottom;
}