@charset "utf-8";

/*============================================================================
	html body
==============================================================================*/

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


}
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;
}

header,footer,section,nav,h1,h2,h3,h4,h5,h6,div,p,ul,li,dl,dt,dd,img,nav,a,span,iframe,br{box-sizing: border-box;}

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

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

/*============================================================================
	画像
==============================================================================*/

img {vertical-align:top;}

/*============================================================================
	リンク
==============================================================================*/

a {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {opacity: 0.8;transition: .3s; }
a:active {color: #000;}
a img:hover {opacity: 0.8;transition: .3s;}

/*============================================================================
	汎用
==============================================================================*/

/* Headings
---------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0;}

h1 {font-size: 153.9%;/*margin: .6em 0 .6em 0;*/}
h2 {font-size: 138.5%;}
h3 {font-size: 123.1%;}
h4 {font-size: 116%;}
h5 {font-size: 108%;}
h6 {font-size: 100%;}

/* float */
.fR {float: right;}
.fL {float: left;}

/* 明朝 */
.mincho {
	font-family: "ＭＳ 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "Times New Roman", Times, serif;
}

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

/*============================================================================
	フォントサイズ
==============================================================================*/
.std10 { font-size: 77%; }
.std11 { font-size: 85%; }
.std12 { font-size: 93%; }
.std13 { font-size: 100%; }
.std14 { font-size: 108%; }
.std15 { font-size: 116%; }
.std16 { font-size: 123.1%; }
.std17 { font-size: 131%; }
.std18 { font-size: 138.5%; }
.std19 { font-size: 146.5%; }
.std20 { font-size: 153.9%; }
.std21 { font-size: 161.6%; }
.std22 { font-size: 167%; }
.std23 { font-size: 174%; }
.std24 { font-size: 182%; }
.std25 { font-size: 189%; }
.std26 { font-size: 197%; }

/*============================================================================
	カラー
==============================================================================*/

.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;}