@charset "utf-8";

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
color: #707070;
text-align: justify;
background: #fff;
box-sizing: border-box;
}

input, textarea {
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {box-sizing: border-box;}

.Poppins{font-family: 'Poppins', sans-serif;}
.Noto{font-family: 'Noto Sans JP', sans-serif;}

img {vertical-align:top;}

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

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

/* page-top */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 100;
}
#pageTop a {
	display: block;
	background: url(../img/gotop.png?=v16);
	background-size: 31px 31px;
	width: 31px;
	height: 31px;
	text-indent: -9999px;
}
#pageTop a:hover {
	background: url(../img/gotop.png?=v16);
	background-size: 31px 31px;
}

.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.lgray { color: #999999; }
.red { color: #FF0000; }
.wred { color: #CC0000; }
.pink { color: #FF3366; }
.green { color: #006600; }
.orange { color: #FF6600; }
.blue { color: #205ea9; }
.dblue { color: #1a1a6a; }
.lblue { color: #00b3dc; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }
.brown { color: #b36c00;}

.Bold{font-weight: bold;}

.youtube {
width: 100%;
aspect-ratio: 16 / 9;
max-width:1000px;
margin: 5% auto;
padding: 0;
}
.youtube iframe {
width: 100%;
height: 100%;
margin: 5% auto;
padding: 0;
}