@charset "utf-8";
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size:16px;
	line-height:1.6;
	word-wrap: break-word;
	color: #473D32;
}

@media screen and (max-width: 800px) {
body {
	font-size:14px;
}
}

a{
	color: #473D32;
}


h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

/* contents
-------------------------------------------------------------------*/
.r_btn.on{
    opacity: 1;
    z-index: 99;
}

.r_btn {
    position: fixed;
    right: 20px;
    bottom:20px;
    transition: all 0.3s;
    z-index: -1;
    opacity: 0;
    display: block;
}

.r_btn.on.off {
    opacity: 0;
    z-index: -1;
}

.img{
	line-height:0;
}

.wrap {
	min-width:1024px;
	position:relative;
	overflow:hidden;
}

.wd{
	max-width:1040px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
}


.contents{
	clear:both;
}

.scale{
	width:100%;
	height:auto;
}

.sp{
	display:none !important;
}

.left{
	float:left;
}

.right{
	float:right;
}

img{
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 800px) {
.r_btn {
	width:230px;
    right: 0;
    bottom:0;
}
	
.wrap {
	min-width:inherit;
	box-sizing:border-box;
	contain:inherit;
}

.spleft{
	float:left;
}

.spright{
	float:right;
}

.spscale{
	width:100%;
	height:auto;
}

.contents{
	margin:0;
	padding:0;
}

.wd,.wd02{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}

.spscale{
	width:100%;
	height:auto;
}

img{
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.pc{
	display:none !important;
}

.sp{
	display:block !important;
}

.spleft{
	float:left;
}

.spright{
	float:right;
}

input{
	font-size:16px;
}
}


/* footer
-------------------------------------------------------------------*/
footer{
	background:#C0BDB1;
	padding:5px 0;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-family: "Noto Serif JP", serif;
}

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