@charset "UTF-8"

@-ms-viwport {width: device-width:}

body {margin: 0; background: #ffffff;
      font-family: '教科書ICA M','Kyoukasho ICA Medium','游ゴシック','YuGothic','MS 明朝','メイリオ','Hiragino Kaku Gothic Pro',sans-serif;}


HEADER {
      height: 30px;
      margin: 0 0 0 0;
      padding: 0 5px 0;}

.footer {
      padding-right: 30px;
      text-align: right;
      vertical-align: bottom;
      color: #333333;
      font-size: 12px;}

.footer_2 {
      padding-right: 30px;
      text-align: right;
      vertical-align: bottom;
      color: #cccccc;
      font-size: 12px;}

.far { color: #cccccc;}
.far-red { color: red;}

.p_fa { color: #ff0000}

.tel_num { color: #000;
      font-size: 16px;
      text-align: right;
      font-family: sans-serif;}

/* ----------------------------------------------------- */
.maximg {
      margin: 0;  
      padding: 0;}
/* ----------------------------------------------------- */

.top_text {
	float: left;
	color: #ffffff;
	font-size: 16px;}

.top_text H1 {
      display: inline; 
      margin: 0px 15px 0px 15px;
	font-size: 28px;}

.top_text H2 {
      display: inline; 
      margin: 0px 15px 0px 15px;
	font-size: 18px;}

.top_text p {
	color: #888888;
	font-size: 14px;}

.top_text a {
	color: #ccc;
	text-decoration: none;}

.back_text {
    position: absolute;
    top: 10px;
    right: 20px;
	color: #ccc;
	font-size: 14px;}

.back_text a {
	color: #ccc;
	text-decoration: none;}

.link_text {
	text-align: right;}

/* ----------------------------------------------------- */
.main_text {
      text-align: center;
      width: 85%;}

.about_text{
      text-align: left;
      font-size: 14px;
      margin-top: 30px;}

.about_text H1 {
      color: #000;
      font-size: 32px}

.about_text H2 {
      margin-left: 20px;
      color: #006699;
      font-size: 26px;}


/* ----------------------------------------------------- */
/* 丸いアイコン */
.button {
      display: inline-block; 
      width: 100px;
      height: 100px;
      margin: 20px 15px 30px 15px;
      padding: 10px 20px 0 20px;
      color: #fff;
      font-size: 12px;
      text-decoration: none;
      background: #888;
      border-radius: 50px;
/*      vertical-align: bottom; */
}

.button:hover,
.button:focus {
      outline: none;
      background: #ccc;}

.button p{
      font-size: 12px;
      padding: 0 0 0 0;
      text-align: center;
      color: #fff;}

.about-more a{
	text-decoration: none;}

.fa_icon {
      color: white;
      margin-top: 5px;}

/* ----------------------------------------------------- */
/* 丸い大きいアイコン(リンクなし) */
.button_non {
      display: inline-block; 
      width: 200px;
      height: 200px;
      margin: 20px 15px 30px 15px;
      padding: 10px 20px 0 20px;
      color: #fff;
      font-size: 24px;
      text-decoration: none;
      background: #888;
      border-radius: 100px;
/*      vertical-align: bottom; */
}

.button_non:hover,
.button_non:focus {
      outline: none;
      background: #888;}

.button_non p{
      font-size: 24px;
      padding: 0 0 0 0;
      text-align: center;
      color: #fff;}

.about-more a{
	text-decoration: none;}


/* ----------------------------------------------------- */

/* ----------------------------------------------------- */
/* メニュー */
.menu001 {
      margin: 2px 0 2px 0;  
      padding: 0;
      background: #fff;
      width: 95%;}

.menu001 li {
      list-style-type: none;}

.menu001 li a{
      position: relative;
      display: block;
      margin: 0 0 2px -40px;
      padding: 5px 30px 5px 10px;
      border: 1px solid #006699;
      background: #fff;
      color: #000;
      text-decoration: none;}

.menu001 li a:hover {
      background: #e6e6fa;}

.menu001 li a:before {
      background: #e6e6fa;
      color: #999900;
      line-height: 1;}

.menu001 li i {
      position: absolute;
      right: 10px;
      top:50%;
      margin: -8px 0 0 0px;
      color: #999900;
      font-size: 16px;}

.menu001 h1{
      margin: 0 0 2px -40px;
      padding: 3px 0 3px 0;
      text-align: center;
      font-size: 16px;
      color: #fff;
      background: #999900;
      border: 1px solid #006699;}


/* ----------------------------------------------------- */

.menu001 h1{
      list-style-type: none;
      color: #fff;}


.menu001 h1 a{
      color: #fff;
      text-decoration: none;}