@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Kosugi+Maru&family=Noto+Sans+JP:wght@300;400;500;700&family=Open+Sans:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;500;700&display=swap" rel="stylesheet');

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%; /*font-size:10px;*/
}

body {
	background: url('../images/bg_img02.png') top center; background-size: cover; padding: 0;
	background-attachment: fixed;
	color: #343435;
	margin: 0;
	padding: 0;
	font-size:1.6rem; /*font-size:16px;*/
	font-family: 'Noto Sans JP', 'Open Sans', Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	min-width: 280px;
}

@keyframes bggradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

ol, dl {
	padding: 0;
	margin: 0;
}
ol {
	margin-left: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

a img {
	border: none;
}

/* --- 全体のリンクテキスト --- */
a {
	color: #039;
}
a:visited {
	color: #009;
}
a:hover {
	color: #009;
}
a:active {
	color: #06C;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

hr {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}

.clear {
	clear:both;
	height: 0;
	padding: 0;
	margin: 0;
	visibility:hidden;
}

noscript img {
	vertical-align: middle;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pcOnly { display: block !important; }
.spOnly { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 991.98px) {
	.pcOnly { display: none !important; }
	.spOnly { display: block !important; }
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767.98px) {
	.pcOnly2 { display: none !important; }
	.spOnly2 { display: block !important; }
}
/* スマートフォンで見たときは"pc"のclassがついた画像が表示される */
@media only screen and (min-width: 767.98px) {
	.pcOnly2 { display: block !important; }
	.spOnly2 { display: none !important; }
}

@media print{
	.print_none {
			display: none;
	}
}