@charset "UTF-8";


/* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ High Resolution parts */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){

}
/* TEMPLATE High Resolution parts end*/



/* INTERFACE */


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



main #key_area h1{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1em;
}
main #key_area img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

main #about_area{
	background-image: url('../img/about_bg.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	background-color: #f3efe9;
}
main #about_area>div{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 80px 20px 110px;
	box-sizing: border-box;
}
main #about_area>div img{
	display: block;
	width: 100%;
	max-width: 455px;
}


main>article>article{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
main>article>article.k119{
	background-color: #fbf4e9;
}
main>article>article section{
	width: 100%;
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
	padding: 60px 15px;
	box-sizing: border-box;
	overflow: hidden;
}
main>article>article section div{
	width: 50%;
}
main>article>article section div h2{
	font-size: 24px;
	margin: 0 0 25px;
	padding: 0;
	line-height: 1em;
}
main>article>article section div h2 img{
	display: block;
	width: 100%;
	max-width: 230px;
	margin: 0 auto;
}
main>article>article section div p{
	font-size: 16px;
	margin: 0 auto 30px;
}
main>article>article section div a{
	display: block;
	width: 200px;
	margin: 20px auto 0;
	padding: 5px 10px;
	box-sizing: border-box;
	text-decoration: none;
	color: #000;
	border: solid 1px #000;
	font-size: 14px;
	background-image: url('../img/interface/arrow.svg');
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 8px auto;
}

main>article>article section>a{
	display: block;
	width: 50%;
}
main>article>article section>a img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

main>article>article.a810 section div{
	float: right;
}
main>article>article.k119 section div{
	float: left;
}

main>article>article.a810 section>a{
	float: left;
}
main>article>article.a810 section>a img{
	max-width: 303px;
}
main>article>article.k119 section>a{
	float: right;
}
main>article>article.k119 section>a img{
	max-width: 175px;
}

main>article>article.k119 section div a{
	color: #396131;
	border: solid 1px #396131;
}