@charset "utf-8";





body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	background-color: #dddddd;
	font-size: clamp(14px, 3vw, 18px);
	font-weight: 500;
	line-height: 2;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
}
@media screen and (max-width: 768px){
    body {
		line-height: 1.8;
	}
}

#container {
    overflow: hidden;
}

a {
    color: #333;
	text-decoration: underline;
}

a:hover {
    color: #333;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

img {
    width: 100%;
	height: auto;
	line-height: 0;
    /*-webkit-backface-visibility: hidden;*/
	image-rendering: -webkit-optimize-contrast;
}
@media screen and (max-width: 641px){
    img {
		image-rendering: auto; 
	}
}

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


/*==========================================================================

	                       footer
	
============================================================================*/

#footer {
	background-color: #373737;
	padding: 60px 5%;
}

#page-top {
	max-width: 61px;
	line-height: 0;
	position: fixed;
	bottom: 180px;
	right: 20px;
}
#page-top a {
	transition: .5s;
}
#page-top a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}
#page-top img.sp {
	display: none;
}
#copy {
    font-size: clamp(12px, 2vw, 14px);
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 768px){
	#footer {
		padding: 8% 0;
	}
	#page-top {
		width: 12%;
		margin: 0 auto 5%;
		position: inherit;
		bottom: inherit;
		right: inherit;
	}
	#page-top img.pc {
		display: none;
	}
	#page-top img.sp {
		display: block;
	}
}



/* ---------------------------------------- 
									clearfix				
---------------------------------------- */
.clearfix {
	zoom:1;
	/*overflow:hidden;
	min-height: 1px;
	_height:1px;*/
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}