@charset "UTF-8";

/* styleをタグ名で指定 */
body{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#D9EDBF;
	color:#000;
	margin:0;
	font-size: 1.125rem;
	line-height: 1.6;
}

h1{
	clear:both;	
}
h1:before {
	content: '';/*何も入れない*/
  display: inline-block;
  width: 90px;/*画像の幅*/
  height: 111px;/*画像の高さ*/
  _background-image: url(../images/chara.png);
  background-size: contain;
  vertical-align: middle;
   }

.yakuin{
	float:right;
	font-size:1.3rem;
}

.index-header {
 display: flex;
}
.yakuinp:before {
	margin:0 12px 0 0;
	font-family: FontAwesome;
	font-size:1.6rem;
   content: '\f2bd';
	color: white;
   }

.yakuin_left{
	float:left;
	font-size:1.3rem;
}
.yakuin_left a{
	color: white;
	text-decoration:none;
}
.yakuinp2:before {
	margin:0 12px 0 0;
	font-family: FontAwesome;
	font-size:1.6rem;
	content: '\f015';
   	color: white;
}

.bottom_btn1{
	background:#71c2e2;
	}
.bottom_btn2{
	background:#7ebbdc;
	}
.bottom_btn3{
	background:#8ab4d6;
	}
.bottom_btn4{
	background:#97add1;
	}
.bottom_btn5{
	background:#a4a6cb;
	}
.bottom_btn6{
	background:#b09fc5;
	}
.bottom_btn7{
	background:#bd98bf;
	}
.bottom_btn99{
	background:#d882c9;
	}

.thcolor01{
		background:#71c2e2;
		color:#fff;
	}
.tdcolor01{
		background:#dfdfdf;
		color:#000;
	}
.thcolor02{
		background:#7ebbdc;
		color:#fff;
	}
.thcolor03{
		background:#8ab4d6;
		color:#fff;
	}
.thcolor04{
		background:#97add1;
		color:#fff;
	}
.thcolor05{
		background:#a4a6cb;
		color:#fff;
	}
.thcolor06{
		background:#b09fc5;
		color:#fff;
	}
.thcolor07{
		background:#bd98bf;
		color:#fff;
	}
.tdcolor02{
		background:#afafaf;
		color:#000;
	}

input::placeholder {
  opacity: 0.5;
}