@charset "UTF-8";
/* CSS Document */
body {
    background-color: #b99e85;
	color: #FFF;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 14px;
	font-feature-settings: "palt" 1;
	line-height: 190%;
	text-align: center;
	letter-spacing: 0.02em;
	word-break: break-all;
    background-image:url("../img/bk_top.png");
    background-position: center top;
	background-repeat:repeat;
}
img {
	display: block;
	width:100%;
	margin:0 auto 
}
a {
	color:#FFF;
	text-decoration: none;
    transition: .2s ease-in-out;
}
a:hover {
	color: #aaa;
	text-decoration: none;
}
a:active, a:focus {
	color: #aaa;
	text-decoration: none;
}
.jp {
    color: #FFF;
}
.jp_at {
    font-size: 14px;
}
.eng {
}
.sp_only { }
.pc_only { display: none;}

/*header
---------------------------------------------*/
.header {
    width: 100%;
    margin: 0 auto;
    padding:0;
    background-color:#b99e85;
    background-image:url("../img/bk_top.png");
    background-position: center top;
	background-repeat:repeat;
}
h1 {
	width: 80%;
	margin:0 auto;
    max-width: 450px;
}
h2 {
	margin-bottom:0;
}
h4 {
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: normal;
    font-size: 11px;
    padding: 0 0 2.5em;
    text-align: center;
}

/*container
---------------------------------------------*/
.container {
    width:calc(100% - 4em);
    margin: 0 auto;
    max-width:885px;
	padding: 1.75em 0 2em;
	}
.container img {
	width: 100%;
	margin: 1em 0 2em;
}
.text {
	text-align: center;
    margin-bottom:0.5em;
    line-height: 2.2;
}
.credit {
    font-size:.75em;
	margin-top: 2em;
	line-height: 150%;
}
.button {
    margin-top: 2em;
	margin-bottom: 2em;
	display: flex;
    justify-content: center;
    align-items: center;
	}
.button a {
    
	display: inline-block;
	padding: 0.65em 1em 0.5em;
	margin: 0 0.5em;
	width: 8em;
	line-height: 1em;
    border-radius: 0.1em;
	background-color:#796755;
	font-weight: 600;
}
.button a:hover {
    color:#FFF;
    background-color: #b19880;
}



@media screen and (min-width:768px) {
    body {
    }
	.sp_only {display: none;}
	.pc_only {display: block;}
    .header {
        width: 100%;
		padding: 0em 0;
    }
	h1 {
		width: 60%;
	}
    .top_img {
		width: 100%;
        margin: 0 auto;
        max-width: 1200px;
    }
    .container {
        padding: 3em 0 2em;
	}
	.container img {
	width: 70%;
	margin: 0 auto 2em;
}
}