/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap');

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	list-style:none;
	page-break-before:avoid;
	page-break-after:avoid;
	vertical-align: baseline;
	background: transparent;
}

img {
	width:100%;
	border:none;
	vertical-align:top;
}

html {
	font-size:62.5%;
	height: 100%;
	font-family :YuGothic, 'Yu Gothic', sans-serif;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clearfix:after {  
    content: "";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
.clearfix {  
    display: inline-block;  
}
#clear {
	clear:both;
}

.pc {
}
.sp {
	display:none;
}

@media only screen and (min-width:768px) and (max-width:1025px) {
}

@media screen and ( max-width:767px ) {
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
}


/*	link	-----------------------------*/

a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

a:hover,
a:active {
	color:#6b6b6b;
	text-decoration:none;
}

a.opacity {
	background-color:#ffffff;
	display:inline-block;
}
a.opacity:hover img,
a.opacity:active img {
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
}