html{
font-family:"Avenir" , "Open Sans" , "Helvetica Neue" , "Helvetica" , "Arial" , "Verdana" , "Roboto" , "BIZ UDPゴシック" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック" , "MS PGothic" , "sans-serif";
-webkit-text-size-adjust:none;
}

/* Firefox などのモダンブラウザheight:100%用 */

body > #bg {
	height: auto;
}



/* 以下の3箇所にheight:100%;を記述。 */ 
html{
	height:100%;
	//color:#333;
	color:#000;
}


body{
	height:100%;
	background-color:#edf4f7;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:16px;
}


/* 項目表示用 */
h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	color:#48483F;
	text-align:center;
}


div.wide1{
	width:95%;
	background:#FFFFFF;
	border:medium solid #222255;
	border-width:0px;
}



div.wide2{
	width:90%;
	background:#FFFFFF;
	border:medium solid #222255;
	border-width:1px;
	padding:20px 20px 20px 20px;
	text-align:left;
}



input[name="submit"] {
-webkit-appearance: none;
	font-size: 1.25em;
	font-weight: bold;
	padding: 10px 40px;
	background-color: #F90;
	color: #fff;
	border-style: none;
	border-radius: 10px;
}
input[name="submit"]:hover {
    background: #ffe2b5;
    color: #999;
}


input[name="submit3"] {
-webkit-appearance: none;
	font-size: 1.25em;
	font-weight: bold;
	padding: 10px 40px;
	background-color: #F90;
	color: #fff;
	border-style: none;
	border-radius: 10px;
}
input[name="submit3"]:hover {
    background: #ffe2b5;
    color: #999;	
}

input[name="submit4"] {
-webkit-appearance: none;
	font-size: 1.0em;
	font-weight: bold;
	padding: 10px 20px;
	background-color: #F90;
	color: #fff;
	border-style: none;
	border-radius: 10px;
}
input[name="submit4"]:hover {
    background: #ffe2b5;
    color: #999;
}


.flex2{
  display: flex;
  flex-direction: row;
  justify-content: left;
  flex-wrap: wrap;
  align-items: center;
}
.flex2 div {
  max-width:100%;
  background: #fff;
  box-sizing:border-box;
}

/* リンク色変更 */
a{
//color: #fff;
text-decoration:none;
//border:solid 1px #999;
padding:20px 10px;
margin:10px 30px;
//background-color:#ffaf3d; 
font-weight:bold;
border-radius: 10px;
}


a:hover {
-webkit-appearance: none;
filter: alpha(opacity=50);
opacity: .50;
}






span.text_btn a {
-webkit-appearance: none;
border: none; 
padding: 0.75em; 
font-size: 0.9em;
font-weight: bold;
background: #1f789e;
color: #FFF;
display: inline-block;
width: 8em;
//height: 2em;
border-radius: 10px;
}

span.text_btn a:hover {
background: #ffe2b5;
color: #999;
}