@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: "Shippori Antique", sans-serif;
	font-weight: 400;
	font-size:14px;
	line-height:1.6;
	word-wrap: break-word;
	color: #000000;
	background:#fff;
}


a{
	color: #000000;
}


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

/* contents
-------------------------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }

.wrap{
	position:relative;
}

.main-bg{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:url(../img/common/main-bg.jpg) no-repeat center center;
	background-size:cover;
	z-index:-1;
}

.contents{
	clear:both;
	max-width:450px;
	margin:0 auto;
	position:relative;
	z-index:3;
	background:#43BFD6;
}

.contents:after,
.contents:before{
	content:"OWNED MEDIA";
	position:fixed;
	left:0;
	right:0;
	top:70%;
	width:900px;
	margin:0 auto;
	color:#fff;
	font-size:20px;
	letter-spacing:0.1em;
	transition: all 0.3s;
	opacity:0.8;
	z-index: -1;
}

.contents:before{
	content:"and SEO.";
	text-align:right;
	width:750px;
}

@media screen and (max-width: 930px) {
.contents:after,
.contents:before{
	opacity:0;
}
}

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

.sp{
	display:none !important;
}

.left{
	float:left;
}

.right{
	float:right;
}

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


/* footer
-------------------------------------------------------------------*/
footer{
	background:#10161F;
	padding:25px 25px 40px 25px;
	color:#fff;
	text-align:center;
	max-width:450px;
	margin:0 auto;
}

footer .txt{
	font-size: clamp(8px, 2vw, 12px);
	line-height:1.8;
}

footer .txt a{
	color:#fff;
}

footer .copy{
	font-size: 10px;
	padding:10px 0 0 0;
}