@charset "utf-8";

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

body {
font-family: 'Noto Sans JP', sans-serif;
color: #333;
font-size: 16px;
line-height: 150%;
text-align: justify;
background: #FFF;
font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
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;
}

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


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

/*FLEX BOX*/
.container {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: stretch;
flex-wrap: wrap;
}
.item {padding:1% 2%;}

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

.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: #FC6200; }
.blue { color: #205ea9; }
.dblue { color: #1a1a6a; }
.lblue { color: #00b3dc; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }
.brown { color: #b36c00;}