@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: #000000;
}

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

a{
	color: #000000;
}


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

/* contents
-------------------------------------------------------------------*/
.img{
	line-height:0;
}

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

.wd{
	max-width:980px;
	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) {
.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;
}
}

/* header
-------------------------------------------------------------------*/
#header{
	z-index:999;
	background:#fff;
	padding:10px 30px;
}

#header h1{
	font-size:14px;
	line-height:1.6;
	padding:0 0 5px 0;
}

#header .logo{
	line-height:0;
}


@media screen and (max-width: 800px) {
#header{
	z-index:999;
	background:#fff;
	padding:10px;
}

#header h1{
	font-size: clamp(7px, 2.8vw, 12px);
	padding:0 0 10px 0;
	text-align:center;
}

#header .logo{
	width:200px;
}
}
/* footer
-------------------------------------------------------------------*/
footer{
	background:#FAFAF6;
	padding:70px 0 0 0;
}

footer .logo{
	text-align:center;
}

footer .box .box-in{
	padding:50px 0 30px 0;
	font-size:12px;
	font-weight:400;
	display:flex;
	justify-content:space-between;
}

footer .box .box-in .link a{
	padding:0 0 0 17px;
	background:url(../img/common/f-arrow.png) no-repeat left 5px;
}

footer .box .box-in .link a span{
	border-bottom:1px dotted #000000;
}

@media screen and (max-width: 800px) {
footer{
	padding:40px 30px 0 30px;
}

footer .logo{
	width:240px;
	margin:0 auto;
}

footer .box .box-in{
	padding:50px 0 30px 0;
	font-size:12px;
}

footer .box .box-in .link a{
	background:url(../img/common/sp/f-arrow.png) no-repeat left 6px;
	background-size:12px;
}
}